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;
}
}
Software Introduction Week
What is DAZ3D?
Daz Productions, Inc., commonly known as Daz 3D, is a 3D content and software company specializing in providing rigged 3D human models, associated accessory content, and software to the hobbyist as well as the prosumer market. Originally a part of Zygote Media Group , a general-purpose, application-agnostic 3D content broker, Daz 3D split off as "Digital Art Zone"[1] in 2000[2] to focus on supplying content for the Poser market.
(taken from Wikipedia)
Basically, it's a 3D software in which you create 3D characters - they can be static or you can rig them and have them animated.
In this particular tutorial, I'm gonna talk about how to create a 3D static model.
One cool thing:
DAZ3D is a free software!
All you have to do is go over to their website, DAZ3D ,create an account, confirm your email address, and then you can download and install the software.
I use Windows, so I'm not sure if things go differently on Mac, and my graphic card is Nvidia, so I'm able to use Iray.
Also, my graphic card is a pretty decent one. I'll have to tell you I upgraded it several times to be able to speed up my renders. I'm not saying a lower quality graphic card will not do its job but expect renders that might take up to 10 hours.
What's Iray? You'll see later.
So, let's get started!
Once you download the software, and you open it up, this what you'll see.
It's the DAZ Install Manager.
Enter the e-mail address you created to download the software.
It's gonna install the Genesis 2, Genesis 3 and Genesis 8 male and female bases, also, the DAZ3D program itself, and other things that the software needs, so it can run properly.
Make sure, after the "Install Box" is done, you go to "Ready to Install" and you install everything from there as well, and then you go to "Ready to download" and you download everything from there too.
The installation may take a while, so please be patient.
What is Genesis 2 / 3 and 8 male/female?
Genesis 2 / 3 and 8 male and female, are basically the bases for many characters you'll purchase.
But we will get to this later.
Here is where you start!
Once the installation is done, and everything is ready and good to go, and you open up DAZ, this is what you'll be greeted with:
Such empty, much gray...
Where are the models? Backgrounds? Wait and see. For now, it looks empty. So, let's see a bit what's happening around here.
The first thing you'll see on the left is the "Install" Window.
When you purchase content from DAZ3D, you can opt for the products to go straight there.
The second thing, underneath the "Install", is "Smart Content" - which I think is where the installed content from the previous menu goes. I never use/used it, as I install everything manually. Now, right underneath is the "Content Library" is what I use 98% of the time, as this is where all my content goes.
The original DAZ3D doesn't come with too much content, as even if the software is free - the characters and everything else needs to be purchased.
As I previously mentioned - in the Figures menu you see each Genesis starter pack.
Once you start purchasing content, a new category will be created, and it will be called "People", but still - some of the characters will still go into the "Figure" category, so if you don't find it in "People", check "Figure". But I'll show you that later.
In the "Architecture" category is where some of your environments will go. But you'll also have the "Environments" category and "Scenes" categories created once you start purchasing content - so this is going to be divided depending on how the creators are naming them.
Purchasing Content
Now, DAZ3D works with purchased content. The content it comes with, it's pretty rudimentary and there are not many things you can do with them. Personally, I purchase content from two websites: DAZ3D and Renderosity , but sometimes I find gems on other websites too. Google is your friend.
For both of them, I have the paid membership, as you get certain deals, but if you're just starting out and it's a hobby, don't start investing in this.
Also, the content I have, I have gathered through the years, so here is my advice for you: think very well of what you want/need. And invest in that.
Now, a very, very, very important thing:
DAZ3D has several bases.
Besides the basic Genesis 2/3/8 bases, there are bases such as Victoria 6 - and certain characters are specifically made only for Victoria 6. This means if you don't have the Victoria 6 base, and you're buying a character that is made for Victoria 6, you're wasting your money.
Another example would be Michael 8 - this is a base, and there are specific characters that only work if you have this base.
Basically, this will require that you purchase first the base, and then the additional character for the base.
What you need to do, is to look for a character that says "for Genesis 2/3/8" because those do not require other bases.
Examples:
ALWAYS MAKE SURE THAT IN THE TITLE IT SAYS "FOR GENESIS" - WHETHER IT'S A MALE OR FEMALE
I want to also note that some may not have the "tag" on the photo preview, but it says it in the description.
Now, if you're ready to buy a base because you want to be able to buy certain characters, always choose wisely.
Look at all the characters as there are so many. And also look at what works with what. What would you like to create, etc.
I purchased something. Now what?
As I previously mentioned - I prefer to install everything manually. Why? Maybe because I'm a control freak. I like to have everything done by my two beautiful and careful hands.
Now, the content you'll purchase, it's gonna come as a zip file.
Right-click - extract to its folder.
Now, you will notice that inside this folder, there are multiple sub-folders that are also .zip folders.
This is because many of the content have several things that need installing, depending on what you're installing (such as people, data, templates, etc).
Again pick both, and extract each to their folder.
Now, open a New File Explorer, and browse to Documents.
There will be a folder called "DAZ 3D".
Double click on it. It will open to a folder called "Studio". Double click on it, and it will open another folder with 3 options. You will work with "My Library".
Now, from each folder you just extracted your purchased files, you just copy-paste the content to "My Library" as they come.
You don't change anything. Do not change the names, do not change anything. Just copy and paste.
They will come named "Data" "People" "Runtime" etc. Just copy/paste into "My Library" and do it from both folders.
Some products can come with more than one folder - do the same, copy - paste from each folder into "My Library".
IMPORTANT: Some Folders will have "Content" as the first folder when you extract your files. Double click on it, and you'll find the materials you need to copy/paste into the "Library".
Now, normally if your DAZ software is closed, once you open it, your content should be there. If it's open, you'll need to go through a small process so your new content will appear in the library. The same process will apply if you open up DAZ and your content is not there:
Click on "Content Library". Where you see "Daz Studio Formats", click the little arrow, and you'll see "My Library".
Now, right-click on it, and hit "Refresh".
Now, once that is done, your content should appear in your library, so let's check that. We installed a dress, so let's find it.
As you can see, the dress is in the "People" folder, "Genesis 8" subfolder, as it is for the "Genesis 8 female". It's under the "Clothing" sub-category"; then you have the name of the creator, and the dress.
Underneath, you see a subfolder that starts with "Mat...", that's "Materials", but we will get to that later.
You'll also see "Templates". That's a folder where the templates for several things will go. It's not something we will use.
It's the folder where DAZ stores the templates for several things you'll purchase.
Now, before we move on, let's talk about Iray and dForce.
Iray
In fancy terms, IRAY® is a highly interactive and intuitive physically based rendering technology that generates photorealistic imagery by simulating the physical behavior of light and materials.
(taken from Nvidia )
In a less fancy explanation, it's a rendering system created by Nvidia that can use the GPUs in their graphics cards for best performance. You can use it without an Nvidia card using your computer's CPU to do the calculations but this is not as fast. It is what is called an "unbiased" or "physics-based" rendering system, which means it uses a more accurate model of how light behaves than the 3Delight renderer. It works out how light reflected from each surface illuminates other objects around it so you don't need special ambient lights and there is less need for extra fill-in lights. Mostly if you set up lights as you would in the real world you get the same sort of results.
(taken from DAZ3D Forum )
You'll see that most things come with two types of materials: "3Delight" and "Iray".
So if you have an Nvidia card, I recommend you use the "Iray" materials. Otherwise, use 3Delight materials.
But I'll show you that later.
dForce
dForce is a physics simulation engine that is included with Daz Studio 4.10.0.x. Over time, the dForce engine will continue to evolve and become capable of even more, but the first thing we are introducing with this new engine is the simulation of cloth.
(taken from DAZ3D )
This means, that once you pose your model, you can simulate the clothing to flow realistically with the model like the cloth naturally would in real life.
Not all clothing comes with this feature. Usually, they will have this description in their name. So only those will work with the dForce simulation.
But some clothes will not have this in their description, so you can go ahead and try the simulation. If there's no dForce available, you'll be prompted with a dialog box saying "No Materials found for Simulation".
NOW LET'S GET TO WORK!
I'm gonna show you, step by step, how to work with:
- A model: adding a model to the scene, adding clothes, hair, posing the model.
- A scene: integrating the model into the scene
- Using shader presets to alter certain parts of the model (such as clothing)
- Using lighting presets - to change the lighting in your scene.
- And last but not least - rendering.
First, we're gonna load a character into our workspace. I do this by double clicking on the character. (I blurred out the private parts, so this tutorial is SFW.) The characters can be found under each Genesis it belongs to. Mine belongs to "Genesis 8".
Now, you'll have to click the little arrow next to "Characters" and find the name of your character. If you can't find it, it might be inside of the folder of the creator, as if sometimes a creator makes several characters, once you install them, they go into the creator's folder.
Once you find the character's name, click on it. You'll find "Head Apply", "Body Apply", "Nails Apply", "Navel Apply", and "Nipples Apply". I don't recommend nipples apply as most of the times they will just show through the clothes. Double click on each.
Now, click the little arrow next to the character. This will bring up several options for brows, eyes, make-up. For other characters, you'll have more options, such as tattoos, nails, etc. You'll find them all here. Again, double click on what you prefer from the list.
Now, clothing.
I specifically chose an outfit with dForce so I can show you exactly how it works.
I usually load the entire outfit, but the beauty of having multiple outfits is that you can mix and match. Again, double click.
** Always make sure you work on your model layer. The model is always the first in your layer list on the right of your screen, and is usually the name of your character, or "Genesis 8 / 3 / 2. Whenever you add something to the model, make sure your model is selected. **
Once the outfit is done, I go and choose the hair. Again, double click. The same as the clothing, hair have options you can find if you click the little arrows next to them.
All hair comes with colors options, and some hair come with different poses, that have movement, so you can blend it better into your work. This is what you'll find if you'll click the little arrow. You'll see that some hairs have "3DLight color options" or "Iray" or both. If you don't have an Nvidia graphics card, go with the 3Dlight color.
Now, if you have an Nvidia graphics card, there's also another advantage. From the drop-down menu, you can choose "Nvidia" - and you'll see a preview of your work so far.
Aaaaaand....
There you go!
Now, back to the "Texture Shaded".
I chose a pose so I can be able to show you how dFroce works. As you can see, the dress looks pretty terrible. The hand goes through it, and the flow of it, it's just waaaay too off.
.
So let's use dForce.
Choose the "Simulation Settings" tab. At the engine, make sure "dForce" is checked. And from the drop-down menu, NVIDIA CUDA is selected. Once you're all set, click the blue "simulate" button.
Now, don't panic. This will bring back your model to the classic "T" pose, and will slowly move her to the selected pose. And you'll see how the outfit will change and will start to flow naturally with the chosen pose, as the model will start going back to the pose that you chose.
Here is the dress after the dForce simulation:
As you can see, the dress looks and flows naturally around her body.
So here's the magic of dForce!
And now it's time for the environment.
I looked for an environment that fits her look. Once I found the environment, right-click, and hit "Merge into the scene".
This is how it looks with "Texture Shaded".
But once we preview it in Iray, it looks very very dark.
I moved it around to show you how the light in the scene looks like. It's ambient light, but too dark for what we want.
And this is where 'Light Presets" come into play.
There's no secret with the light presets. There are so many available, and you always have to find the one that works for you. I always try multiple ones until I find the one I'm pleased with.
After trying out multiple lighting presets, I settled with this one.
Now, let's move on to "Shader Presets".
Shader presets, basically change the texture of whatever you want to change.
I zoomed in so you can see better what this "shader presets" thing does. From the drop-down menu, choose the little thing that's circled.
This will let you choose parts that you can change the texture of. So, let's see.
As you can see, you're able to change the texture of the dress, and this applies to anything. From clothing, to environment.
Once you're pleased with everything, it's time to move on.
Render Settings.
From the "General" tab, make sure you have it set to "Custom". You can choose the size right underneath from this tab. Render Type needs to be "Still image" (Current Frame).
From the "Advanced" Tab, make sure you have the "Nvidia Iray" selected. If you have a different graphic card, select 3Delight.
From the "Alpha" tab, choose "specular transmission objects", and from the Render Mode, choose "Photoreal".
Again, from the "Advanced" tab, make sure your CPU is not clicked.
Otherwise, the CPU will supply the work that your graphic card doesn't do, it will slow down your computer, you won't be able to do anything, and basically - it doesn't help with anything.
Now, here comes the part that again doesn't have a secret and you'll have to discover what works best for you and your graphic card.
Now, what I personally do, is drag the Max Timer to the end. Why?
Because this is basically the time that DAZ spends on your render. So, if your render would take 5 hours, but DAZ has set 2 hours for it, after 2 hours it stops.
So my Max Time is always set to the Max.
The Max Samples, again, you need to play around and see what works better, and the same with the Rendering Quality. Keep in mind, that the higher the number, the longer the time, and also, your graphic card needs to be decent to be able to take a high render. Otherwise, you'll end up waiting 10 hours for a render, or even more. The rest, I personally never change, but you can try. As I said.
All Graphic cards are different, so settings will always be different.
Now, once you you're done with your render settings, it's time to render.
Rendering
Hit the blue render button.
This will open a new window, which will be the window in which your render will be. If you click back to DAZ, you'll see a little dialog box in which you can see your progress. Once you're done, in the window of your render, give it name, and save it.
Don't forget to to save your scene. This can be done before or after the render. For this, go to File - Save As - Scene. You can always revisit the scene if you want to change something.
And you're done!
ImaginaryRosseArt — An introduction to DAZ3D
