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#devskin13850831 * {
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#devskin13850831 .gr-top h2 img, body div#devskin13850831 .tri , body div#devskin13850831 .gr1, body div#devskin13850831 .gr2, body div#devskin13850831 .gr3, body div#devskin13850831 .list {
display:none!important;
}
body div#devskin13850831 a, body div#devskin13850831 a.external, body div#devskin13850831 .user-symbol {
color:#B73E62;
text-decoration:none;
}
body div#devskin13850831 a:hover, body div#devskin13850831 a.external:hover, body div#devskin13850831 .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#devskin13850831 .user-symbol, body div#devskin13850831 a.external:after {
font-size:8px;
padding:2px;
position:relative;
top:-4px;
}
/* ------------------------------ GR-BOX ------------------------------ */
body div#devskin13850831 .negate-box-margin {
font-size:16px;
line-height:20px;
margin:0 auto;
max-width:1000px;
padding:10px;
}
body div#devskin13850831 .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#devskin13850831 .gr-genericbox {
}
/* ------------------------------ GR-TOP ------------------------------ */
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .gr-top .gr {
padding-left:0!important;
}
body div#devskin13850831 .gr-top .gr h2, body div#devskin13850831 .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#devskin13850831 .gr-top .gr h2 a:hover {
color:#E43A5D;
}
body div#devskin13850831 .gr-top .gr span {
}
body div#devskin13850831 .gr-top .author {
font-size:0;
}
body div#devskin13850831 .gr-top .author .username-with-symbol {
font-size:0;
}
body div#devskin13850831 .gr-top .author .username-with-symbol .user-symbol {
display:none;
}
body div#devskin13850831 .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#devskin13850831 .gr-body {
overflow:visible!important;
position:static!important;
}
body div#devskin13850831 .gr-body .gr {
}
body div#devskin13850831 .gr-body .gr .grf-indent {
}
body div#devskin13850831 .gr-body .gr .grf-indent .text {
max-width:860px;
margin:0 auto;
padding:40px 0;
}
/* ------------------------------ BOTTOM ------------------------------ */
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .gr-body .gr .grf-indent .bottom a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------------ CUSTOM ------------------------------ */
body div#devskin13850831 .text h1, body div#devskin13850831 .text h2, body div#devskin13850831 .text h3, body div#devskin13850831 .text h4, body div#devskin13850831 .text h5, body div#devskin13850831 .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#devskin13850831 .text .white h1, body div#devskin13850831 .text .white h2, body div#devskin13850831 .text .white h3, body div#devskin13850831 .text .white h4, body div#devskin13850831 .text .white h5, body div#devskin13850831 .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#devskin13850831 .text h1 {
font-size:32px;
line-height:40px;
}
body div#devskin13850831 .text h2 {
font-size:28px;
line-height:40px;
}
body div#devskin13850831 .text h3 {
font-size:24px;
}
body div#devskin13850831 .text h4 {
font-size:21px;
}
body div#devskin13850831 .text h5 {
font-size:18px;
}
body div#devskin13850831 .text h6 {
font-size:14px;
}
body div#devskin13850831 .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#devskin13850831 .text blockquote i {
font-size:14px;
position:absolute;
right:0;
bottom:-30px;
}
body div#devskin13850831 .text p, body div#devskin13850831 .text .dark {
background:#bcc8ba;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
margin:20px 0;
padding:20px;
}
body div#devskin13850831 .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#devskin13850831 .text .indent {
background:transparent;
margin:0;
padding:0 40px;
}
body div#devskin13850831 .text ul, body div#devskin13850831 .text ol {
list-style-position:outside;
margin-left:30px;
}
body div#devskin13850831 .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#devskin13850831 .text ol li {
margin-bottom:10px;
}
body div#devskin13850831 .text ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin13850831 .text ul li ul li {
list-style-image:none;
}
body div#devskin13850831 .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#devskin13850831 .text ul li ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin13850831 .text ul li ul li ul li {
list-style-image:none;
}
body div#devskin13850831 .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#devskin13850831 .text ul li ul li ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin13850831 .text ul li ul li ul li ul li {
list-style-image:none;
}
body div#devskin13850831 .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#devskin13850831 .text hr {
border-top:1px dotted #8b958b;
border-bottom:1px dotted #f9fbf9;
}
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .columns, body div#devskin13850831 .columns-p {
display:block;
overflow:hidden;
}
body div#devskin13850831 .columns p, body div#devskin13850831 .columns .half {
background:transparent;
display:inline-block;
float:left;
margin-right:1%;
padding:0 0 10px 0;
width:48%;
}
body div#devskin13850831 .columns-p p {
display:inline-block;
float:left;
padding:20px;
max-width:420px;
}
body div#devskin13850831 .columns-p p:first-of-type {
margin:0 20px 0 0;
}
body div#devskin13850831 .columns-p p:last-of-type {
margin:0 0 0 0;
}
body div#devskin13850831 .columns .half ul, body div#devskin13850831 .columns .half ol {
margin-left:20px;
}
body div#devskin13850831 .interview {
display:block;
font-family:Tinos, Georgia;
font-size:18px;
font-style:italic;
margin:0;
padding:0;
position:relative;
}
body div#devskin13850831 .interview .avatar {
float:left;
margin-top:25px;
}
body div#devskin13850831 .interview p .avatar {
float:none;
margin-top:0;
}
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .shadow-holder a.lit {
background:#E0E8DC;
border:1px solid #FFFFFF;
width:170px;
height:150px;
}
body div#devskin13850831 .shadow-holder .wrap q, body div#devskin13850831 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#devskin13850831 .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin13850831 p .shadow-holder .wrap q strong {
color:#5d625d;
font-family:Tinos, Georgia, serif;
font-size:14px;
margin:0 0 10px 0;
}
body div#devskin13850831 .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#devskin13850831 .feat .shadow-holder, body div#devskin13850831 .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#devskin13850831 .feat .shadow-holder:hover, body div#devskin13850831 .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#devskin13850831 .shadow-holder .mild .thumb img, body div#devskin13850831 .shadow-holder a.lit, body div#devskin13850831 .feat .shadow-holder .mild .thumb img, body div#devskin13850831 .feat .embedded-deviation img, body div#devskin13850831 .feat .shadow-holder a.lit {
vertical-align:middle;
}
body div#devskin13850831 .feat .shadow-holder a.lit {
background:transparent;
border:none;
width:170px;
height:150px;
}
body div#devskin13850831 .feat .shadow-holder a.lit img, body div#devskin13850831 .shadow-holder a.lit img {
display:none;
}
body div#devskin13850831 .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#devskin13850831 .feat .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin13850831 .feat {
text-align:center;
background:transparent;
padding:0;
margin:0;
}
body div#devskin13850831 .embedded-deviation {
width:inherit;
}
/* ------------------------- FOOTER ------------------------- */
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .buttons img {
padding-right:8px;
}
body div#devskin13850831 .buttons a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------- HEADER ------------------------- */
body div#devskin13850831 .header {
background:transparent;
height:375px;
position:absolute;
top:-174px;
right:0;
left:0;
}
body div#devskin13850831 .header br {
display:none;
}
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .header .board .stamp {
position:absolute;
top:60px;
left:25px;
}
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .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#devskin13850831 .week:hover {
color:#fdfdfd;
text-shadow:#331f14 0px 1px 4px;
}
/* ------------------------- CALENDAR ------------------------- */
body div#devskin13850831 .calendar {
}
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .calendar i:last-of-type {
margin-left:30px;
}
body div#devskin13850831 .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#devskin13850831 .calendar h2 {
color:#333333;
display:inline-block;
margin-left:20px;
}
body div#devskin13850831 .schedule {
margin-left:190px;
}
body div#devskin13850831 .schedule ul {
}
body div#devskin13850831 .schedule ul li {
list-style-type:none;
list-style-image:none;
line-height:25px;
margin-bottom:20px;
position:relative;
}
body div#devskin13850831 .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#devskin13850831 .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#devskin13850831 .header, body div#devskin13850831 .gr-top::after, body div#devskin13850831 .gr-top::before, body div#devskin13850831 .gr-top .author, body div#devskin13850831 .gr-top .gr .timestamp {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13850831 .gr-box {
margin-top:0;
padding:90px 30px 30px 30px;
position:relative;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13850831 .gr-top {
margin:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13850831 .gr-body .gr .grf-indent .text {
margin-top:-120px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13850831 .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#devskin13850831 .schedule {
margin-left:20px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13850831 .calendar h2 {
display:block;
margin-top:20px;
margin-left:0;
}
}
body div#devskin13850831 .mobile-header {
display:none;
position:absolute;
top:20px;
}
@media only screen and (max-width: 767px) {
body div#devskin13850831 .mobile-header {
display:block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13850831 .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#devskin13850831 .mobile-header .avatar:hover {
box-shadow:#000000 0px 1px 6px;
-moz-box-shadow:#000000 0px 1px 6px;
-webkit-box-shadow:#000000 0px 1px 6px;
}
}
Tools of Your Trade
Ah, October - the time for tea, Halloween and… Inktober! But Inktober or not, in my opinion, ink is a wonderful medium to work with and in this article I’d like to tell you a bit about it. The information is kept general and for a first insight, so if you want to know more, I recommend to keep reading - or just get ink and try it for yourself!
Let's get started!
:thumb768515267:
Lariethene Sabz0r CAdamsArt ashpwright FrerinHagsolb
Sieskja
What is ink?
Inks have quite an old story – its roots reach back to the Ancient Egypt around 3000 B.C. and China around 2600 B.C., though the consistence changed over the time. It got adjusted to writing, drawing and printing.
Ink is created from pigments or dyes and a binder. For the typical black ink fine powdered lampblack is used, but ink exists in many colours and are usually mixable.
In general, there are two kinds:
- waterproof ink (typically the ink in artists' products)
Typical names you might stumble across are Indian ink and Chinese ink. Chinese ink was adjusted in India later on. Today it is important to know that there can be a difference in the ingredients (for example shellac in Indian ink which creates a sheen when dried), but not all producers make a difference and both are sometimes even used as synonyms.
You can mix the ink with water, but once it is on the paper, you can’t remove it anymore – this is something important to be aware of.
Working with ink – the tools
In the first place, you'll need ink! 





As well as something to bring it on the paper; this can be done with a pen, dip/nib pen, quill or brush, but also other mediums are possible, like a bamboo cane for example.
Like with any other traditional medium, it can make a difference which ink and paper you use - not every black ink is the same black and not every paper works well with it. I recommend to test it before you use it on a final work.
Both ink pens as well as dip pens can achieve similar results in the thickness of lines. Still, it is not the same and both can create different moods in a work. Ink pens offer a constant flow of ink, while the steel nibs need to be dipped into the pot. However, the flexibility of nib pens is much higher and can be used to create much more dynamic lines.
Other useful materials:
- Water: for creating ink wash (thinning ink with water to create different grey scales) or just keeping your brushes and pens clean…they get dirty fast.
- A little palette/plate: for mixing inks/ink and water
- A tissue (or more): for lifting ink from the paper (when it hasn’t dried yet) or when you spilled something. Also good to dry your brushes and pens gently when you cleaned them.
Some advice:: Beside black ink, I recommend to try white ink, too – may it be to correct little mistakes, adding highlights or drawing on black or darker paper.
Shading methods with lines and brush
Lines
Creating contrast with overlaying lines or thinner and thicker lines. Lines can transfer a certain form or texture, too.
Ink wash
Tonal shading through a grey scale range.
Working with ink – a WIP
For this work, I used ink pens (black 0.1mm and 0.3mm and white) and ink wash on watercolour paper.
Sketch and Pre-Drawing
Like with any other medium, this is not essential. But sketches and pre-drawings can help to get an idea which part is going to be shaded - and which areas need to be kept white.
The First Layers
After that I inked the basic lines with 0.1mm pen and cleaned the pencil. To create smoother transitions with the ink wash, I added a thin layer of water in the parts the ink wash should go.
When it dried, I used a 0.3mm pen to redraw the lines and a 0.1mm for cross hatching.
Refinements
The following steps were the repeating of the previous ones: darkening the areas step by step with ink wash and futher cross hatching.
When I was satisfied with the shading and contrast, I took a white ink pen and added small details and refinements.
That's all from me for now - Thank you for reading! Do you have any questions or tips about ink you would like to share?
Feel free to share your experiences in the comments!