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 Literature 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#devskin12977395 * {
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#devskin12977395 .gr-top h2 img, body div#devskin12977395 .tri , body div#devskin12977395 .gr1, body div#devskin12977395 .gr2, body div#devskin12977395 .gr3, body div#devskin12977395 .list {
display:none!important;
}
body div#devskin12977395 a, body div#devskin12977395 a.external, body div#devskin12977395 .user-symbol {
color:#B73E62;
text-decoration:none;
}
body div#devskin12977395 a:hover, body div#devskin12977395 a.external:hover, body div#devskin12977395 .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#devskin12977395 .user-symbol, body div#devskin12977395 a.external:after {
font-size:8px;
padding:2px;
position:relative;
top:-4px;
}
/* ------------------------------ GR-BOX ------------------------------ */
body div#devskin12977395 .negate-box-margin {
font-size:16px;
line-height:20px;
margin:0 auto;
max-width:1000px;
padding:10px;
}
body div#devskin12977395 .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#devskin12977395 .gr-genericbox {
}
/* ------------------------------ GR-TOP ------------------------------ */
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .gr-top .gr {
padding-left:0!important;
}
body div#devskin12977395 .gr-top .gr h2, body div#devskin12977395 .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#devskin12977395 .gr-top .gr h2 a:hover {
color:#E43A5D;
}
body div#devskin12977395 .gr-top .gr span {
}
body div#devskin12977395 .gr-top .author {
font-size:0;
}
body div#devskin12977395 .gr-top .author .username-with-symbol {
font-size:0;
}
body div#devskin12977395 .gr-top .author .username-with-symbol .user-symbol {
display:none;
}
body div#devskin12977395 .gr-top .author .avatar {
background:transparent url('https://fc03.deviantart.net/fs71/f/2014/184/f/e/avatar_by_pica_ae-d7p0s6t.png') no-repeat center;
display:block!important;
padding:15px;
position:absolute;
top:-10px;
left:-110px;
}
/* ------------------------------ GR-BODY ------------------------------ */
body div#devskin12977395 .gr-body {
overflow:visible!important;
position:static!important;
}
body div#devskin12977395 .gr-body .gr {
}
body div#devskin12977395 .gr-body .gr .grf-indent {
}
body div#devskin12977395 .gr-body .gr .grf-indent .text {
max-width:860px;
margin:0 auto;
padding:40px 0;
}
/* ------------------------------ BOTTOM ------------------------------ */
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .gr-body .gr .grf-indent .bottom a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------------ CUSTOM ------------------------------ */
body div#devskin12977395 .text h1, body div#devskin12977395 .text h2, body div#devskin12977395 .text h3, body div#devskin12977395 .text h4, body div#devskin12977395 .text h5, body div#devskin12977395 .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#devskin12977395 .text .white h1, body div#devskin12977395 .text .white h2, body div#devskin12977395 .text .white h3, body div#devskin12977395 .text .white h4, body div#devskin12977395 .text .white h5, body div#devskin12977395 .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#devskin12977395 .text h1 {
font-size:32px;
line-height:40px;
}
body div#devskin12977395 .text h2 {
font-size:28px;
line-height:40px;
}
body div#devskin12977395 .text h3 {
font-size:24px;
}
body div#devskin12977395 .text h4 {
font-size:21px;
}
body div#devskin12977395 .text h5 {
font-size:18px;
}
body div#devskin12977395 .text h6 {
font-size:14px;
}
body div#devskin12977395 .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#devskin12977395 .text blockquote i {
font-size:14px;
position:absolute;
right:0;
bottom:-30px;
}
body div#devskin12977395 .text p, body div#devskin12977395 .text .dark {
background:#bcc8ba;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
margin:20px 0;
padding:20px;
}
body div#devskin12977395 .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#devskin12977395 .text .indent {
background:transparent;
margin:0;
padding:0 40px;
}
body div#devskin12977395 .text ul, body div#devskin12977395 .text ol {
list-style-position:outside;
margin-left:30px;
}
body div#devskin12977395 .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#devskin12977395 .text ol li {
margin-bottom:10px;
}
body div#devskin12977395 .text ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin12977395 .text ul li ul li {
list-style-image:none;
}
body div#devskin12977395 .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#devskin12977395 .text ul li ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin12977395 .text ul li ul li ul li {
list-style-image:none;
}
body div#devskin12977395 .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#devskin12977395 .text ul li ul li ul li ul {
list-style-type:none;
margin:10px 0 10px 20px;
}
body div#devskin12977395 .text ul li ul li ul li ul li {
list-style-image:none;
}
body div#devskin12977395 .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#devskin12977395 .text hr {
border-top:1px dotted #8b958b;
border-bottom:1px dotted #f9fbf9;
}
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .columns, body div#devskin12977395 .columns-p {
display:block;
overflow:hidden;
}
body div#devskin12977395 .columns p, body div#devskin12977395 .columns .half {
background:transparent;
display:inline-block;
float:left;
margin-right:1%;
padding:0 0 10px 0;
width:48%;
}
body div#devskin12977395 .columns-p p {
display:inline-block;
float:left;
padding:20px;
max-width:420px;
}
body div#devskin12977395 .columns-p p:first-of-type {
margin:0 20px 0 0;
}
body div#devskin12977395 .columns-p p:last-of-type {
margin:0 0 0 0;
}
body div#devskin12977395 .columns .half ul, body div#devskin12977395 .columns .half ol {
margin-left:20px;
}
body div#devskin12977395 .interview {
display:block;
font-family:Tinos, Georgia;
font-size:18px;
font-style:italic;
margin:0;
padding:0;
position:relative;
}
body div#devskin12977395 .interview .avatar {
float:left;
margin-top:25px;
}
body div#devskin12977395 .interview p .avatar {
float:none;
margin-top:0;
}
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .shadow-holder a.lit {
background:#E0E8DC;
border:1px solid #FFFFFF;
width:170px;
height:150px;
}
body div#devskin12977395 .shadow-holder .wrap q, body div#devskin12977395 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#devskin12977395 .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin12977395 p .shadow-holder .wrap q strong {
color:#5d625d;
font-family:Tinos, Georgia, serif;
font-size:14px;
margin:0 0 10px 0;
}
body div#devskin12977395 .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#devskin12977395 .feat .shadow-holder, body div#devskin12977395 .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#devskin12977395 .feat .shadow-holder:hover, body div#devskin12977395 .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#devskin12977395 .shadow-holder .mild .thumb img, body div#devskin12977395 .shadow-holder a.lit, body div#devskin12977395 .feat .shadow-holder .mild .thumb img, body div#devskin12977395 .feat .embedded-deviation img, body div#devskin12977395 .feat .shadow-holder a.lit {
vertical-align:middle;
}
body div#devskin12977395 .feat .shadow-holder a.lit {
background:transparent;
border:none;
width:170px;
height:150px;
}
body div#devskin12977395 .feat .shadow-holder a.lit img, body div#devskin12977395 .shadow-holder a.lit img {
display:none;
}
body div#devskin12977395 .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#devskin12977395 .feat .shadow-holder .wrap q strong {
margin-bottom:10px;
}
body div#devskin12977395 .feat {
text-align:center;
background:transparent;
padding:0;
margin:0;
}
body div#devskin12977395 .embedded-deviation {
width:inherit;
}
/* ------------------------- FOOTER ------------------------- */
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .buttons img {
padding-right:8px;
}
body div#devskin12977395 .buttons a:hover {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
/* ------------------------- HEADER ------------------------- */
body div#devskin12977395 .header {
background:transparent;
height:375px;
position:absolute;
top:-174px;
right:0;
left:0;
}
body div#devskin12977395 .header br {
display:none;
}
body div#devskin12977395 .header .pe-regular a {
display:block;
background:url('https://fc03.deviantart.net/fs71/f/2014/184/5/9/pe_regular_by_pica_ae-d7p0s4d.png') no-repeat center top;
height:188px;
max-width:800px;
margin:0 auto;
text-align:center;
}
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .header .board {
background:url('https://fc05.deviantart.net/fs71/f/2014/184/8/6/board_by_pica_ae-d7p0s6j.png') top right no-repeat;
height:217px;
width:360px;
margin:0 auto;
padding:0;
position:relative;
top:-30px;
}
body div#devskin12977395 .header .board .stamp {
position:absolute;
top:60px;
left:25px;
}
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .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#devskin12977395 .week:hover {
color:#fdfdfd;
text-shadow:#331f14 0px 1px 4px;
}
/* ------------------------- CALENDAR ------------------------- */
body div#devskin12977395 .calendar {
}
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .calendar i:last-of-type {
margin-left:30px;
}
body div#devskin12977395 .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#devskin12977395 .calendar h2 {
color:#333333;
display:inline-block;
margin-left:20px;
}
body div#devskin12977395 .schedule {
margin-left:190px;
}
body div#devskin12977395 .schedule ul {
}
body div#devskin12977395 .schedule ul li {
list-style-type:none;
list-style-image:none;
line-height:25px;
margin-bottom:20px;
position:relative;
}
body div#devskin12977395 .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#devskin12977395 .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#devskin12977395 .header, body div#devskin12977395 .gr-top::after, body div#devskin12977395 .gr-top::before, body div#devskin12977395 .gr-top .author, body div#devskin12977395 .gr-top .gr .timestamp {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin12977395 .gr-box {
margin-top:0;
padding:90px 30px 30px 30px;
position:relative;
}
}
@media only screen and (max-width: 767px) {
body div#devskin12977395 .gr-top {
margin:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin12977395 .gr-body .gr .grf-indent .text {
margin-top:-120px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin12977395 .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#devskin12977395 .schedule {
margin-left:20px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin12977395 .calendar h2 {
display:block;
margin-top:20px;
margin-left:0;
}
}
body div#devskin12977395 .mobile-header {
display:none;
position:absolute;
top:20px;
}
@media only screen and (max-width: 767px) {
body div#devskin12977395 .mobile-header {
display:block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin12977395 .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#devskin12977395 .mobile-header .avatar:hover {
box-shadow:#000000 0px 1px 6px;
-moz-box-shadow:#000000 0px 1px 6px;
-webkit-box-shadow:#000000 0px 1px 6px;
}
}
Artisan Crafts Week
Working with Plastic Canvas
A Tissue Box and Pattern:
All Photos and Patterns in the Tutorial are Available in Sta.sh and Include Instructions and Links in the Artists' Descriptions. Simply Click on the Photo/Pattern for full-view in Sta.sh or Click to go Directly to the Folder.
:bademoticon: Getting Started ~ Working with Plastic Canvas:
:bademoticon: Step 1: Take stock of crafts supplies ~ Photo Details: Before starting on a new project see what is on hand and what needs to be purchased. When working with any type of plastic canvas that needs to be cut, trimmed or altered in any way, be sure to have a designated pair of scissors to do the job. The blades become dull when cutting the plastic, but once the scissors are used for cutting plastic canvas they can be used for years. The same goes for the seam ripper: Have a designated seam ripper to use to trim or cut small spaces.
Coaster sizes can be purchased in individual packs or you can cut your own, like the little 'house' on the left corner. The lined tablecloth (the blue, flowered material) was purchased to cut and use between two pieces of plastic canvas with the lining side in the up position to assist in the absorption of any condensation from a drinking glass. Round Plastic Canvas is available in a variety of sizes, which I have used for specific projects, but the two sizes represented in the photo are best for coasters (see "Other Coaster Examples" towards the bottom of the article).
7-Mesh Canvas can be purchased in colors as seen in the plastic canvas sheets in the top of the photo. I purchase plastic canvas in colors for projects where I want the color to show through as part of the pattern. For other projects where the yarn will cover the entirety of the canvas, translucent canvas can be purchased instead (the coaster bases are translucent), which is less expensive than the canvas available in the array of colors.
Projects Using Plastic Canvas ~ link is to a folder featuring a variety of Artisan Craft Deviations
A Few Examples of Using 7-Mesh Canvas:
Creating a Tissue Box:
:bademoticon: Step 2: Consider the color hue of the project. Choose coordinating colors. Special needles are available that have a wide eye for inserting the yarn. Having a needle threader on hand saves a lot of time when threading.
Prior to threading, feel a few inches along a piece of yarn in each direction. There is a smoother direction than the other. Insert the smoother section so it is sewn directly into the blocks, which decreases the chance of the yarn knotting while allowing the yarn to have less resistance when stitching.
After Choosing the color desired for the project, make sure you have your designated scissors (set aside to use only for cutting plastic canvas) and seam ripper, then count the squares to fit the pattern. This is 7-Mesh Canvas, which is 7-squares per inch, and is the most popular size* of plastic canvas.
*Plastic canvas comes in four (4) different sizes; five (5) -mesh (5-squares per inch), seven (7) -mesh (7-squares per inch), ten (10) -mesh (10-squares per inch) and fourteen (14) -mesh (14-squares per inch).
:bademoticon: Step 3: To cut the pattern for a tissue box count 32-squares for width and 36-squares for height**. This allows for varying sizes of tissue boxes available from different manufactures. Cut from each corner of the canvas in order to have a smooth bottom for each side, providing a cleaner look.
The 32 x 32-square Top: From the leftover canvas, cut two sections for the tissue box top. Each piece will be 32-squares wide and 16-squares deep and will be attached together with a single stitch to cover the edging once the center hole is cut out. Cut from the outside sections of the leftover canvas to leave two smooth edges, then make sure the outside edges are the smooth ones prior to cutting out the opening.
**Disclaimer: In this case, I actually cut 32 x 32 squares for the sides, since I was adding a ruffle at the bottom. The patterns provided are for a standard 32 x 36-square side and 32 x 32-square top to create a tissue box.
:bademoticon: Step 4: Cut an opening, which will allow room for the tissues to be pulled through. The opening can be adjusted as per preference, but this one is cut leaving six squares on each side, then cutting up three squares, over three squares then up three squares then trimming the width of the opening. Trim away any canvas not cleanly cut, which is where the seam ripper comes in handy.
Attach*** the two sections of the top of the tissue box together. When rounding a corner use three tight stitches to make sure there is full coverage.
When beginning to stitch the pattern, make sure the flatter area of the canvas is on the inside. The canvas has a protruding area on one side and a flatter area on the other, so it looks best (especially when the canvas shows through the work) when the flatter area is on the inside of the craft. Do the same for all sections.
***To start stitching hold down an end section of the yarn then stitch over it to hold the yarn in place. Finish the end of the yarn by pulling it underneath stitching for a secure hold. Do this whenever starting/stopping a section of yarn.
Videos that illustrate stitches for plastic canvas
:bademoticon: Step 5: Decide which color to use to put the framing around the top section. This frame pattern will be used on the sides as well. Each corner contains a five-square "star" to be filled in as full stitches across. Move around the "star" but leave the center two spots to fill in last. Follow the same pattern for each corner to get a consistent look. The framing in between the stars are straight stitches from square to square to cover the space.
Finish filling in the pattern according to the pattern provided. Once the top section is finished, set it aside and begin work on the sides of the tissue box.
:bademoticon: Step 6: Coordinate the framing pattern on the sides of the tissue box with the top section of the box, using the same color of yarn.
After the framing is completed on all four sides, start with the "flower" and the "leaves" designs. Each "leaf" is a five-block square starting one square up from the frame on each corner. The sides of each leaf are straight stitches, wider where they abut the "flower" design, while shorter towards the corner. The center "stem" is a stitch right over the top of where the stitches meet (see pattern). I just use one long string of green to complete the "leaves" and make sure the excess yarn is secured under the stitching of the "flower" design.
I like to use a variegated yarn for the "flower" to give the texture interest. I use a long string of yarn and insert the smoother direction into the needle, carefully moving the needle down the string of yarn, doubling the yarn into even strands. This is necessary to give the "flower" a puffy look, as there will be two sections of yarn in each square. Start the yarn by holding down the two ends and stitching over them to anchor the yarn. When pulling the yarn up then back down into the next square leave the yarn sticking up a bit. If pulled too tightly simply take the needle under the two strands and pull up. Alter the stitches for a better texture. The stitches can be angled right or left, up and down or side to side. This helps to fill the area, so no canvas shows through. Repeat the process for all four sides. See pattern for more details.
:bademoticon: Step 7: Making sure the smooth ends of the canvas sections are at the bottoms of the sides, use an angled slip stitch to attach the first side section of the tissue box to the top piece.
It is easier to attach a side to another side if two sides are attached to the top then those two sides are stitched together before adding the third side. Attach the third side with an angled stitch before adding the fourth and final side. Once the fourth side is attached, slip stitch all around the bottom to cover the exposed area.
The Finished Look of Cover Over a Box of Tissues: Difference Between Pattern and this Box ~ For this pattern I used a ruffle instead of an angled slip stitch to finish the bottom, since I wanted a fancier look. To allow space for the ruffle I used the same pattern provided but changed the sides to 32 x 32 squares.
For Video Assistance: Plastic Canvas Instructional Videos
The Patterns for the Top and the Sides of Tissue Box:
The top section of the tissue box is 32 x 32-squares. The pattern provided allows for some of the coloring of the canvas to show through, which is why I will spend extra cash to purchase canvas in varying colors versus transluscent canvas. What looks like little "arrows" are actually stitches that are going around a corner and meet in the same square. The pattern alters directions in the center graphics to add interest.
It isn't difficult to create your own pattern. Just get some graph paper or use digital graph paper**** as shown in this pattern and draw a pattern.
****The graph paper used in the pattern is a standard background graphic with the PhotoShop Elements 15 Program. And, yes, the graphic was created by PS to make it look like there was a "coffee stain" in the top, right corner. I have no idea why! 
The sides of the pattern are all 32-squares wide with a height of 36-squares. As with the top pattern, this pattern was created to show sections of the coloring of the canvas.
Alternate Versions of Tissue Boxes:
This Tissue Box was created with Translucent Canvas:
Another type of box that can be created is one that can hold two rolls of bathroom tissue as shown here:
The Front The Back
Coasters:
The large square coaster was made by using a packaged set of squares. The smaller square coasters were cut out of a larger piece of plastic canvas, along with the "house" shape. The round coaster bases show one of the two smaller sizes available for purchase already cut and ready to use. Plastic Canvas is available is varying sizes and shapes, including bases for Christmas Ornaments.
Tutorial for Pink House Coaster
Other Coaster Examples:
Plastic Canvas Projects from Around DeviantArt:
Designs and Patterns Available on DeviantArt
Examples:
Comments: 20
shozurei [2018-03-08 23:09:31 +0000 UTC]
I have a question about the house. How did you stitch up the angled sides? I'm trying to make a 3d character, but I have to design my own pattern for it, and there are a few angles that aren't 45 degrees. Instead of going one up and one over, it goes 3 up and one over. And I'm not sure if I can stitch that together.
👍: 0 ⏩: 1
shozurei In reply to TheStockWarehouse [2018-03-12 00:45:27 +0000 UTC]
It's more of how I cut the sides to fit that I'm having trouble with.
👍: 0 ⏩: 1
TheStockWarehouse In reply to shozurei [2018-03-12 00:49:29 +0000 UTC]
Hmmmmmmm. I've put together a "rounded" piece by holding the canvas in the rounded shape then sewing it to the end piece by using an overlapping stitch. It could be you may need to use a short stitch then a long stitch to attach the sides. Remember you can cover up gaps with extra yarn.
👍: 0 ⏩: 1
shozurei In reply to TheStockWarehouse [2018-03-12 01:03:06 +0000 UTC]
I see. I think I'll just have to practice with it. I'm basically trying to make a trapezoid.
👍: 0 ⏩: 0
maddinja [2017-11-24 22:08:49 +0000 UTC]
Do you have a suggested yarn size for use with plastic canvas? I have some, but have never used it before.
👍: 0 ⏩: 1
TheStockWarehouse In reply to maddinja [2017-11-25 15:55:00 +0000 UTC]
I've used baby yarn and just doubled the thickness, then regular yarn as a single strand. The thing with Plastic Canvas is how easy it is to alter yarns and ways to use it!
👍: 0 ⏩: 0
TheStockWarehouse In reply to barananduen [2017-11-18 11:46:54 +0000 UTC]
Thank you so much! I was already a crafter when my sister requested a tissue box and told me about the plastic canvas. She only does macramé, so she asked me if I could create a box, which meant my very first project was one!!!
👍: 0 ⏩: 0
TheStockWarehouse In reply to UszatyArbuz [2017-11-15 19:13:57 +0000 UTC]
I've been using Plastic Canvas for decades, and at first cut out all my own pieces before discovering bases could be purchased. Certainly saves time!
👍: 0 ⏩: 0
TheStockWarehouse — Working with Plastic Canvas
