Description
/* ------------------------------ INSTRUCTIONS ------------------------------ */
/* DO NOT EDIT THIS! UNDER NO CIRCUMSTANCE APPLY CHANGES TO THE CSS IN HERE, THE HEADER OR FOOTER! */
/* ----- Check out the full instructions: http://sta.sh/0h0h2gr62n9 ----- */
/* -----Week title ----- */
/* Put Novel Writing Basics Week
at the beginning of the text, NOT into the header, it will show up on the board */
/* Last edit: 09.07.2014 pica-ae */
/* ------------------------------ CSS ------------------------------ */
body div#devskin13775681 * {
background:transparent;
border:none;
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
margin:0;
padding:0;
}
/* ------------------------------ GENERAL ------------------------------ */
body div#devskin13775681 .gr-top h2 img, body div#devskin13775681 .tri , body div#devskin13775681 .gr1, body div#devskin13775681 .gr2, body div#devskin13775681 .gr3, body div#devskin13775681 .list {
display:none!important;
}
body div#devskin13775681 a, body div#devskin13775681 a.external, body div#devskin13775681 .user-symbol {
color:#B73E62;
text-decoration:none;
}
body div#devskin13775681 a:hover, body div#devskin13775681 a.external:hover, body div#devskin13775681 .username-with-symbol:hover .user-symbol {
color:#E43A5D;
text-decoration:none;
transition:color 0.5s ease;
-moz-transition:color 0.5s ease;
-webkit-transition:color 0.5s ease;
-ms-transition:color 0.5s ease;
-o-transition:color 0.5s ease;
}
body div#devskin13775681 .user-symbol, body div#devskin13775681 a.external:after {
font-size:8px;
padding:2px;
position:relative;
top:-4px;
}
/* ------------------------------ GR-BOX ------------------------------ */
body div#devskin13775681 .negate-box-margin {
font-size:16px;
line-height:20px;
margin:0 auto;
max-width:1000px;
padding:10px;
}
body div#devskin13775681 .gr-box {
background:#dae4d9 url('https://fc08.deviantart.net/fs71/f/2014/184/2/d/bggrad_by_pica_ae-d7p0s6p.png') 0px 0px repeat-x;
border:1px solid #a6b2a6;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow:0px 1px 5px #8c9688;
-moz-box-shadow:0px 1px 5px #8c9688;
-webkit-box-shadow:0px 1px 5px #8c9688;
color:#5d625d;
font-family:Verdana, sans-serif;
font-size:14px;
line-height:20px;
overflow:visible;
margin-top:174px;
padding:220px 30px 30px 30px;
position:relative;
}
body div#devskin13775681 .gr-genericbox {
}
/* ------------------------------ GR-TOP ------------------------------ */
body div#devskin13775681 .gr-top {
background:#bcc8ba;
border:solid #a6b2a6;
border-width:1px 1px 0 1px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow:inset 0 1px 0px #8b958b, inset 0px -1px 0px #f9fbf9, inset 0px 0px 60px #bcc8ba;
-moz-box-shadow:inset 0 1px 0px #8b958b, inset 0px -1px 0px #f9fbf9, inset 0px 0px 60px #bcc8ba;
-webkit-box-shadow:inset 0 1px 0px #8b958b, inset 0px -1px 0px #f9fbf9, inset 0px 0px 60px #bcc8ba;
height:100px;
margin:0 20px 0 95px;
padding:20px;
position:relative;
text-align:center!important;
}
body div#devskin13775681 .gr-top::after {
content:'';
border-top:10px solid transparent;
border-right:10px solid #bcc8ba;
border-bottom:10px solid transparent;
position:absolute;
top:35px;
left:-10px;
}
body div#devskin13775681 .gr-top::before {
content:'';
border-top:10px solid transparent;
border-right:10px solid #f9fbf9;
border-bottom:10px solid transparent;
position:absolute;
top:36px;
left:-10px;
}
body div#devskin13775681 .gr-top .gr {
padding-left:0!important;
}
body div#devskin13775681 .gr-top .gr h2, body div#devskin13775681 .gr-top .gr h2 a {
color:#3d4d3d;
font-size:28px;
font-weight:bold;
text-shadow:0 1px 0px #8b958b, 0px -1px 0px #f9fbf9;
transition:color 0.5s ease;
-moz-transition:color 0.5s ease;
-webkit-transition:color 0.5s ease;
-ms-transition:color 0.5s ease;
-o-transition:color 0.5s ease;
}
body div#devskin13775681 .gr-top .gr h2 a:hover {
color:#E43A5D;
}
body div#devskin13775681 .gr-top .gr span {
}
body div#devskin13775681 .gr-top .author {
font-size:0;
}
body div#devskin13775681 .gr-top .author .username-with-symbol {
font-size:0;
}
body div#devskin13775681 .gr-top .author .username-with-symbol .user-symbol {
display:none;
}
body div#devskin13775681 .gr-top .author .avatar {
background:transparent url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0585039b-fa9c-4986-9838-a3e54a7dcef8/ddo7ddf-1247514f-0987-4244-b243-895aa003886a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzA1ODUwMzliLWZhOWMtNDk4Ni05ODM4LWEzZTU0YTdkY2VmOFwvZGRvN2RkZi0xMjQ3NTE0Zi0wOTg3LTQyNDQtYjI0My04OTVhYTAwMzg4NmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.nJ_7oEoYSWP5WqOY9qj-CNRJk-xyJYV_5kibvpqAkJo') no-repeat center;
display:block!important;
padding:5px;
position:absolute;
top:-10px;
left:-110px;
}
/* ------------------------------ GR-BODY ------------------------------ */
body div#devskin13775681 .gr-body {
overflow:visible!important;
position:static!important;
}
body div#devskin13775681 .gr-body .gr {
}
body div#devskin13775681 .gr-body .gr .grf-indent {
}
body div#devskin13775681 .gr-body .gr .grf-indent .text {
max-width:860px;
margin:0 auto;
padding:40px 0;
}
/* ------------------------------ BOTTOM ------------------------------ */
body div#devskin13775681 .gr-body .gr .grf-indent .bottom {
position:absolute;
right:6px;
bottom:16px;
color:#DAE4D9!important;
z-index:99;
padding:0px 0px 0px 0px!important;
height:27px;
font-size:0px;
}
body div#devskin13775681 .gr-body .gr .grf-indent .bottom a {
font-size:0px;
background:url('https://fc00.deviantart.net/fs71/f/2014/184/7/c/comment_by_pica_ae-d7p0s66.png') top no-repeat;
color:#DAE4D9!important;
text-decoration:none!important;
padding:0px;
margin:0px 15px 0px 10px;
text-align:center;
width:24px!important;
height:24px!important;
display:block;
transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
-ms-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
}
body div#devskin13775681 .gr-body .gr .grf-indent .bottom a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------------ CUSTOM ------------------------------ */
body div#devskin13775681 .text h1, body div#devskin13775681 .text h2, body div#devskin13775681 .text h3, body div#devskin13775681 .text h4, body div#devskin13775681 .text h5, body div#devskin13775681 .text h6 {
font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#E4375B;
font-weight:500;
letter-spacing:0.02em;
line-height:20px;
}
body div#devskin13775681 .text .white h1, body div#devskin13775681 .text .white h2, body div#devskin13775681 .text .white h3, body div#devskin13775681 .text .white h4, body div#devskin13775681 .text .white h5, body div#devskin13775681 .text .white h6 {
color:#f3f3f3!important;
display:block;
font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
font-weight:bold;
text-shadow:#333333 0px 1px 4px;
}
body div#devskin13775681 .text h1 {
font-size:32px;
line-height:40px;
}
body div#devskin13775681 .text h2 {
font-size:28px;
line-height:40px;
}
body div#devskin13775681 .text h3 {
font-size:24px;
}
body div#devskin13775681 .text h4 {
font-size:21px;
}
body div#devskin13775681 .text h5 {
font-size:18px;
}
body div#devskin13775681 .text h6 {
font-size:14px;
}
body div#devskin13775681 .text blockquote {
border-bottom:1px solid;
font-family:Tinos, Georgia;
font-size:21px;
font-style:italic;
line-height:28px;
margin:20px 40px;
padding:0 40px 20px 40px;
position:relative;
text-align:center;
}
body div#devskin13775681 .text blockquote i {
font-size:14px;
position:absolute;
right:0;
bottom:-30px;
}
body div#devskin13775681 .text p, body div#devskin13775681 .text .dark {
background:#bcc8ba;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
margin:20px 0;
padding:20px;
}
body div#devskin13775681 .text p strong {
display:block;
font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
color:#E4375B;
letter-spacing:0.02em;
font-size:120%;
margin:10px 0;
}
body div#devskin13775681 .text .indent {
background:transparent;
margin:0;
padding:0 40px;
}
body div#devskin13775681 .text ul, body div#devskin13775681 .text ol {
list-style-position:outside;
margin-left:30px;
}
body div#devskin13775681 .text ul li {
list-style-image:url('https://fc04.deviantart.net/fs70/f/2014/184/7/4/bullet_by_pica_ae-d7p0s6d.png');
margin-bottom:10px;
}
body div#devskin13775681 .text ol li {
margin-bottom:10px;
}
body div#devskin13775681 .text ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin13775681 .text ul li ul li {
list-style-image:none;
}
body div#devskin13775681 .text ul li ul li::before {
content:' ';
display:block;
float:left;
background:#f05473;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
-moz-box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
-webkit-box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
height:5px;
width:5px;
margin:7px 6px 0 -14px;
}
body div#devskin13775681 .text ul li ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin13775681 .text ul li ul li ul li {
list-style-image:none;
}
body div#devskin13775681 .text ul li ul li ul li::before {
content:' ';
display:block;
float:left;
background:#5d625d;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
-moz-box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
-webkit-box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
height:5px;
width:5px;
margin:7px 6px 0 -14px;
}
body div#devskin13775681 .text ul li ul li ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin13775681 .text ul li ul li ul li ul li {
list-style-image:none;
}
body div#devskin13775681 .text ul li ul li ul li ul li::before {
content:' ';
display:block;
float:left;
background:transparent;
border:1px solid #5d625d;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
-moz-box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
-webkit-box-shadow:#FFFFFF 0px 1px 0px, #a6b1a6 0px -1px 0px;
height:3px;
width:3px;
margin:7px 6px 0 -14px;
}
body div#devskin13775681 .text hr {
border-top:1px dotted #8b958b;
border-bottom:1px dotted #f9fbf9;
}
body div#devskin13775681 .button a {
background:#B73E62;
box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #c23e66, 0 1px 3px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #c23e66, 0 1px 3px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #c23e66, 0 1px 3px 0 #6C7C6E;
border:1px solid #AE1837;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
color:#FFFFFF;
padding:10px 20px;
text-shadow:none;
transition:all 1s;
-moz-transition:all 1s;
-webkit-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
}
body div#devskin13775681 .button a:hover {
background:#E43A5D;
box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #E43A5D, 0 1px 5px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #E43A5D, 0 1px 5px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #E43A5D, 0 1px 5px 0 #6C7C6E;
text-shadow:#AE1837 0px -1px 0px, #ED6581 0px -1px 0px;
}
body div#devskin13775681 .note {
background:#ffe566;
box-shadow:#bcc8ba 0px 2px 4px, inset #fff6cc 0px 1px 3px;
-moz-box-shadow:#bcc8ba 0px 2px 4px, inset #fff6cc 0px 1px 3px;
-webkit-box-shadow:#bcc8ba 0px 2px 4px, inset #fff6cc 0px 1px 3px;
margin:20px;
padding:20px;
position:relative;
}
body div#devskin13775681 .columns, body div#devskin13775681 .columns-p {
display:block;
overflow:hidden;
}
body div#devskin13775681 .columns p, body div#devskin13775681 .columns .half {
background:transparent;
display:inline-block;
float:left;
margin-right:1%;
padding:0 0 10px 0;
width:48%;
}
body div#devskin13775681 .columns-p p {
display:inline-block;
float:left;
padding:20px;
max-width:420px;
}
body div#devskin13775681 .columns-p p:first-of-type {
margin:0 20px 0 0;
}
body div#devskin13775681 .columns-p p:last-of-type {
margin:0 0 0 0;
}
body div#devskin13775681 .columns .half ul, body div#devskin13775681 .columns .half ol {
margin-left:20px;
}
body div#devskin13775681 .interview {
display:block;
font-family:Tinos, Georgia;
font-size:18px;
font-style:italic;
margin:0;
padding:0;
position:relative;
}
body div#devskin13775681 .interview .avatar {
float:left;
margin-top:25px;
}
body div#devskin13775681 .interview p .avatar {
float:none;
margin-top:0;
}
body div#devskin13775681 .interview p {
background:#FFFFFF;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:0 2px 4px #6C7C6E;
-moz-box-shadow:0 2px 4px #6C7C6E;
-webkit-box-shadow:0 2px 4px #6C7C6E;
display:block;
font-family:Verdana, sans-serif;
font-size:14px;
font-style:normal;
margin:15px 0px 0px 70px;
padding:15px 15px 15px 30px;
position:relative;
}
body div#devskin13775681 .interview p::before {
content:' ';
display:block;
background:#dae4d9;
box-shadow:inset 0 2px 4px #6C7C6E;
-moz-box-shadow:inset 0 2px 4px #6C7C6E;
-webkit-box-shadow:inset 0 2px 4px #6C7C6E;
position:absolute;
top:30px;
left:-10px;
height:20px;
width:20px;
transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
}
body div#devskin13775681 .interview p::after {
content:' ';
display:block;
background:#dae4d9;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
position:absolute;
top:26px;
left:-20px;
height:28px;
width:20px;
}
/* ------------------------------ THUMBS ------------------------------ */
body div#devskin13775681 .shadow-holder {
margin:5px;
vertical-align:middle;
transition:background 1s;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-ms-transition:background 1s;
-o-transition:background 1s;
}
body div#devskin13775681 .shadow-holder:hover {
box-shadow:0 0 4px #B8D1B6;
-moz-box-shadow:0 0 4px #B8D1B6;
-webkit-box-shadow:0 0 4px #B8D1B6;
}
body div#devskin13775681 .shadow-holder a.lit {
background:#E0E8DC;
border:1px solid #FFFFFF;
width:170px;
height:150px;
}
body div#devskin13775681 .shadow-holder .wrap q, body div#devskin13775681 p .shadow-holder .wrap q {
background:#E7EDE6;
font-family:Tinos, Georgia, serif;
font-size:14px;
font-style:italic;
font-weight:normal;
padding:10px;
position:absolute;
right:0;
left:0;
}
body div#devskin13775681 .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin13775681 p .shadow-holder .wrap q strong {
color:#5d625d;
font-family:Tinos, Georgia, serif;
font-size:14px;
margin:0 0 10px 0;
}
body div#devskin13775681 .embedded-deviation {
vertical-align:middle;
transition:background 1s;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-ms-transition:background 1s;
-o-transition:background 1s;
}
/* thumbs in feat */
body div#devskin13775681 .feat .shadow-holder, body div#devskin13775681 .feat .embedded-deviation {
background:#E4375B;
box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F77992, inset 0 20px 10px -10px #E85A78, 0 1px 3px 0 #6C7C6E;
border:1px solid #AE1837;
margin:5px;
padding:5px;
vertical-align:middle;
transition:background 1s;
-moz-transition:background 1s;
-webkit-transition:background 1s;
-ms-transition:background 1s;
-o-transition:background 1s;
}
body div#devskin13775681 .feat .shadow-holder:hover, body div#devskin13775681 .feat .embedded-deviation:hover {
background:#E74B6C;
box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E;
-moz-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E;
-webkit-box-shadow:inset 0 1px 0 #F47C94, inset 0 20px 10px -10px #ED6581, 0 1px 5px 0 #6C7C6E;
}
body div#devskin13775681 .shadow-holder .mild .thumb img, body div#devskin13775681 .shadow-holder a.lit, body div#devskin13775681 .feat .shadow-holder .mild .thumb img, body div#devskin13775681 .feat .embedded-deviation img, body div#devskin13775681 .feat .shadow-holder a.lit {
vertical-align:middle;
}
body div#devskin13775681 .feat .shadow-holder a.lit {
background:transparent;
border:none;
width:170px;
height:150px;
}
body div#devskin13775681 .feat .shadow-holder a.lit img, body div#devskin13775681 .shadow-holder a.lit img {
display:none;
}
body div#devskin13775681 .feat .shadow-holder .wrap q {
background:transparent;
color:#FFFFFF;
font-family:Tinos, Georgia, serif;
font-size:14px;
font-style:italic;
font-weight:normal;
margin:0;
padding:5px;
position:absolute;
right:0;
left:0;
}
body div#devskin13775681 .feat .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin13775681 .feat {
text-align:center;
background:transparent;
padding:0;
margin:0;
}
body div#devskin13775681 .embedded-deviation {
width:inherit;
}
/* ------------------------- FOOTER ------------------------- */
body div#devskin13775681 .buttons {
position:absolute;
left:20px;
bottom:16px;
color:#DAE4D9!important;
z-index:99;
padding:0px 0px 0px 0px!important;
height:27px;
font-size:0px;
}
body div#devskin13775681 .buttons a {
transition:opacity 0.5s;
-moz-transition:opacity 0.5s;
-webkit-transition:opacity 0.5s;
-ms-transition:opacity 0.5s;
-o-transition:opacity 0.5s;
}
body div#devskin13775681 .buttons img {
padding-right:8px;
}
body div#devskin13775681 .buttons a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------- HEADER ------------------------- */
body div#devskin13775681 .header {
background:transparent;
height:375px;
position:absolute;
top:-174px;
right:0;
left:0;
}
body div#devskin13775681 .header br {
display:none;
}
body div#devskin13775681 .header .pe-regular a {
display:block;
background:url('https://fc01.deviantart.net/fs70/o/2013/024/0/0/350289350_646745_322748439_464988_header2.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin13775681 .header .pe-art-history a {
display:block;
background:url('https://fc08.deviantart.net/fs70/f/2014/184/e/a/pe_art_history_by_pica_ae-d7p0s4y.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin13775681 .header .pe-community-week a {
display:block;
background:url('https://fc09.deviantart.net/fs71/f/2014/184/3/a/pe_community_week_by_pica_ae-d7p0s4o.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin13775681 .header .pe-handy-hints-tricks a {
display:block;
background:url('https://fc04.deviantart.net/fs71/f/2014/184/3/1/pe_handy_hints_tircks_by_pica_ae-d7p0s4j.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin13775681 .header .pe-anime-manga a {
display:block;
background:url('https://fc02.deviantart.net/fs70/f/2014/184/9/5/pe_anime_manga_week_by_pica_ae-d7p0s54.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin13775681 .header .pe-artist-toolbox a {
display:block;
background:url('https://fc04.deviantart.net/fs70/f/2014/329/6/6/pe_artist_toolbox_by_pica_ae-d87mgu2.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin13775681 .header .pe-senior a {
display:block;
background:url('https://fc04.deviantart.net/fs70/f/2014/329/e/8/pe_senior_by_pica_ae-d87mgn0.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin13775681 .header .board {
background:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0585039b-fa9c-4986-9838-a3e54a7dcef8/ddo7cr6-6e91bd71-73a1-4852-91de-562bfcace6e4.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzA1ODUwMzliLWZhOWMtNDk4Ni05ODM4LWEzZTU0YTdkY2VmOFwvZGRvN2NyNi02ZTkxYmQ3MS03M2ExLTQ4NTItOTFkZS01NjJiZmNhY2U2ZTQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.JAOzApm9Jw6l7si_1hUIpHWkhy6abyR2Y3XAZ0Y7WzM') top right no-repeat;
height:217px;
width:360px;
margin:0 auto;
padding:0;
position:relative;
top:-30px;
}
body div#devskin13775681 .header .board .stamp {
position:absolute;
top:60px;
left:25px;
}
body div#devskin13775681 .header .board .stamp .avatar {
box-shadow:#331f14 0px 1px 2px;
-moz-box-shadow:#331f14 0px 1px 2px;
-webkit-box-shadow:#331f14 0px 1px 2px;
transition:all 0.7s;
-moz-transition:all 0.7s;
-webkit-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
}
body div#devskin13775681 .header .board .stamp .avatar:hover {
box-shadow:#000000 0px 1px 6px;
-moz-box-shadow:#000000 0px 1px 6px;
-webkit-box-shadow:#000000 0px 1px 6px;
}
body div#devskin13775681 .week {
color:#f3f3f3;
display:block;
font-family:'Ubuntu', 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif;
letter-spacing:0.02em;
font-size:24px;
line-height:28px;
font-weight:bold;
height:60px;
text-shadow:#331f14 0px 1px 4px;
position:relative;
top:-285px;
max-width:300px;
margin:0 auto;
margin-bottom:-120px;
text-align:center;
z-index:99;
}
body div#devskin13775681 .week:hover {
color:#fdfdfd;
text-shadow:#331f14 0px 1px 4px;
}
/* ------------------------- CALENDAR ------------------------- */
body div#devskin13775681 .calendar {
}
body div#devskin13775681 .calendar i {
color:#333333;
display:inline-block;
font-size:24px;
font-style:normal;
font-weight:bold;
height:60px;
line-height:20px;
width:60px;
position:relative;
text-align:center;
background:#FFFFFF;
box-shadow:0 2px 4px #6C7C6E;
-moz-box-shadow:0 2px 4px #6C7C6E;
-webkit-box-shadow:0 2px 4px #6C7C6E;
display:inline-block;
position:relative;
}
body div#devskin13775681 .calendar i b {
background:#E4375B;
color:#FFFFFF;
display:block;
font-size:8px;
height:20px;
line-height:20px;
margin:0 0 10px 0;
text-align:center;
text-transform:uppercase;
}
body div#devskin13775681 .calendar i:last-of-type {
margin-left:30px;
}
body div#devskin13775681 .calendar i:first-of-type::after {
content:' ';
position:absolute;
bottom:10px;
right:-20px;
border-top:10px solid transparent;
border-bottom:10px solid transparent;
border-left:10px solid #333333;
}
body div#devskin13775681 .calendar h2 {
color:#333333;
display:inline-block;
margin-left:20px;
}
body div#devskin13775681 .schedule {
margin-left:190px;
}
body div#devskin13775681 .schedule ul {
}
body div#devskin13775681 .schedule ul li {
list-style-type:none;
list-style-image:none;
line-height:25px;
margin-bottom:20px;
position:relative;
}
body div#devskin13775681 .schedule ul li b {
display:block;
position:absolute;
left:-50px;
top:-5px;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
text-shadow:#8c9688 0px 1px 3px;
padding:0;
width:40px;
text-align:right;
}
body div#devskin13775681 .schedule ul li b sup {
font-size:10px;
font-weight:normal;
margin:0 0 0 2px;
}
/* ------------------------------ MOBILE ------------------------------ */
@media only screen and (max-width: 767px) {
body div#devskin13775681 .header, body div#devskin13775681 .gr-top::after, body div#devskin13775681 .gr-top::before, body div#devskin13775681 .gr-top .author, body div#devskin13775681 .gr-top .gr .timestamp {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .gr-box {
margin-top:0;
padding:90px 30px 30px 30px;
position:relative;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .gr-top {
margin:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .gr-body .gr .grf-indent .text {
margin-top:-120px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .week {
height:50px;
font-size:20px!important;
line-height:25px!important;
position:relative;
top:-130px!important;
left:120px;
padding-right:120px;
max-width:none!important;
margin:0;
text-align:left!important;
vertical-align:middle;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .schedule {
margin-left:20px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .calendar h2 {
display:block;
margin-top:20px;
margin-left:0;
}
}
body div#devskin13775681 .mobile-header {
display:none;
position:absolute;
top:20px;
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .mobile-header {
display:block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .mobile-header .avatar {
box-shadow:#331f14 0px 1px 2px;
-moz-box-shadow:#331f14 0px 1px 2px;
-webkit-box-shadow:#331f14 0px 1px 2px;
transition:all 0.7s;
-moz-transition:all 0.7s;
-webkit-transition:all 0.7s;
-ms-transition:all 0.7s;
-o-transition:all 0.7s;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13775681 .mobile-header .avatar:hover {
box-shadow:#000000 0px 1px 6px;
-moz-box-shadow:#000000 0px 1px 6px;
-webkit-box-shadow:#000000 0px 1px 6px;
}
}
Traditional Art Basics Week
Introduction
Traditional art has a variety of very different mediums, ranging from scratchboards to oil paint and copic markers to mechanical pencils. In this article, we will look at the basics of the two best known and most common of mediums: Graphite and colored pencils. This article will also include a few tips and tricks on how these are used to achieve the best results.
(Image source: link )
Graphite
This is the medium most of us start our artistic journey with - a normal pencil and a paper. It is the most common of all mediums, and I dare say that most artworks are done with this medium (counting all drawings ever made - I know how many of us have doodled in class / at work...). There are a lot of different brands out there, and some of the most known quality brands are Derwent, the Faber Castell 9000 series, which I personally use and can recommend, LYRA Rembrandt and Straedtler. Caran d'Arch is another high quality brand, although a bit expensive.
Different types
The lead in graphite pencils is made of a mixture between graphite and clay. The graphite creates the marks, while the clay binds the graphite together. This makes it possible to have different types, with adding more or less graphite to the mixture.
The most common types are HB and 2B pencils. H stands for Hard, and B for black. The range goes from 12H to 9B. 12H contains the most graphite, and it therefore is the hardest and lightest pencil, while 9B is the blackest and softest pencil. Here is an example where this can be seen, ranging from 9H to 9B.
(Image source: link )
As you can see, the HB and 2B are about in the middle here. If you choose to only use one type of pencil in your work I would recommend a 2B or 4B pencil, where the 4B is the blacker one, though it will smudge a bit more easily.
Smudging
Since the lead of graphite pencils is partially made of clay, it is possible to smear this over the page, something which might force you do re-do parts of your drawing, and often leaving you with darker marks on the paper. The more clay there is in the lead of the pencil the easier it smudges, which means that 9B is the one which smudges most easily. The harder of the pencils do not smudge.
Smudging begins to cause more serious problems with the 4B pencil. This does, however, not mean that you will never have any problems with 2B or HB pencils. It is therefore not a good idea to have your hand directly on the artwork. Either begin on the left side and work to the right (or from right to left if you're left-handed), or use a (scrap) paper between your hand and the artwork. This can be seen on this photo:
(Image source: link )
Another, more nontraditional way of doing preventing smudging is the "sketch glove":
(Image source: link )
This link shows a step-by-step on how to cheaply make your own: artlessonsfromgod.com/2012/10/…
Another handy trick to prevent smudging is to use a brush to remove the eraser crumbs. A paint- or make-up brush will do just fine.
Blending
Smudging, of course, can also be used to create smooth areas, shadows and backgrounds. This is called blending. You can use different tools to blend out the graphite. The simplest and cheapest way of doing it is to just use your fingers. However, this will most likely cause you to leave grey fingerprints everywhere unless you are very careful. Other options are a piece of cloth - preferably cotton - or a blending stump (shown below).
(Image source: link )
Fixative
Due to the issue of accidental smudging, some artists choose to use fixative on the finished drawing. Fixative is an often alcohol-based liquid quite similar to varnish. It is sprayed over an artwork to preserve it, and is most used on pastel-, graphite- and charcoal drawings. This is, however, not necessary if you are a bit careful with the finished drawing.
Paper
Graphite pencils are most used, and work the best, on white paper. Other paper of lighter colors can also be used to get a more special effect.
Different types of papers are available for pencil drawings, and they all have their purpose: Rough paper, Cold Press, and Hot Press. As the name says, Rough paper is rough, meaning it has a lot of tooth, and it is often used for pastel or charcoal drawings, as it allows the pastel or charcoal to hold on to something. It can of course be used for pencil drawings as well, though may not be ideal for finely detailed drawings.
Cold Press paper also has some tooth, though not as heavy as Rough paper. It, too, is often used for pastel and charcoal drawings, yet is equally good to use for pencil drawings. The texture of the paper is not as intense, and will allow for finer detail to be rendered.
Hot Press paper is perfectly smooth, and is usually used for fine detail pencil or ink drawings, as well as illustrations. It has virtually no texture, and getting smooth blending transitions on this paper is easy.
Here is an example of the texture on Cold Press paper, and it can be most easily seen in the background of the drawing:
Other Mediums
Pencils can be used with most other mediums, although they might not be ideal to use with watercolors, as the water dissolves the graphite, mixing with the colors and dulling them.
Mechanical Pencils
Another thing which should be mentioned here is the mechanical pencil. This differs from the normal pencil, since it looks rather similar to a pen and has a thin graphite lead. Therefore, it does not need to be sharpened, and is very useful for drawing smaller details like hair, but not very suitable for larger, smooth areas. There are different types of these pens with different lead sizes. Common sizes are 0.7mm and 0.5mm. The "Pilot Super Grip" is a mechanical pencil I recommend.
(Image source: link )
Graphite powder
Graphite powder is another product made of graphite. This is a fine powder, most often used to create smooth backgrounds. You can buy it in art shops or make it yourself. Remember, the finer the powder, the better, although very fine powder might cause allergic reactions or asthma attacks if breathed in, so take care when handling it.
(Image source: link )
Colored pencils
Colored pencils are, together with graphite pencils, the most used for traditional art. Many of us have played a lot with these as kids, and everyone knows them. Faber Castell and Prismacolor Premier are considered the best colored pencils due to their durability, lightfastness and their rich color. These might be a bit expensive, so other brands like LYRA - who might not have the supreme lightfastness or durability - are good as well. I personally use Faber Castell, and I recommend them.
Different colors
Since the lead of colored pencils consists of an either wax- or oil based mixture of pigment, additives and binding agents, it is possible to get them in virtually any color. However, a very large set of 120 pencils is rather expensive, and most of us do not need to have different shades of every possible color. Especially with a semi-realistic / anime / cartoon style will this be wasted money. Neither will it be really necessary when you do realism, as colored pencils can be applied in more layers, creating the perfect hue. However, if you really want a full set of colours, and have the spare cash available, of course you can go and buy a set!
Layering
Colored pencils can be applied in layers, with one color drawn over another. This is useful to get smooth transitions between colors and to get a realistic look on shadows, highlight, etc. Essentially, you draw a lot of slightly different colors over each other to create color mixes. An example where layering is used:
In this example, you see the differences in the fur color. You also notice the background.
Note that this type of blending works better when you do not press the pencil down with full force. Pressing down hard would create a strong color, but would make it difficult to add more layers.
Blending
Colored pencils can also be seamlessly blended, and it is most easily done by using solvent. This will melt the binders, and make the blending very smooth as it eliminates the pencil strokes. It might change the colors a bit as well. It is therefore most useful for backgrounds and for things without much detail.
(Image source: link )
Using solvent correctly will take some practice, so I would recommend you to try it on some scrap paper before you attempt it at a real drawing.
The Caran d'Ache Full Blender Bright is known to be one of the best blenders.
Smudging
Colored pencils generally do not smudge. However, some of the softer colored pencils, such as Prisma Color, can be smudged using a blending stick and some force. If you decide to do this, make sure you do it at the end, when your drawing is completed, as adding more color afterwards is nearly impossible.
Paper
Colored pencils are most often used on paper, though they also can be used on any other surface that offers some grip and allows them to stick, such as cardboard, raw canvas panels, and untreated wood. While white paper is still the most go-to paper for colored pencils, colored paper can be used as well, and to great effect. Using black paper, or any other darker color, requires some experience, because it reverses how you approach your drawing: On light paper, we usually need to concentrate on the shadow areas to create our drawing. With dark paper, we need to concentrate on drawing the highlights instead. Here is an example of a drawing done on black paper that shows this:
Other mediums
Colored pencils can be used together with other mediums such as watercolors, graphite, and different types of markers and pens. Using paint over a colored pencil drawing works - this can be useful to add light areas such as whiskers or snow - but it does not work very well to draw over a painting. An example, done with colored pencils, watercolor and fineliners:
(artwork by ChristinaMandy )
In conclusion...
I hope this has given you some more information about the two mediums, and hopefully also given you some tips on how to use them... Good luck creating art, everyone!
BeckyKidus — Some Basics about Graphite and Colored Pencils
