HOME | DD

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
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#devskin12527892 * { 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#devskin12527892 .gr-top h2 img, body div#devskin12527892 .tri , body div#devskin12527892 .gr1, body div#devskin12527892 .gr2, body div#devskin12527892 .gr3, body div#devskin12527892 .list { display:none!important; } body div#devskin12527892 a, body div#devskin12527892 a.external, body div#devskin12527892 .user-symbol { color:#B73E62; text-decoration:none; } body div#devskin12527892 a:hover, body div#devskin12527892 a.external:hover, body div#devskin12527892 .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#devskin12527892 .user-symbol, body div#devskin12527892 a.external:after { font-size:8px; padding:2px; position:relative; top:-4px; } /* ------------------------------ GR-BOX ------------------------------ */ body div#devskin12527892 .negate-box-margin { font-size:16px; line-height:20px; margin:0 auto; max-width:1000px; padding:10px; } body div#devskin12527892 .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#devskin12527892 .gr-genericbox { } /* ------------------------------ GR-TOP ------------------------------ */ body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .gr-top .gr { padding-left:0!important; } body div#devskin12527892 .gr-top .gr h2, body div#devskin12527892 .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#devskin12527892 .gr-top .gr h2 a:hover { color:#E43A5D; } body div#devskin12527892 .gr-top .gr span { } body div#devskin12527892 .gr-top .author { font-size:0; } body div#devskin12527892 .gr-top .author .username-with-symbol { font-size:0; } body div#devskin12527892 .gr-top .author .username-with-symbol .user-symbol { display:none; } body div#devskin12527892 .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#devskin12527892 .gr-body { overflow:visible!important; position:static!important; } body div#devskin12527892 .gr-body .gr { } body div#devskin12527892 .gr-body .gr .grf-indent { } body div#devskin12527892 .gr-body .gr .grf-indent .text { max-width:860px; margin:0 auto; padding:40px 0; } /* ------------------------------ BOTTOM ------------------------------ */ body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .gr-body .gr .grf-indent .bottom a:hover { opacity:0.5; filter:alpha(opacity=50); _zoom:1; } /* ------------------------------ CUSTOM ------------------------------ */ body div#devskin12527892 .text h1, body div#devskin12527892 .text h2, body div#devskin12527892 .text h3, body div#devskin12527892 .text h4, body div#devskin12527892 .text h5, body div#devskin12527892 .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#devskin12527892 .text .white h1, body div#devskin12527892 .text .white h2, body div#devskin12527892 .text .white h3, body div#devskin12527892 .text .white h4, body div#devskin12527892 .text .white h5, body div#devskin12527892 .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#devskin12527892 .text h1 { font-size:32px; line-height:40px; } body div#devskin12527892 .text h2 { font-size:28px; line-height:40px; } body div#devskin12527892 .text h3 { font-size:24px; } body div#devskin12527892 .text h4 { font-size:21px; } body div#devskin12527892 .text h5 { font-size:18px; } body div#devskin12527892 .text h6 { font-size:14px; } body div#devskin12527892 .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#devskin12527892 .text blockquote i { font-size:14px; position:absolute; right:0; bottom:-30px; } body div#devskin12527892 .text p, body div#devskin12527892 .text .dark { background:#bcc8ba; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin:20px 0; padding:20px; } body div#devskin12527892 .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#devskin12527892 .text .indent { background:transparent; margin:0; padding:0 40px; } body div#devskin12527892 .text ul, body div#devskin12527892 .text ol { list-style-position:outside; margin-left:30px; } body div#devskin12527892 .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#devskin12527892 .text ol li { margin-bottom:10px; } body div#devskin12527892 .text ul li ul { list-style-type:none; margin:10px 0 10px 20px; } body div#devskin12527892 .text ul li ul li { list-style-image:none; } body div#devskin12527892 .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#devskin12527892 .text ul li ul li ul { list-style-type:none; margin:10px 0 10px 20px; } body div#devskin12527892 .text ul li ul li ul li { list-style-image:none; } body div#devskin12527892 .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#devskin12527892 .text ul li ul li ul li ul { list-style-type:none; margin:10px 0 10px 20px; } body div#devskin12527892 .text ul li ul li ul li ul li { list-style-image:none; } body div#devskin12527892 .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#devskin12527892 .text hr { border-top:1px dotted #8b958b; border-bottom:1px dotted #f9fbf9; } body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .columns, body div#devskin12527892 .columns-p { display:block; overflow:hidden; } body div#devskin12527892 .columns p, body div#devskin12527892 .columns .half { background:transparent; display:inline-block; float:left; margin-right:1%; padding:0 0 10px 0; width:48%; } body div#devskin12527892 .columns-p p { display:inline-block; float:left; padding:20px; max-width:420px; } body div#devskin12527892 .columns-p p:first-of-type { margin:0 20px 0 0; } body div#devskin12527892 .columns-p p:last-of-type { margin:0 0 0 0; } body div#devskin12527892 .columns .half ul, body div#devskin12527892 .columns .half ol { margin-left:20px; } body div#devskin12527892 .interview { display:block; font-family:Tinos, Georgia; font-size:18px; font-style:italic; margin:0; padding:0; position:relative; } body div#devskin12527892 .interview .avatar { float:left; margin-top:25px; } body div#devskin12527892 .interview p .avatar { float:none; margin-top:0; } body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .shadow-holder a.lit { background:#E0E8DC; border:1px solid #FFFFFF; width:170px; height:150px; } body div#devskin12527892 .shadow-holder .wrap q, body div#devskin12527892 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#devskin12527892 .shadow-holder .wrap q strong { margin-bottom:10px; } body div#devskin12527892 p .shadow-holder .wrap q strong { color:#5d625d; font-family:Tinos, Georgia, serif; font-size:14px; margin:0 0 10px 0; } body div#devskin12527892 .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#devskin12527892 .feat .shadow-holder, body div#devskin12527892 .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#devskin12527892 .feat .shadow-holder:hover, body div#devskin12527892 .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#devskin12527892 .shadow-holder .mild .thumb img, body div#devskin12527892 .shadow-holder a.lit, body div#devskin12527892 .feat .shadow-holder .mild .thumb img, body div#devskin12527892 .feat .embedded-deviation img, body div#devskin12527892 .feat .shadow-holder a.lit { vertical-align:middle; } body div#devskin12527892 .feat .shadow-holder a.lit { background:transparent; border:none; width:170px; height:150px; } body div#devskin12527892 .feat .shadow-holder a.lit img, body div#devskin12527892 .shadow-holder a.lit img { display:none; } body div#devskin12527892 .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#devskin12527892 .feat .shadow-holder .wrap q strong { margin-bottom:10px; } body div#devskin12527892 .feat { text-align:center; background:transparent; padding:0; margin:0; } body div#devskin12527892 .embedded-deviation { width:inherit; } /* ------------------------- FOOTER ------------------------- */ body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .buttons img { padding-right:8px; } body div#devskin12527892 .buttons a:hover { opacity:0.5; filter:alpha(opacity=50); _zoom:1; } /* ------------------------- HEADER ------------------------- */ body div#devskin12527892 .header { background:transparent; height:375px; position:absolute; top:-174px; right:0; left:0; } body div#devskin12527892 .header br { display:none; } body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .header .board .stamp { position:absolute; top:60px; left:25px; } body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .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#devskin12527892 .week:hover { color:#fdfdfd; text-shadow:#331f14 0px 1px 4px; } /* ------------------------- CALENDAR ------------------------- */ body div#devskin12527892 .calendar { } body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .calendar i:last-of-type { margin-left:30px; } body div#devskin12527892 .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#devskin12527892 .calendar h2 { color:#333333; display:inline-block; margin-left:20px; } body div#devskin12527892 .schedule { margin-left:190px; } body div#devskin12527892 .schedule ul { } body div#devskin12527892 .schedule ul li { list-style-type:none; list-style-image:none; line-height:25px; margin-bottom:20px; position:relative; } body div#devskin12527892 .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#devskin12527892 .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#devskin12527892 .header, body div#devskin12527892 .gr-top::after, body div#devskin12527892 .gr-top::before, body div#devskin12527892 .gr-top .author, body div#devskin12527892 .gr-top .gr .timestamp { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12527892 .gr-box { margin-top:0; padding:90px 30px 30px 30px; position:relative; } } @media only screen and (max-width: 767px) { body div#devskin12527892 .gr-top { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin12527892 .gr-body .gr .grf-indent .text { margin-top:-120px; } } @media only screen and (max-width: 767px) { body div#devskin12527892 .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#devskin12527892 .schedule { margin-left:20px; } } @media only screen and (max-width: 767px) { body div#devskin12527892 .calendar h2 { display:block; margin-top:20px; margin-left:0; } } body div#devskin12527892 .mobile-header { display:none; position:absolute; top:20px; } @media only screen and (max-width: 767px) { body div#devskin12527892 .mobile-header { display:block; } } @media only screen and (max-width: 767px) { body div#devskin12527892 .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#devskin12527892 .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

Hello everyone! I was invited to participate in Artisan Crafts Week and decided to write an article about cross-stitching. Why? I'd like to provide what I wish I had when starting out: A comprehensive ‘how to’ with some pro-tips snuck in.

Don’t be fooled, stitching is a hobby anyone can start and man, can people make some pretty amazing things! Lately it has grown in popularity, so now is a great time to learn. So without further ado, please enjoy.

So, what is Cross-Stitching?
It is a form of sewing that uses counted thread embroidery to create beautiful designs from patterns. The name refers to one of the types of stitches you can use, an X-stitch, as you are making an X with the thread as you go.

Fun Fact: It is the oldest form of embroidery that we know of and pieces can be found from all over the world!

Cool! What are the Materials you need to get started?
1. Pattern
You can’t do much without a plan, so you’re going to need a chart. There are many available to choose from. You purchase a pre-packaged pattern with everything necessary included for you (at the store/online) or buy only the pattern online (Etsy has a whole section for it). There are also TONS of free downloadable patterns that people have made.

Can’t find what you want? No problem! Make your own and show it off to the world using graph paper or with a computer program! I'm currently learning how to use PC Stitch which is a purchasable software designed to help you make your own patterns. There are many others both free and paid; I recommend research to find out what works best for you.



2. Fabric
There are different types of fabric used by stitchers: Aida, Linens, Even Weave, Hardanger, Canvas, Perforated Paper, Specialty Fabrics; each with pros and cons. The most common/popular is Aida, which is what I recommend you start with.

Fabric comes in many different colors and textures. While I haven't attempted this, you can also dye or paint over some cloths to create unique designs.

All are categorized by thread count: threads per inch (usually ranging from 11 count to 40 count; my favorite is 18 count Aida). This is important because the count of the fabric determines the size of the finished stitch. Smaller squares mean a smaller image.

3. Thread
Like fabric, there are many brands of thread to choose from. You have your cotton and your metallic, but don’t forget the wool yarn and rayon! Point being: depending on your pattern, you may require different threads to get the job done.

You want thread that has multiple stands (for DMC a cord has 6), so you can pull as many as the pattern requires.
Typically two is the norm, but they can ask for more and it can be advantageous to have extra for coverage (more on that later).

4. Needles/Scissors/Threader
Due to the size of the holes in your fabric, specific sets of needles are required when stitching. Too big and you can stretch the fabric out. They are called tapestry or embroidery needles and a good rule of thumb is this: The higher your Aida cloth count, the thinner your needle should be.

Scissors, or some form of sharp object is nice to have for cutting your thread. A threader does what it sounds like: it threads a needle for you. You don’t need this, but it is certainly helpful.

5. Hoops/Snaps
To prevent the material from warping as you stitch, it is helpful to have something keeping it taught while you work. Enter the hoop/snaps. They come in different sizes and shapes (think circle vs square for the hoops). You can also use the hoops to store the finished project.



Alright, got it! How do I start?
First things first, let’s have a look at the pattern. We’ll use one that I made with PC stitch. Feel free to make this your first! It was designed with the intent of using Aida cloth and DMC thread.

Pattern

Fantastic.

Charts can vary in design - this one has the patterned colored with no symbol for each stitch while some are black/white, and/or have symbols - but the core features will be present.

A pattern’s grid mimics the grid created by your cloth. So, each square equals one square on your cloth, filled with something or not.

1. This is counted cross stitch, and patterns can get big. Multiple pages big. To keep everything organized every ten squares will be a number letting you know how far you are in the stitch. The one currently pointed at is ‘ten’ boxes in.

It is very important to measure out the size of your pattern compared to how much material you have using these so that you do not come too close to the edge (it can warp your picture) or run out of material entirely.

One way to help keep yourself oriented is to make your own ‘boxes’ with thread or washable pencil on your cloth. This is optional; I don’t personally do it, but it can be a pain to have to remove all your work if you are off a few stitches.

2. The Legend lets you know what colors the pattern creator wants you to use and, if the pattern uses symbols, which symbols correspond to which color. It can also tell you how many threads of that color to use if it isn’t the typical two and if the thread will be used for a specific kind of stitch (such a back stitching or for French knots).

3. Each square is equivalent to one full stitch on the pattern, and as said above, this is one square on your cloth. Therefore when using a color, all you need to do is count the squares to know how many stitches in any certain direction you need to go.

4. The arrows on the sides of your pattern help to show you where the center of your work is. It is common practice to begin your stitch in the center of the design in the center of the fabric. I actually have one stitch in the center of this pattern to help with visualizing.

Next let’s talk about the types of stitches you can have. There are a variety of specialty stitches you can explore but the main ones are as follows:

1. The full stitch (or cross stitch) is the most common and main stitch in your arsenal. It is the stitch. Represented by a full square on patterns, you create it by stitching two half stitches over each other. Love it. Cherish it. Take it out to dinner by stitching it onto a napkin.

2. The half stitch is used mostly for details and aesthetic purposes. It can be used in the background, to outline, etc. These are not ‘bound’ by the square, able to go up and down as well as diagonal to make rounder shapes. A valuable tool to be sure.

3. The quarter/fourth stitch is a half stitch cut in half. While the thread will exit the hole, it will reenter the fabric in the middle of the square. Used for texture and smaller details, be careful to sew them evenly and precisely so they enter the square in the right area.

4. The three-fourths/three-quarter stitch is a half stitch and quarter stitch combined. Like the half and fourth, it is used in details and to add curves to the work (less blocky more flowy).

5. The petite stitch is a full stitch but a fourth of the size. This one takes practice as due to the size, it is easily messed up. It isn’t too common, but important enough in my opinion to be included.

The time has come. Let’s put that thread into the fabric.
Stitching is typically done from left to right in the area of the stitchee’s choosing. To ensure the thread does not slip through the fabric, tie a little knot at the end of the stands before pulling through. Depending on the pattern, it might be advantageous to stitch a full row or one at a time. We’ll start with the latter.

1. After pulling the thread through the first hole, pass it through the second hole in the square that is directly diagonal to it. Pull until it is snug against the fabric but don’t let the thread’s tail slip past the eye of the needle.

With the first half stitch complete, start the second by pushing the needle through the hole directly above the one you last entered. Pull until tight, then enter the final hole in the square. Congratulations, you have made one full stitch. Continue as far as the pattern directs, ensuring that the thread pattern is the same direction with every stitch.

2. With a row, you will sew multiple half stitches as far as the pattern directs, all going in the same direction. Once you reach your stopping point, return across the row completing the full stitches until reaching the first stitch again.

For the other types of stitches this logic can be followed as well with the obvious adjustments to match the shape (for example, don’t complete the row and you suddenly have a row full of half stitches, yay!).

3. When you are almost out of thread and need a new piece or you have to change colors, take your needle and slide it under the completed stitches (at least four) to secure the thread and make sure it doesn’t unravel. For extra security I sometime tie a knot around the last completed stitch I go under. Then trim the thread so it is out of the way.

Finally, remember earlier when I mentioned coverage? Depending on how many threads you use and the colors present in the thread and fabric, you may not ‘cover’ the fabric enough, and easily see it. This is not always flattering. The best example I could find of this comes from here who demonstrates very well what it looks like: This is 14 count Aida (blue) and 11 count Aida (pink) with increasing amounts of thread:



Big difference yeah? While a pattern may tell you to use a certain amount of thread, depending on what you want the end result to look like, the thread count and Aida size are important and sometimes necessary to alter.

So, a lot here. If you feel uncomfortable starting right away, practice first with spare cloth and thread before working on your piece.

Final Thoughts: Man, I wish I had known that…
You have a pattern, your tools, some basic know-how, and the willingness to try something new; you are ready to go! Before you click away, here are a few extra things I've learned along the self-taught path:

1. Your first attempt probably won’t turn out the way you want...
And that’s ok! You’re learning, this is something new. Like any craft, you need to work at it to become more comfortable. I don’t have a picture of my very first stitch (thank goodness), but this is one of the earliest.

She isn’t the best. There’s a lot that was done incorrectly. But I made it. You get better, and the excitement of finishing bigger and more complex projects is wonderful. Here’s a much more recent one (more than a decade later). I think it’s pretty neato.

2. GIVE YOURSELF SPACE
She says as she flips the table she is currently sitting at.

I learned this the hard way. While obvious in retrospect, my inexperienced brain decided that I would start right at the beginning of the cloth I bought. Waste not, want not right? Nope. Remember how I mentioned warping and centering earlier? Yeah, I had to cover some of the pattern with the frame’s matting to hide the warping and save my skin. Always purchase enough cloth so that you have a ‘border’ of excess material. AND COUNT YOUR SPACES. Important enough to say twice guys.



3. Stay clean while you stitch
One (usually) can’t throw their creation in the wash, only gently soaking and spot cleaning them. Make sure to wash your hands and work space to get rid of excess oil and/or other ick before you start to save your design from future fading and staining. You’ll be putting hours into the craft, and it would stink to lose all that progress to a pizza spot.

4. Stitch in one direction and in between strands (even only)
“But I’m just making an X,” you say. “Why does it matter?” Great question! It helps with uniformity and overall smoothness to the finished product. Think of it like icing on the cake. Yeah, you don’t need to, but it sure does make it look nicer, especially if you have half-stitches in the background. If you return to my princess crown image, you'll notice a failure of uniformity among the mistakes.

Second, when using more than one thread piece, the strands can twist together which also does not look very good. Referring to the earlier steps, when finishing the full stitch, slide your needle in between the strands so they end up smooth on the Aida, side by side. This is known as the railroad stitch. Prettier and better coverage. I've never looked back.

5. Back stitching is not required but is certainly worth the effort
Look at these two images. Ignoring the wrinkles and color difference, which one do you like more?

Some people don’t like back-stitching, while others consider the pattern incomplete without it. I’ve been on both sides of the fence, so I understand the reasoning for doing it or not. All it is is providing a piece with details: text, to give an outline, a 3D effect (using more than one thread piece), etc. In the end, it’s up to you.

6. Don’t worry about the back of the stitch
So, you finished your piece. It looks good, then you turn it around and someone has thrown up yarn on your cloth while you weren’t looking. Don’t worry. No one is going to look at the back of your completed project. Let it be ugly. Exception is if you want a neat back or are working with very sheer fabric, then good luck, I have yet to achieve such a feat.

Mamma mia!

7. Be gentle with your thread and it will thank you
When you are stitching, yes you want a tight X, but don’t pull so hard that you squeeze the cloth underneath. You want it snug against the Aida, not in a death grip. This will mess up the overall look as well. Like many things in life, there is too much (death grip), too little (too loose), and just right (snug).

8. Contrasting colors is key when choosing cloth
Cream backing with white thread isn’t as pretty as you would think. When choosing colors, make sure that the choices are complementary. Navy on black will not be as nice (or visible for that matter) as red on black. Of course there are exceptions but overall this is a good rule to follow.

9. Talk to other stitchers!
I started young, so it wasn’t until college that I really discovered stitching groups and tutorials. A bunch exist on da, tumblr, Facebook, you name it. People are sharing their creations, asking for advice, and telling you where to go get some good thread deals. I learned mainly through trial and error, you don’t have to. Don’t be afraid to hop in, we like helping (would I be making this if I didn’t?). There are plenty of how-tos like this one, all you need to do is search for them.

10. Stay Organized
When you really get into the craft, you’ll find you have piles of thread, cloth, needles, patterns, the list goes on. Invest in bobbins to wrap your thread, boxes or drawers to store materials in, and a binder for patterns. It helps to keep everything neat and easy to find, especially considering how many different shades of a single color exist. Send help.

11. Everyone does things a little differently
Finally, everything I’ve told you here I don’t necessarily do.

For example:
- I hate working with hoops, only occasionally using them for the finished product.
- I prefer certain brands for cloth and thread even though I listed a bunch
- I don’t grid my cloth out (or start in the center for that matter)
- I don’t sew the edges of my cloth, though, it is a good idea if the cloth frays very easily
- I work with a single color at a time (this is known as cross country. The opposite is parking: completing a page at a time if your pattern is many pages long)
- I bend the rules when it comes to cleaning and ironing (risky, so don’t copy me here folks).

Understand the basics, the proper ‘forms’, and then be free. You can look up most anything if you have questions.

You’re spending your time creating, make what you want and don’t let others stifle you. Don’t like the recommended color? Change it! Rather use 16 count than 14? Go nuts! Want to frame it instead of using a hoop? More power to you!

I hope this helped you out. There’s a lot I didn’t mention, but if I talked about everything, this would never end. I look forward to seeing a slew of posts from new stitchers! Comment if you have any questions

Stay Awesome,
   Ryardn