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;
}
}
Adoptables Week
Introduction to Adoptable creator work
Adoptable creator work is a highly creative and inspirational task where designing completely new concepts of characters is usually the goal. Designing characters for peoples needs and wants by bringing new and interesting characters is what it is all about. The adoptable market is widely spread with all kinds of themes and designs. At first glance it might seem hard to just hop in, start designing and selling. There are a few good things you should take into consideration before you start designing your own adoptables.
We're starting with the statement that the work usually requires a heavy amount of creativity of those who create designs on a regular basis. Everyone has their own way to get inspired and be creative, so you must find your own way to do this part. There is not just one way to do things. I usually get creative through searching and looking at basically anything. Anything can spark an idea for a design, just keep your mind open to things, explore and figure out how to use them in designs.
Creative process
At first you should start by designing things that you are interested in yourself, this will make it a lot easier to get started. Think of things you enjoy, love to look at, love to feel (material wise) and so on. Designing adoptables is such a wide spectrum with all its themes. Try to find a theme that interests you, this can be humanoid designs, animal designs, clothes and weapons or other objects and so on. I am a humanoid designer myself, so all of my knowledge is from this field, though I believe that many of the tips I'm sharing could work for all themes.
The creative process is very unique to everyone but if you are exploring your creative side, you could follow the tips I first got when I started out. I started by combining things I love into one. It usually creates something unique that might not have been done before. I collect ideas from nature pictures, fashion and I also watch series and movies that spark my interests in their designs. I collect interesting ideas from everything that I like and I think about how I could use them in designs without making a copy, without being too inspirational with one picture but keep a wide variety of ideas from multiple pictures to avoid too many similarities. This doesn't mean that you have to use the concept the same way as your inspiration source, and I would recommend to avoid this altogether. I think it's best to see as less as possible from your inspiration source in your design so your creativity works better. You never want to just copy and paste something someone else has made and it is polite to credit those whose work you have used for your inspiration. To avoid too many similarities when I find something in a design or picture I like, I try to start thinking how to use it in different way than the original and how to make it unique to my design by changing its shape, material or placement etc. (speaking of clothing mostly with this example)
After combining the things you enjoy, make sure the design works. This means that when you look at the design, it should please your eye and if it doesn't, it doesn't necessarily please anyone else either. Be sure to make designs you are happy with yourself first before trying to sell them to someone else. Since designing adoptables and the characters and clothes are very often used in fantasy like settings and not in real life, you do not have to worry too much about how the design would work with all things considered, the designs can be playful and do not need to be realistic.
Tip: Collect all of your inspiration for specific themes in separate folders for fast and easy access when you need them. If you do not have much space on your PC you could also upload some to sta.sh! (I use this a lot myself)
Adoptable bases
If you are still figuring out your own artistic style a lot of other artists provide these things called Adoptable bases. They are ready drawn lines of figures of character basics such as (often) humanoids and animals to ease your work of drawing the whole figure. If starting from zero isn't your thing and you just want to do a quick dress or color that animal idea you had in mind bases are there to ease your work load. Although there are a ton of bases available people often prefer your own style in designs. In some cases adoptables are bought not only for the design itself but also for the aesthetic reason of your own unique style of drawing things so i'd recommend to use both at times and not only bases of other makers because this will also encourage you to work on your own art style.
Some bases are free to use and some are pay to use. It is important to read on each one of the bases rules what you are allowed to use it for. ''Base makers'' usually write in the description the bases usage rights, price (if there is any) and if it is needed to credit them for their part of the work, the base, or not to credit them at all. Be sure to credit those who wish it, it is highly encouraged in order to support and respect those who have done part of the job for you already by providing such bases to place your designs onto.
Here are a few examples of adoptable bases and their usage:
My original adoptable base
And what people have created with it
Tip: Try to search for Free to use bases or Pay to use bases here on deviantart and you will find a ton of unique bases. Other terms for these bases are P2U (pay to use) and F2U (free to use).
Color usage
Matching colors to your design is often a challenge but I match my colors often with set themes and keep some realism in things if possible. If you want a design to which many people can relate I recommend to use colors that would often go with your theme. For example, if you are doing a water/sea theme design, don't make it pink, gold and white (unless you want to go very fantasy like style design) but rather try to find a more blue-ish palette to match the theme. Of course this isn't mandatory when it comes to creativity but it is something that is suggested if you want for more people to be able to connect with the theme you are going for by sticking with something more familiar. Another thing to keep in mind when picking colors is color harmony. It is important to keep aesthetically pleasing color combinations when creating designs because colors are one of the biggest things people look for in designs. If your colors are not in sync at all it can be very hard for people to find the design aesthetically pleasing or interesting. There are websites you can use to help with color harmony and palettes, one of my favorites being Paletton and for ready palettes you can use the help of Design Seeds for example until you are more confident picking your own colors.
Tip: Colors may show very differently depending on screen, if you want to see how your colors work on different devices check it on other devices.
Example of my work
I started with an idea of a Gothic Lolita themed cat girl. It is often easy to start with a known theme first and then start to design your own thing from a theme. Since I personally love Lolita themed fashion I chose to go with this idea.
Since this is a theme that is close to my heart I had a lot of ideas for it already based on my usual browsing of the topic from the internet, watching shows and some of the clothing I have myself. Usually when I start a design the idea can come from anywhere and this time the idea came from an old hoodie of mine with cat ears. I thought how a cat hoodie could be combined a theme that I like which is Gothic Lolitas. I'm used to thinking about some themes in a logical way such as if you have hoodie on your design - it must be a bit cold weather to use hoodies right? So I chose to go with a bit more autumn / winter style design to compliment the hoodie idea. And when I think of autumn and winter seasons I automatically think of something fluffy as clothing! The fluffy details were the result of this.
I wanted to use roses and wings because I'm fond of them and remembered a manga I used to read called Princess Ai. It has a great usage of them and gothic style clothing so I included the manga as inspiration. On the book cover she had blue eyes which I thought I wanted for my design as well to bring a bit color brightness to the design besides all the black I was going for.
I found adorable laced ribbon pictures on Google and thought of ideas on how I could use laced ribbons as well and I created the ribbon that sits on the design's neck. I thought it looked bland without anything else so I added also a cute smaller ribbon to highlight some more color to the design as well as the rose which I spoke of before for adding it to my design.
Her head started to look empty so I gathered ideas how to fill up something on her head. I remember seeing gorgeous flower head dresses and chose to give her one as well with the matching rose color with the other rose and gave her a few more ribbons on her twin tails!
Now came the fun part of trying to figure out a simple Gothic Lolita style dress. The dress itself isn't too complicated so I thought of giving it just a few small details with laces which I see often used in the top part of Gothic dresses, but I chose to use them on the bottom part of the dress. I also didn't want the usual shape for my dress and remembered this one adorable dress style from an old anime called Chobits where the dress is shorter on the front and longer on the back, I knew I had to use that in my design too to give it a sweet a bit unusual aspect of how Gothic Lolita dresses look. I went with the white laced Rococo / Victorian era inspired top, with frilly and open sleeves. This was one small but fun part of the design. Instead of going with normal buttons for the top, I chose to go with flower shaped buttons, giving the design a small but a bit more unique look compared to others with same theme. Even such small changes can have a big effect on designs when you do them, so try to keep creative with the little things as well!
The shoes that I chose for this design were based on quite basic Lolita shoes. The shoe picture I found had a very nice combination of black and pink together which I chose as the colors for my design, yep, based on these shoes! The colors for your designs can come from anywhere like mine did, so keep your eyes open for sweet color combinations anywhere.
A few more additions were put into my design to complete the whole look. The lace on the cat ears on the hood was a random test to see what it would look like up there and it worked so I kept it there. I'm never too sure how things would look in random places without trying them out so I suggest trying different things and seeing if they please your eye aesthetically.
Presentation
Presentation is important in order to make your design pop up from the crowd. I'd highly recommend for starting adoptable artists to keep their presentation simplistic and easy to see even from a small preview picture. Backgrounds for adoptables are not mandatory but it might help with the extra pop. By using highlighting colors and not fill up the whole picture with same color than your design will give a contrast you are looking for.
Good examples of clear background usage in adoptables that do just that:
Adoptables work very well often without backgrounds as well. When the design is alone already very colorful or eye catching there is no need for background at all and it might make the whole picture look too busy and confusing.
Examples about very simplistic or none at all background usage:
Lastly I want to mention this style of representing your designs that is recommended only for those who already have some following and people can recognize your work despite the design possibly being harder to see. Adding larger amount of details on the background to fill out the whole aesthetic of your style and designs looks stunning as art but can give harder time for people to recognize the work as an adoptable at first. So for starters I'd recommend the clearer styles to introduce your designs to the world and then with bigger following show off your talent by making gorgeous whole and full pictures of the design you have made.
Examples of this more complex look for adoptable presentation:
In conclusion
Finding the way your creativity works is the first step that all designers must take. The tips provided here might help you to get started but creating a work method that works for you and to your unique creativeness is important. Don't be afraid to explore, try out things and see what works and what doesn't even though, since adoptables are suppose to be unique designs there is no limit to how creative things can get. Adoptables are a way to express yourself and the things we enjoy. It is a way to create something new and unique you and others can love and cherish. Giving your designs unique look and strong presentation of what catches eyes and bring people to enjoy your work!
- Do you enjoy creating something new?
- What sparks an idea in you for something you want to create?
- Are you stuck with your ideas or have something about adoptable designing that you want to know? Feel free to ask questions and I'll do my best to help!
Squishibear — Designing Adoptables - A tutorial
