HOME | DD

Heidi — Beginnings of Site Simplification
#navigation #deviantart #timeline #deviantartupdate
Published: 2015-05-20 21:41:03 +0000 UTC; Views: 187959; Favourites: 586; Downloads: 0
Redirect to original
Description body div#devskin12199541 .isdate .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-site-update_ffffff.svg); width:105px; } body div#devskin12199541 .site-update.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-site-update_7D8080.svg); width:105px; } body div#devskin12199541 .site-update .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-site-update_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .site-update .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-site-update_7D8080.svg); } } body div#devskin12199541 .type.site-update span.shadow::before { content:'Site Update'; } body div#devskin12199541 .gr-box, body div#devskin12199541 { font:400 18px/28px Arial,Sans-Serif; background:#fff; color:#242627; position:relative; border-bottom:none; margin:0; padding:0; } body div#devskin12199541 .gr-body { background:0 0; border:0!important; position:static; } body div#devskin12199541 .gr-body .grf-indent { background:0 0; margin:auto; text-align:center; padding:0; } body div#devskin12199541 .gr-body .gr { border:0!important; position:static; background:0 0; } body div#devskin12199541 .gr-body { overflow:hidden; } body div#devskin12199541 .text { padding:0; position:relative; text-align:left; } body div#devskin12199541 .gr-top, body div#devskin12199541 .text br, body div#devskin12199541 i.gr1, body div#devskin12199541 i.gr1 i, body div#devskin12199541 i.gr2, body div#devskin12199541 i.gr2 i, body div#devskin12199541 i.gr3 { display:none; } body div#devskin12199541 .essay br { display:block; } @media only screen and (max-width: 767px) { body div#devskin12199541 .gr-box { font-size:16px; line-height:24px; } } body div#devskin12199541 .wrap { max-width:1080px; margin:auto; padding:0 15px; position:relative; } body div#devskin12199541 .wrap .wrap { width:100%; padding:0; } body div#devskin12199541 .wrap.wide { max-width:1500px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .wrap { width:auto; display:block; padding:0 7.5%; max-width:420px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .wrap.wide { max-width:420px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .wrap .wrap { padding:0!important; } } body div#devskin12199541 .col_1, body div#devskin12199541 .col_10, body div#devskin12199541 .col_11, body div#devskin12199541 .col_12, body div#devskin12199541 .col_2, body div#devskin12199541 .col_3, body div#devskin12199541 .col_4, body div#devskin12199541 .col_5, body div#devskin12199541 .col_6, body div#devskin12199541 .col_7, body div#devskin12199541 .col_8, body div#devskin12199541 .col_9 { display:inline; float:left; position:relative; margin-left:1.388%; margin-right:1.388%; } body div#devskin12199541 .col_1 { width:5.555%; } body div#devskin12199541 .col_2 { width:13.888%; } body div#devskin12199541 .col_3 { width:22.222%; } body div#devskin12199541 .col_4 { width:30.555%; } body div#devskin12199541 .col_5 { width:38.888%; } body div#devskin12199541 .col_6 { width:47.222%; } body div#devskin12199541 .col_7 { width:55.555%; } body div#devskin12199541 .col_8 { width:63.888%; } body div#devskin12199541 .col_9 { width:72.222%; } body div#devskin12199541 .col_10 { width:80.555%; } body div#devskin12199541 .col_11 { width:88.888%; } body div#devskin12199541 .col_12 { width:97.222%; } body div#devskin12199541 .before_1 { padding-left:8.333%; } body div#devskin12199541 .before_2 { padding-left:16.666%; } body div#devskin12199541 .before_3 { padding-left:25%; } body div#devskin12199541 .before_4 { padding-left:33.333%; } body div#devskin12199541 .before_5 { padding-left:41.667%; } body div#devskin12199541 .before_6 { padding-left:50%; } body div#devskin12199541 .before_7 { padding-left:58.333%; } body div#devskin12199541 .before_8 { padding-left:66.667%; } body div#devskin12199541 .before_9 { padding-left:75%; } body div#devskin12199541 .before_10 { padding-left:83.333%; } body div#devskin12199541 .before_11 { padding-left:91.667%; } body div#devskin12199541 .after_1 { padding-right:8.333%; } body div#devskin12199541 .after_2 { padding-right:16.667%; } body div#devskin12199541 .after_3 { padding-right:25%; } body div#devskin12199541 .after_4 { padding-right:33.333%; } body div#devskin12199541 .after_5 { padding-right:41.667%; } body div#devskin12199541 .after_6 { padding-right:50%; } body div#devskin12199541 .after_7 { padding-right:58.333%; } body div#devskin12199541 .after_8 { padding-right:66.667%; } body div#devskin12199541 .after_9 { padding-right:75%; } body div#devskin12199541 .after_10 { padding-right:83.333%; } body div#devskin12199541 .after_11 { padding-right:91.667%; } body div#devskin12199541 .push_1 { margin-left:8.333%; } body div#devskin12199541 .push_2 { margin-left:16.667%; } body div#devskin12199541 .push_3 { margin-left:25%; } body div#devskin12199541 .push_4 { margin-left:33.333%; } body div#devskin12199541 .push_5 { margin-left:41.667%; } body div#devskin12199541 .push_6 { margin-left:50%; } body div#devskin12199541 .push_7 { margin-left:58.333%; } body div#devskin12199541 .push_8 { margin-left:66.667%; } body div#devskin12199541 .push_9 { margin-left:75%; } body div#devskin12199541 .push_10 { margin-left:83.333%; } body div#devskin12199541 .push_11 { margin-left:91.667%; } body div#devskin12199541 .pull_1 { margin-left:-8.333%; } body div#devskin12199541 .pull_2 { margin-left:-16.667%; } body div#devskin12199541 .pull_3 { margin-left:-25%; } body div#devskin12199541 .pull_4 { margin-left:-33.333%; } body div#devskin12199541 .pull_5 { margin-left:-41.667%; } body div#devskin12199541 .pull_6 { margin-left:-50%; } body div#devskin12199541 .pull_7 { margin-left:-58.333%; } body div#devskin12199541 .pull_8 { margin-left:-66.667%; } body div#devskin12199541 .pull_9 { margin-left:-75%; } body div#devskin12199541 .pull_10 { margin-left:-83.333%; } body div#devskin12199541 .pull_11 { margin-left:-91.667%; } body div#devskin12199541 .alpha { margin-left:0!important; } body div#devskin12199541 .omega { margin-right:0!important; } body div#devskin12199541 .col_10 .wrap .col_10 { width:100%; margin-left:0; margin-right:0; } body div#devskin12199541 .col_10 .wrap .col_9 { width:89.655%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12199541 .col_10 .wrap .col_8 { width:78.168%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12199541 .col_10 .wrap .col_7 { width:68.965%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12199541 .col_10 .wrap .col_6 { width:58.62%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12199541 .col_10 .wrap .col_3 { width:27.586%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12199541 .col_9 .wrap .col_8 { width:88.461%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12199541 .col_9 .wrap .col_7 { width:76.923%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12199541 .col_9 .wrap .col_6 { width:65.384%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12199541 .col_9 .wrap .col_5 { width:53.846%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12199541 .col_9 .wrap .col_4 { width:42.307%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12199541 .col_9 .wrap .col_3 { width:30.769%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12199541 .col_9 .wrap .col_2 { width:19.23%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12199541 .col_8 .wrap .col_7 { width:86.956%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12199541 .col_8 .wrap .col_6 { width:73.913%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12199541 .col_8 .wrap .col_5 { width:60.869%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12199541 .col_8 .wrap .col_4 { width:47.826%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12199541 .col_8 .wrap .col_3 { width:34.782%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12199541 .col_8 .wrap .col_2 { width:21.739%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12199541 .col_8 .wrap .col_1 { width:8.695%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12199541 .col_7 .wrap .col_7 { width:100%; margin-left:0; margin-right:0; } body div#devskin12199541 .col_7 .wrap .col_6 { width:85%; margin-left:2.5%; margin-right:2.5%; } body div#devskin12199541 .col_7 .wrap .col_5 { width:70%; margin-left:2.5%; margin-right:2.5%; } body div#devskin12199541 .col_7 .wrap .col_4 { width:55%; margin-left:2.5%; margin-right:2.5%; } body div#devskin12199541 .col_7 .wrap .col_3 { width:40%; margin-left:2.5%; margin-right:2.5%; } body div#devskin12199541 .col_7 .wrap .col_2 { width:25%; margin-left:2.5%; margin-right:2.5%; } body div#devskin12199541 .col_6 .wrap .col_6 { width:100%; margin-left:0; margin-right:0; } body div#devskin12199541 .col_6 .wrap .col_5 { width:82.352%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12199541 .col_6 .wrap .col_4 { width:64.705%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12199541 .col_6 .wrap .col_3 { width:47.058%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12199541 .col_6 .wrap .col_2 { width:29.411%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12199541 .col_5 .wrap .col_5 { width:100%; margin-left:0; margin-right:0; } body div#devskin12199541 .col_5 .wrap .col_4 { width:78.571%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12199541 .col_5 .wrap .col_3 { width:57.142%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12199541 .col_5 .wrap .col_2 { width:35.714%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12199541 .col_4 .wrap .col_3 { width:72.727%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12199541 .col_4 .wrap .col_2 { width:45.454%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12199541 .col_3 .wrap .col_2 { width:62.5%; margin-left:6.25%; margin-right:6.25%; } body div#devskin12199541 .col_3 .wrap .col_1 { width:25%; margin-left:6.25%; margin-right:6.25%; } body div#devskin12199541 .col_10 .wrap .before_1 { padding-left:10.344%; } body div#devskin12199541 .col_9 .wrap .before_1 { padding-left:11.538%; } body div#devskin12199541 .col_8 .wrap .before_2 { padding-left:26.086%; } body div#devskin12199541 .col_8 .wrap .before_1 { padding-left:13.043%; } body div#devskin12199541 .col_8 .wrap .after_1 { padding-right:13.043%; } body div#devskin12199541 .col_8 .wrap .pull_1 { margin-left:-13.043%; } body div#devskin12199541 .col_7 .wrap .after_2 { padding-right:30%; } body div#devskin12199541 .col_7 .wrap .before_1 { padding-left:15%; } body div#devskin12199541 .col_7 .wrap .before_2 { padding-left:30%; } body div#devskin12199541 .col_7 .wrap .after_1 { padding-right:15%; } body div#devskin12199541 .col_6 .wrap .before_3 { padding-left:52.941%; } body div#devskin12199541 .col_6 .wrap .before_2 { padding-left:35.294%; } body div#devskin12199541 .col_6 .wrap .before_1 { padding-left:17.647%; } body div#devskin12199541 .col_6 .wrap .after_2 { padding-right:35.294%; } body div#devskin12199541 .col_6 .wrap .after_1 { padding-right:17.647%; } body div#devskin12199541 .col_5 .wrap .before_1 { padding-left:21.428%; } body div#devskin12199541 .col_5 .wrap .before_2 { padding-left:42.857%; } body div#devskin12199541 .col_5 .wrap .before_3 { padding-left:64.285%; } body div#devskin12199541 .col_5 .wrap .after_1 { padding-right:21.428%; } body div#devskin12199541 .col_4 .wrap .before_1 { padding-left:27.272%; } body div#devskin12199541 .col_4 .wrap .before_2 { padding-left:54.545%; } body div#devskin12199541 .col_4 .wrap .after_1 { padding-right:27.272%; } body div#devskin12199541 .col_3 .wrap .after_1 { padding-right:37.5%; } body div#devskin12199541 .col_3 .wrap .before_1 { padding-left:37.5%; } body div#devskin12199541 .clear:after, body div#devskin12199541 .clear:before { content:''; display:table; } body div#devskin12199541 .clear, body div#devskin12199541 .clear:after { clear:both; } @media only screen and (max-width: 767px) { body div#devskin12199541 .pull_1, body div#devskin12199541 .pull_10, body div#devskin12199541 .pull_11, body div#devskin12199541 .pull_2, body div#devskin12199541 .pull_3, body div#devskin12199541 .pull_4, body div#devskin12199541 .pull_5, body div#devskin12199541 .pull_6, body div#devskin12199541 .pull_7, body div#devskin12199541 .pull_8, body div#devskin12199541 .pull_9, body div#devskin12199541 .push_1, body div#devskin12199541 .push_10, body div#devskin12199541 .push_11, body div#devskin12199541 .push_2, body div#devskin12199541 .push_3, body div#devskin12199541 .push_4, body div#devskin12199541 .push_5, body div#devskin12199541 .push_6 .push_7, body div#devskin12199541 .push_8, body div#devskin12199541 .push_9 { left:0; } } body div#devskin12199541 h1, body div#devskin12199541 h2, body div#devskin12199541 h3, body div#devskin12199541 h4, body div#devskin12199541 h5 { font-family:Montserrat,Calibre,Sans-Serif; font-weight:700; text-transform:uppercase; letter-spacing:normal; position:relative; color:#181A1B; margin:0 0 30px; z-index:1; } body div#devskin12199541 h1 span.user-symbol, body div#devskin12199541 h2 span.user-symbol, body div#devskin12199541 h3 span.user-symbol, body div#devskin12199541 h4 span.user-symbol { display:none; } body div#devskin12199541 h1 a, body div#devskin12199541 h2 a, body div#devskin12199541 h3 a, body div#devskin12199541 h4 a { color:inherit!important; text-decoration:none; } body div#devskin12199541 h1 a:hover, body div#devskin12199541 h2 a:hover, body div#devskin12199541 h3 a:hover, body div#devskin12199541 h4 a:hover { text-decoration:underline!important; } body div#devskin12199541 * a.external { font:inherit!important; font-weight:700!important; } body div#devskin12199541 h1 em, body div#devskin12199541 h2 em, body div#devskin12199541 h3 em, body div#devskin12199541 h4 em { font:inherit; } body div#devskin12199541 h1 br, body div#devskin12199541 h2 br, body div#devskin12199541 h3 br, body div#devskin12199541 h4 br { display:block!important; } body div#devskin12199541 h1 small, body div#devskin12199541 h2 small, body div#devskin12199541 h3 small, body div#devskin12199541 h4 small { text-transform:none; font-weight:500; display:block; font-size:.65em; line-height:normal; margin:5px 0; } body div#devskin12199541 h1 { font-size:48px; line-height:54px; } body div#devskin12199541 h2 { font-size:36px; line-height:42px; } body div#devskin12199541 h3 { font-size:24px; line-height:32px; } body div#devskin12199541 h4 { font-size:18px; line-height:24px; } body div#devskin12199541 h5 { font-size:14px; line-height:20px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .text h1, body div#devskin12199541 .text h2, body div#devskin12199541 .text h3, body div#devskin12199541 .text h4, body div#devskin12199541 .text h5 { font-family:Montserrat,Sans-Serif; font-weight:700!important; margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .text h1 { font-size:36px; line-height:36px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .text h2 { font-size:24px; line-height:26px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .text h3 { font-size:24px; line-height:28px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .text h4 { font-size:16px; line-height:20px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 h1 small, body div#devskin12199541 h2 small, body div#devskin12199541 h3 small, body div#devskin12199541 h4 small { line-height:normal; } } body div#devskin12199541 p { margin:0 0 30px; padding:0; } body div#devskin12199541 li.large, body div#devskin12199541 p.large { font-weight:400; font-size:24px; line-height:34px; font-family:Montserrat,Sans-Serif; } body div#devskin12199541 li.small, body div#devskin12199541 p.small { font-size:14px; line-height:22px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .text p, body div#devskin12199541 p.small { margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .text p.large { font:400 20px/28px Montserrat,sans-serif; } } body div#devskin12199541 ol, body div#devskin12199541 ul { margin:0 0 30px; } body div#devskin12199541 ol li, body div#devskin12199541 ul li { font-weight:700; font-family:Montserrat,Sans-Serif; color:#05CC47; border-bottom:1px dotted #eee; padding:0 0 30px; margin:0 0 30px; } body div#devskin12199541 li ol li, body div#devskin12199541 li ul li { list-style:lower-alpha; border-bottom:none; padding:0; margin-bottom:0; } body div#devskin12199541 ol li p, body div#devskin12199541 ol li span, body div#devskin12199541 ul li p, body div#devskin12199541 ul li span { color:#000; font-family:Arial; font-weight:400; margin:0; } body div#devskin12199541 li:last-of-type { border:none; margin:0; padding:0; } @media only screen and (max-width: 767px) { body div#devskin12199541 ol, body div#devskin12199541 ul { margin:0 0 15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 ol li, body div#devskin12199541 ul li { padding:0 0 15px; margin:0 0 15px; } } body div#devskin12199541 hr { margin:0; display:block; border:none; height:1px; width:100%; background:0 0; border-bottom:1px solid #eee; } body div#devskin12199541 .dotted>hr:first-child { border-bottom:1px dotted #eee; } body div#devskin12199541 .dashed>hr:first-child { border-bottom:1px dashed #eee; } body div#devskin12199541 blockquote { position:relative; margin:0 0 30px; padding:0 30px; } body div#devskin12199541 blockquote::before { content:''; position:absolute; top:-10px; left:-11px; width:24px; height:41px; background:url(https://www.da-files.com/artnetwork/default/icon-quote_open.svg?3) 50%/contain no-repeat; z-index:2; } body div#devskin12199541 blockquote::after { content:''; position:absolute; top:30px; bottom:0; left:-1px; width:1px; background:#05CC47; z-index:1; } body div#devskin12199541 blockquote .author { line-height:16px; } body div#devskin12199541 blockquote .author span:not(.username-with-symbol) { font-weight:300; } @media only screen and (max-width: 767px) { body div#devskin12199541 blockquote { margin:0 0 0 15px; padding:0 0 0 15px; clear:left; } } @media only screen and (max-width: 767px) { body div#devskin12199541 blockquote::before { width:15px; background-size:contain; } } body div#devskin12199541 span.dropcaps { font:700 96px/78px Montserrat,Calibre,Sans-Serif; float:left; position:relative; height:.75em; margin:0 5px 0 0; color:#242627; } body div#devskin12199541 p.large span.dropcaps { font-size:118px; line-height:100px; } body div#devskin12199541 p.small span.dropcaps { font-size:76px; line-height:64px; } @media only screen and (max-width: 767px) { body div#devskin12199541 span.dropcaps { font-size:76px; line-height:62px; height:65px; } } body div#devskin12199541 .author { font:700 11px/30px Arial,sans-serif; margin:0 0 15px; color:inherit; text-transform:uppercase; font-weight:700; } body div#devskin12199541 .author a { color:inherit; text-decoration:none!important; font:inherit; } body div#devskin12199541 .author a[target] .avatar { float:left; margin-right:10px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; } body div#devskin12199541 a[target] .avatar { border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:30px; margin-right:5px; } body div#devskin12199541 .author>img.avatar:first-of-type { float:left; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:30px; margin-right:5px; } body div#devskin12199541 .author h2 a[target] .avatar { width:50px; } body div#devskin12199541 .author h2 { line-height:50px; } body div#devskin12199541 .author h3 a[target] .avatar { width:40px; } body div#devskin12199541 .author h3 { line-height:40px; } body div#devskin12199541 .author h4 a[target] .avatar { width:30px; } body div#devskin12199541 .author h4 { line-height:30px; } body div#devskin12199541 .author h1 span.user-symbol, body div#devskin12199541 .author h2 span.user-symbol, body div#devskin12199541 .author h3 span.user-symbol, body div#devskin12199541 .author h4 span.user-symbol { display:inline; } body div#devskin12199541 .author span[class*=user] a { color:inherit; } body div#devskin12199541 .author span[class*=user] a:hover { color:#40CfC7!important; } body div#devskin12199541 .author .article-author { display:inline-block; } body div#devskin12199541 .compact .author .article-author { display:block; } body div#devskin12199541 .compact .author .article-author:last-of-type { padding-bottom:0; } body div#devskin12199541 .compact .author .article-author { padding-bottom:15px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .author .article-author:last-of-type { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .author .article-author:only-of-type { display:block; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .news-desk .header .metadata .author.s { width:100%; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .news-desk .author.s .article-author { width:50%; float:left; } } body div#devskin12199541 span[class*=username] a:hover { color:#40CfC7; } body div#devskin12199541 .text a, body div#devskin12199541 a, body div#devskin12199541 a::after, body div#devskin12199541 a::before { transition:color .15s linear; -moz-transition:color .15s linear; -webkit-transition:color .15s linear; -ms-transition:color .15s linear; -o-transition:color .15s linear; } body div#devskin12199541 .essay a, body div#devskin12199541 li a, body div#devskin12199541 p a { position:relative; color:#40CfC7; z-index:1; font-weight:700!important; } body div#devskin12199541 li a, body div#devskin12199541 p a { text-decoration:underline!important; } body div#devskin12199541 a:hover, body div#devskin12199541 li a:hover, body div#devskin12199541 p a:hover, body div#devskin12199541 span[class*=user] a:hover { text-decoration:underline; color:#34807A; } body div#devskin12199541 a[target*=self] { border-bottom:none; } body div#devskin12199541 .text a.discoverytag { font-family:inherit; } body div#devskin12199541 a.external, body div#devskin12199541 a.external::after { font-style:normal; display:none; display:inline; } body div#devskin12199541 a.external:after { display:none; } body div#devskin12199541 span[class*=user] a { display:inline!important; white-space:normal; text-decoration:none; } body div#devskin12199541 span[class*=user] :hover { color:inherit; } body div#devskin12199541 span.user-symbol { font-size:.6em; vertical-align:inherit; position:relative; top:-.15em; } body div#devskin12199541 span.user-symbol, body div#devskin12199541 span.user-symbol::before { color:#7D8080!important; } body div#devskin12199541 span.user-symbol:hover { color:#05CC47; } body div#devskin12199541 .links { position:absolute; top:0; right:0; left:0; height:50px; text-align:right; padding:0 30px; background:rgb(0, 0, 0); background:rgba(0,0,0,.28); z-index:3; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin12199541 .links a { font:700 11px/16px Arial,Sans-Serif; text-transform:uppercase; text-decoration:none; color:#fff; position:relative; } body div#devskin12199541 .links a.title { width:auto; height:12px; top:20px; display:block; text-indent:-9999em; text-align:left; background-size:auto 12px; background-position:0 0; background-repeat:no-repeat; transition:all 0s linear; -moz-transition:all 0s linear; -webkit-transition:all 0s linear; -ms-transition:all 0s linear; -o-transition:all 0s linear; } body div#devskin12199541 .links a.archive { display:block; float:right; text-align:center; top:6px; color:#fff; text-decoration:none; } body div#devskin12199541 .links a:hover { color:#40CfC7!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .links { background:0 0; position:relative; border-bottom:1px solid #eee; text-align:center; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .links a.archive { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .links a.title { width:100%!important; background-position:50% 55%; background-size:auto 10px; top:0; height:50px; } } body div#devskin12199541 .widgets { clear:both; border-bottom:1px solid #eee; position:relative; z-index:2; } body div#devskin12199541 .widgets .social { position:relative; display:block; float:left; margin:0; width:120px; height:40px; line-height:40px; overflow:hidden; cursor:pointer; border:none!important; } body div#devskin12199541 .widgets .social:last-of-type { border-right:1px solid #eee; } body div#devskin12199541 .widgets .social iframe { padding:10px 0 0 18px; width:120px!important; position:relative!important; height:40px!important; display:inline-block!important; } body div#devskin12199541 .widgets .social.fb iframe, body div#devskin12199541 .widgets .social.twitter iframe { padding-top:10px; } body div#devskin12199541 .widgets .social .slide { text-indent:-9999em; background:50% 50%/auto 50% no-repeat #fff; height:40px; top:0; left:0; width:inherit; margin:0; position:absolute; z-index:2; text-align:center; transition:transform .15s ease-in-out; -moz-transition:transform .15s ease-in-out; -webkit-transition:transform .15s ease-in-out; -ms-transition:transform .15s ease-in-out; -o-transition:transform .15s ease-in-out; } body div#devskin12199541 .widgets .social:hover .slide { transform:translate(0,-100%); -moz-transform:translate(0,-100%); -webkit-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -o-transform:translate(0,-100%); } body div#devskin12199541 .widgets .social.twitter .slide { background-image:url(https://www.da-files.com/artnetwork/default/icon_twitter.svg?2); background-size:auto 43%; } body div#devskin12199541 .widgets .social.fb .slide { background-image:url(https://www.da-files.com/artnetwork/default/icon_facebook.svg?2); } body div#devskin12199541 .widgets .social.gp .slide { background-image:url(https://www.da-files.com/artnetwork/default/icon_google.svg?2); } body div#devskin12199541 .widgets .social.fb * { line-height:0; } @media only screen and (max-width: 1023px) { body div#devskin12199541 .widgets .wrap { padding-left:0; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .widgets .wrap .social:first-of-type { border-left:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .widgets { display:none; } } body div#devskin12199541 .header { background:#181A1B; color:#fff; position:relative; padding:0; margin:0; } body div#devskin12199541 .header::before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:.3; filter:alpha(opacity=30); _zoom:1; z-index:1; } body div#devskin12199541 .header .wrap { position:static; } body div#devskin12199541 .header .copy { position:absolute; margin:0 auto; left:0; bottom:120px; width:100%; z-index:99; } body div#devskin12199541 .type-2:not(.compact) .header .copy { position:absolute; margin:0 auto; left:0; top:120px; width:100%; z-index:99; } body div#devskin12199541 .header h1 { width:80%; color:inherit; margin:0 0 10px -2px; padding:0; border-bottom:none; word-wrap:break-word; font-size:72px; line-height:72px; } body div#devskin12199541 .type-2:not(.compact) .header .copy h1 { margin:0; } body div#devskin12199541 .header h1 br { display:block; } body div#devskin12199541 .header h1 a { font-weight:700; display:block; position:relative; text-shadow:0 0 50px transparent; text-decoration:none!important; transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; } body div#devskin12199541 .header h1 a:hover { opacity:1; filter:alpha(opacity=100); _zoom:1; text-shadow:0 0 0 #fff; } body div#devskin12199541 .header h1 a small { text-shadow:0 0 50px transparent; font-size:30px; line-height:36px; } body div#devskin12199541 .header h1 a:hover small { opacity:1; filter:alpha(opacity=100); _zoom:1; text-shadow:0 0 0 #7D8080; } body div#devskin12199541 .header h1 img { vertical-align:bottom; display:inline-block; max-width:100%; } body div#devskin12199541 .header .metadata .credit { display:inline-block; color:#f2f2f2; font-weight:700; text-transform:uppercase; font-size:11px; line-height:16px; transition:all .25s linear; -moz-transition:all .25s linear; -webkit-transition:all .25s linear; -ms-transition:all .25s linear; -o-transition:all .25s linear; } body div#devskin12199541 .header .metadata .credit a { color:inherit; text-decoration:none; font-weight:700; } body div#devskin12199541 .header .metadata .credit a:hover { color:#40CfC7; } body div#devskin12199541 .header .metadata .credit a.username { margin-left:4px; } body div#devskin12199541 .header .metadata .credit a[data-deviationid] { float:left; } body div#devskin12199541 .header .metadata .credit a.username::before { content:'by '; color:#fff; text-transform:none; font-weight:400; margin-right:2px; } body div#devskin12199541 .header .metadata .credit em { font-style:normal; } body div#devskin12199541 .header .metadata .author { margin:0; } body div#devskin12199541 .header .metadata .author::before { content:'Author: '; } body div#devskin12199541 .header .metadata .author.s::before { content:'Authors: '; } body div#devskin12199541 .header .metadata .credit::before { content:'Artist: '; float:left; margin-right:3px; } body div#devskin12199541 .header .metadata .author { line-height:15px; } body div#devskin12199541 .header .metadata a[target] .avatar { display:none; } body div#devskin12199541 div[class*=compact] .header .metadata a[target] .avatar { display:block; margin-right:5px; } body div#devskin12199541 .header .metadata a:hover { color:#40CfC7; } @media only screen and (max-width: 1023px) { body div#devskin12199541 .header .copy { margin:0 2.776%; bottom:60px; width:97.224%; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .header h1 { font-size:60px; line-height:60px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .header h1 a small { font-size:24px; line-height:34px; } } body div#devskin12199541 .header .background { position:relative; line-height:0; } body div#devskin12199541 .header .background::after { content:''; background:url(https://www.da-files.com/artnetwork/default/ui-container-shape_br-ffffff.svg) 100%/contain no-repeat; position:absolute; bottom:-5px; right:-5px; width:10%; height:100%; z-index:2; } body div#devskin12199541 .writer .background:after { display:none; } body div#devskin12199541 .type-2:not(.compact) .header .background::after { content:''; background:url(https://www.da-files.com/artnetwork/default/ui-container-shape_tier2_small02_inverted.svg) 0/contain no-repeat; position:absolute; top:-1px; left:-1px; width:100%; height:100%; z-index:2; } body div#devskin12199541 .header .background img { width:100%; max-width:100%; vertical-align:bottom; } @media only screen and (max-width: 767px) { body div#devskin12199541 .header .background { position:relative; line-height:0; z-index:0; top:0; bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .header .background::after { content:''; background:url(https://www.da-files.com/artnetwork/default/ui-container-shape_br-ffffff.svg) 100%/contain no-repeat; position:absolute; height:100%; z-index:2; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .header .background img { width:100%; vertical-align:bottom; display:block; max-width:none; } } body div#devskin12199541 .compact .header { margin:0 auto; background:0 0; } body div#devskin12199541 .compact .header, body div#devskin12199541 .compact .header .wrap { max-width:1080px; } body div#devskin12199541 .compact .header::after, body div#devskin12199541 .compact .header::before { display:none; } body div#devskin12199541 .compact .header .background::after { content:''; background:url(https://www.da-files.com/artnetwork/default/ui-container-shape_br-ffffff.svg) 100%/contain no-repeat; position:absolute; bottom:-5px; right:-5px; width:10%; height:100%; z-index:2; } body div#devskin12199541 .compact .header .copy { overflow:hidden; color:#000; position:relative; bottom:0; width:100%; padding:0; margin:0; } body div#devskin12199541 .compact .header .copy h1 { font-size:60px; line-height:60px; float:left; width:74.4%; padding:40px 0 50px; margin:0 0 0 -2px; } body div#devskin12199541 .compact .header .copy h1::after { content:''; border-right:1px solid #eee; position:absolute; top:0; right:-1px; bottom:-100%; left:0; z-index:-1; } body div#devskin12199541 .compact .header .copy h1 small { font-size:24px; line-height:34px; margin:0; color:#7D8080; } body div#devskin12199541 .compact .header .copy h1 a { padding-right:60px; } body div#devskin12199541 .compact .links { background:0 0; position:relative; border-bottom:1px solid #eee; } body div#devskin12199541 .compact .links a { color:#7D8080; } body div#devskin12199541 .compact .header .metadata { color:#181A1B; text-transform:uppercase; font-weight:700; font-size:11px; line-height:16px; float:left; width:25.6%; padding-top:30px; padding-bottom:30px; } body div#devskin12199541 .compact .header .metadata a { text-decoration:none; } body div#devskin12199541 .compact .header .metadata a[target] { position:relative; float:left; display:inline-block; } body div#devskin12199541 .compact .header .metadata span[class*=username] a { font-weight:700; text-transform:uppercase; float:none; margin:0; } body div#devskin12199541 .compact .header .metadata span[class*=username] a::before { display:none; } body div#devskin12199541 .compact .header .metadata span.user-symbol.admin { color:#7D8080; } body div#devskin12199541 .compact .header .metadata a:hover { color:#40CfC7; } body div#devskin12199541 .compact .header .metadata .author { line-height:30px; } body div#devskin12199541 .compact .header .metadata .author::before, body div#devskin12199541 .compact .header .metadata .credit::before { float:none; margin-right:0; display:block; margin-bottom:10px; color:#7D8080; font:700 9px Arial,Sans-Serif; text-transform:uppercase; } body div#devskin12199541 .compact .header .metadata .author::before { content:'Author'; } body div#devskin12199541 .compact .header .metadata .author.s::before { content:'Authors'; } body div#devskin12199541 .compact .header .metadata .credit::before { content:'Header Artist'; } body div#devskin12199541 .compact .header .metadata>div { padding:0 0 15px 30px; border-bottom:1px dotted #eee; margin:0; } body div#devskin12199541 .compact .header .metadata>div:first-of-type { margin-bottom:10px; padding-bottom:25px; } body div#devskin12199541 .compact .header .metadata>div:last-of-type { border:none; padding-bottom:0; padding-top:15px; } body div#devskin12199541 .compact .header .metadata .credit { color:inherit; clear:both; display:block; } body div#devskin12199541 .compact .header .metadata .credit em { display:block; text-transform:uppercase; font-weight:700; } body div#devskin12199541 .compact .header .metadata .credit a[data-deviationid] { text-transform:none; font-weight:400; display:block; color:#7D8080; float:none; } body div#devskin12199541 .compact .header .metadata .credit a[data-deviationid]:hover { color:#40CfC7; } @media only screen and (max-width: 1023px) { body div#devskin12199541 .compact .header .copy h1 a { padding-left:15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header, body div#devskin12199541 .header { padding:0; margin:0; overflow:hidden; background:#fff; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .links { background:0 0; position:relative; border-bottom:1px solid #eee; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .wrap, body div#devskin12199541 .header .wrap { position:relative; padding-left:5%; padding-right:5%; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header::after, body div#devskin12199541 .compact .header::before, body div#devskin12199541 .header::after, body div#devskin12199541 .header::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .copy, body div#devskin12199541 .header .copy { position:relative; margin:0; left:0; bottom:0; width:100%; z-index:1; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .copy h1, body div#devskin12199541 .header .copy h1 { color:#181A1B; float:none; width:auto; padding:15px 0; margin:0 0 15px; font-size:34px; line-height:36px; border-bottom:1px solid #eee; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .copy h1::after, body div#devskin12199541 .header .copy h1 br, body div#devskin12199541 .header .copy h1::after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .copy h1 a, body div#devskin12199541 .header .copy h1 a { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .copy h1 small, body div#devskin12199541 .header .copy h1 small { color:#7D8080; font-size:18px; line-height:24px; margin:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .background::after, body div#devskin12199541 .header .background::after { width:15%; bottom:-1px; right:-1px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .wrap, body div#devskin12199541 .header .wrap { max-width:420px; margin:auto; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .metadata>div, body div#devskin12199541 .compact .header .metadata>div:first-of-type, body div#devskin12199541 .compact .header .metadata>div:last-of-type, body div#devskin12199541 .header .metadata>div, body div#devskin12199541 .header .metadata>div:first-of-type, body div#devskin12199541 .header .metadata>div:last-of-type { border:none; margin:0; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .metadata, body div#devskin12199541 .header .metadata { float:none; width:auto; padding:0 0 15px; clear:both; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .metadata::after, body div#devskin12199541 .header .metadata::after { content:''; display:table; clear:both; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .metadata .author, body div#devskin12199541 .compact .header .metadata .credit, body div#devskin12199541 .header .metadata .author, body div#devskin12199541 .header .metadata .credit { margin:0; padding:0; float:left; width:50%; clear:none; font-size:11px; color:#7D7F7F; font-family:Arial; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .metadata .credit a[data-deviationid], body div#devskin12199541 .header .metadata .credit a.username::before, body div#devskin12199541 .header .metadata .credit a[data-deviationid] { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .metadata a[target] .avatar, body div#devskin12199541 .header .metadata a[target] .avatar { margin-right:5px!important; display:inline-block; float:left; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .metadata .author, body div#devskin12199541 .compact .header .metadata .credit, body div#devskin12199541 .header .metadata .author, body div#devskin12199541 .header .metadata .credit { line-height:30px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .compact .header .metadata .author::before, body div#devskin12199541 .compact .header .metadata .credit::before, body div#devskin12199541 .header .metadata .author::before, body div#devskin12199541 .header .metadata .credit::before { display:block; margin-bottom:10px; color:#7D8080; font:700 9px Arial,Sans-Serif; text-transform:uppercase; float:none; margin-right:0; } } body div#devskin12199541 .zeitgeist .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-zeitgeist_ffffff.svg); width:103px; } body div#devskin12199541 .zeitgeist.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-zeitgeist_7D8080.svg); width:103px; } body div#devskin12199541 .zeitgeist .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-zeitgeist_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .zeitgeist .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-zeitgeist_7D8080.svg); } } body div#devskin12199541 .news-desk .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-news-desk_ffffff.svg); width:117px; } body div#devskin12199541 .news-desk.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-news-desk_7D8080.svg); width:117px; } body div#devskin12199541 .news-desk .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-news-desk_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .news-desk .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-news-desk_7D8080.svg); } } body div#devskin12199541 .collections .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-collections_ffffff.svg); width:138px; } body div#devskin12199541 .collections.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-collections_7D8080.svg); width:138px; } body div#devskin12199541 .collections .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-collections_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .collections .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-collections_7D8080.svg); } } body div#devskin12199541 .movie-reviews .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-movie-reviews_ffffff.svg); width:157px; } body div#devskin12199541 .movie-reviews.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-movie-reviews_7D8080.svg); width:157px; } body div#devskin12199541 .movie-reviews .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-movie-reviews_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .movie-reviews .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-movie-reviews_7D8080.svg); } } body div#devskin12199541 .reviews .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-reviews_ffffff.svg); width:157px; } body div#devskin12199541 .reviews.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-reviews_7D8080.svg); width:157px; } body div#devskin12199541 .reviews .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-reviews_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .reviews .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-reviews_7D8080.svg); } } body div#devskin12199541 .challenges .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-challenges_ffffff.svg); width:157px; } body div#devskin12199541 .challenges.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-challenges_7D8080.svg); width:157px; } body div#devskin12199541 .challenges .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-challenges_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .challenges .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-challenges_7D8080.svg); } } body div#devskin12199541 .cosplay .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-cosplay_FFFFFF.svg); width:157px; } body div#devskin12199541 .cosplay.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-cosplay_7D8080.svg); width:157px; } body div#devskin12199541 .cosplay .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-cosplay_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .cosplay .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-cosplay_7D8080.svg); } } body div#devskin12199541 .fanart .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-fanart_FFFFFF.svg); width:157px; } body div#devskin12199541 .fanart.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-fanart_7D8080.svg); width:157px; } body div#devskin12199541 .fanart .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-fanart_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .fanart .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-fanart_7D8080.svg); } } body div#devskin12199541 .dart .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-dart_ffffff.svg); width:54px; } body div#devskin12199541 .dart.compact .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-dart_7D8080.svg); width:54px; } body div#devskin12199541 .dart .links a.title:hover { background-image:url(https://www.da-files.com/artnetwork/default/title-dart_05CC47.svg)!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 .dart .links a.title { background-image:url(https://www.da-files.com/artnetwork/default/title-dart_7D8080.svg); } } body div#devskin12199541 .essay { position:relative; } body div#devskin12199541 .essay p em, body div#devskin12199541 .essay p strong { color:#000; } body div#devskin12199541 .essay .notice { padding:30px; background:#eee; border:1px solid #ddd; margin-bottom:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin12199541 .essay .notice p { color:#1F3833; } body div#devskin12199541 .essay .notice a { color:#34807A; } body div#devskin12199541 .essay .notice p:last-of-type { margin-bottom:0; } body div#devskin12199541 .essay .notice.teal { background:#D4F5F2; border-color:#cae8e6; } body div#devskin12199541 .essay .notice.teal p, body div#devskin12199541 .essay .notice.teal p.large { color:#1F3833; } body div#devskin12199541 .essay .notice.green { background:#D4F5DE; border-color:#cae8e6; } body div#devskin12199541 .essay .notice.green p { color:#1f3626; } body div#devskin12199541 .essay .image.left { float:left; max-width:40%; margin:0 30px 15px 0; } body div#devskin12199541 .essay .image.right { float:right; max-width:40%; margin:0 0 15px 30px; } body div#devskin12199541 .essay .image.left.mw-20, body div#devskin12199541 .essay .image.right.mw-20 { max-width:20%; } body div#devskin12199541 .essay .image.left.mw-30, body div#devskin12199541 .essay .image.right.mw-30 { max-width:30%; } body div#devskin12199541 iframe.daembed { margin-bottom:30px; width:100%; } body div#devskin12199541 .image iframe.daembed { margin-bottom:0; } body div#devskin12199541 .image.mini iframe.daembed { height:35px!important; } body div#devskin12199541 .essay .col_2 iframe.daembed { height:84px; } body div#devskin12199541 .essay .col_3 iframe.daembed { height:135px; } body div#devskin12199541 .essay .col_4 iframe.daembed { height:186px; } body div#devskin12199541 .essay .col_5 iframe.daembed { height:236px; } body div#devskin12199541 .essay .col_6 iframe.daembed { height:287px; } body div#devskin12199541 .essay .col_7 iframe.daembed { height:338px; } body div#devskin12199541 .essay .col_8 iframe.daembed { height:388px; } body div#devskin12199541 .essay .col_9 iframe.daembed { height:439px; } body div#devskin12199541 .essay .col_10 iframe.daembed { height:489px; } body div#devskin12199541 .essay .col_11 iframe.daembed { height:540px; } body div#devskin12199541 .essay .col_12 iframe.daembed { height:591px; } @media only screen and (max-width: 1023px) { body div#devskin12199541 .essay iframe.daembed { height:305px!important; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay iframe.daembed { height:236px!important; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay .after_1, body div#devskin12199541 .essay .after_10, body div#devskin12199541 .essay .after_11, body div#devskin12199541 .essay .after_2, body div#devskin12199541 .essay .after_3, body div#devskin12199541 .essay .after_4, body div#devskin12199541 .essay .after_5, body div#devskin12199541 .essay .after_6, body div#devskin12199541 .essay .after_7, body div#devskin12199541 .essay .after_8, body div#devskin12199541 .essay .after_9, body div#devskin12199541 .essay .before_1, body div#devskin12199541 .essay .before_10, body div#devskin12199541 .essay .before_11, body div#devskin12199541 .essay .before_2, body div#devskin12199541 .essay .before_3, body div#devskin12199541 .essay .before_4, body div#devskin12199541 .essay .before_5, body div#devskin12199541 .essay .before_6, body div#devskin12199541 .essay .before_7, body div#devskin12199541 .essay .before_8, body div#devskin12199541 .essay .before_9 { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay div[class*=col]:not(.no-format) { width:100%!important; float:none; height:auto; display:block; padding:0; margin-left:0!important; margin-right:0!important; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay div[class*=col]:not(.no-format) .credit>a { display:none!important; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay div[class*=col] .image .credit { background:0 0; position:relative; padding:5px 0 0; bottom:0; left:0; right:0; text-align:center; z-index:1; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay div[class*=col] .image .credit a { border:none; margin:0; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay div[class*=col] .image .credit>a, body div#devskin12199541 .essay div[class*=col]:not(.no-format) .image .credit.detach::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay * { border-color:#eee; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay .image.left { margin:0 15px 15px 0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay .image.right { margin:0 0 15px 15px; } } body div#devskin12199541 .gallery { position:relative; } body div#devskin12199541 .gallery .credit { color:#7D8080; } body div#devskin12199541 .gallery .image { text-align:center; } @media only screen and (max-width: 767px) { body div#devskin12199541 .gallery .wrap:last-of-type { padding-bottom:1.3888%!important; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .gallery div[class*=col] { margin-bottom:2.776%; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .gallery .image { margin-bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .gallery .credit, body div#devskin12199541 .gallery .image .credit { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .gallery .wrap { max-width:none; padding:0 1.3888%!important; } } body div#devskin12199541 .image { margin:0 0 30px; text-align:center; position:relative; z-index:2; } body div#devskin12199541 .image img { display:inline-block; vertical-align:bottom; max-width:100%; width:100%; height:auto; } body div#devskin12199541 .image img[src$=jpg] { box-shadow:0 10px 100px rgba(0,0,0,.07); -moz-box-shadow:0 10px 100px rgba(0,0,0,.07); -webkit-box-shadow:0 10px 100px rgba(0,0,0,.07); } body div#devskin12199541 .image>a { position:relative; display:block; z-index:1; } body div#devskin12199541 .image a:hover { color:#40CEC6!important; } body div#devskin12199541 .image .credit { position:absolute; padding:20px 0; bottom:0; left:30px; right:30px; color:#fff; text-transform:uppercase; font-weight:700; font-size:12px; line-height:16px; text-align:left; z-index:1; } body div#devskin12199541 .image:hover .credit { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin12199541 .image .credit::before { content:''; background:rgba(0,0,0,0); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%); position:absolute; padding:20px 0; top:0; bottom:0; left:-30px; right:-30px; color:#FFF; font-size:12px; line-height:18px; text-align:left; z-index:-1; } body div#devskin12199541 .image .credit.invert::before { background:rgb(255, 255, 255); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 80%); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 80%); background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 80%); } body div#devskin12199541 .image .credit>a { border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:8px; margin-bottom:6px; display:block; color:#f2f2f2; text-transform:uppercase; font-weight:700; text-decoration:none; } body div#devskin12199541 .image .credit.invert>a { color:#181A1B; border-color:rgba(0,0,0,.1); } body div#devskin12199541 .image .credit em { font-style:normal; font-weight:400; text-transform:none; display:block; color:#7D7F7F; line-height:12px; } body div#devskin12199541 .image .credit em a { color:inherit; font:inherit!important; } body div#devskin12199541 .col_2 .image .credit, body div#devskin12199541 .image .credit.detach { background:0 0; position:relative; padding:8px 0 0; bottom:0; left:0; right:0; text-align:center; font-size:11px; z-index:1; color:#181A1B; } body div#devskin12199541 .col_2 .image .credit>a, body div#devskin12199541 .image .credit.detach>a { border:none; margin:0; padding:0; color:#000; } body div#devskin12199541 .col_2 .image .credit::before, body div#devskin12199541 .image .credit.detach::before { display:none; } body div#devskin12199541 .gallery .col_2 .image .credit>a, body div#devskin12199541 .gallery .image .credit.detach>a { color:#7D8080; } body div#devskin12199541 .gallery .col_2 .image .credit>em, body div#devskin12199541 .gallery .image .credit.detach>em { color:#4F5254; } @media only screen and (max-width: 767px) { body div#devskin12199541 .image { padding:0; top:0; right:0; bottom:0; left:0; max-width:100%; width:100%; float:none; margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .col_2 .image .credit, body div#devskin12199541 .image .credit { position:absolute; overflow:hidden; background:rgba(0,0,0,0); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 80%); background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 80%); background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 80%); padding:20px 4% 8px; bottom:0; left:0; right:0; color:#FFF; text-align:left; z-index:1; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .image .credit.detach { margin-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .image .credit.invert { background:rgb(255, 255, 255); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 80%); background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 80%); background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 80%); } } @media only screen and (max-width: 767px) { body div#devskin12199541 .image .credit::before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .image .credit a { padding:0 0 2px; margin:0 0 1px; font-size:11px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .col_2 .image .credit>a { display:block; color:#fff; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .image .credit em { font-family:Arial,sans-serif; font-size:9px; line-height:12px; display:block; margin:0; padding:0; } } body div#devskin12199541 .sidebar { font-size:12px; line-height:16px; padding-left:15px; padding-right:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin12199541 .sidebar h1, body div#devskin12199541 .sidebar h2, body div#devskin12199541 .sidebar h3, body div#devskin12199541 .sidebar h4, body div#devskin12199541 .sidebar h5 { font-size:16px; line-height:22px; padding:0 0 15px; margin:0 0 15px; } body div#devskin12199541 .sidebar blockquote { margin:0; padding:30px 0 0; border:none; color:#666; } body div#devskin12199541 .sidebar blockquote::before { content:''; position:absolute; top:0; left:0; width:16px; height:17px; background:url(https://www.da-files.com/artnetwork/default/icon-quote_open.svg?3) 0 0/16px auto no-repeat; } body div#devskin12199541 .sidebar blockquote::after { display:none; } body div#devskin12199541 .sidebar p { margin:0 0 15px; } body div#devskin12199541 .sidebar a.button { padding:10px; margin:0 0 6px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .essay .sidebar { display:none; } } body div#devskin12199541 .type span.shadow { padding:0 0 30px; margin:0 0 30px; display:block; text-align:left; background:0 0; position:relative; border-bottom:1px dotted #eee; max-width:200px; } body div#devskin12199541 .type:last-of-type span.shadow, body div#devskin12199541 .type:last-of-type span.shadow::after { border:none; background:0 0; } body div#devskin12199541 .type span.shadow::before { position:relative; top:3px; right:0; left:0; color:#7D8080; font:700 9px Arial,Sans-Serif; text-transform:uppercase; z-index:2; transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; } body div#devskin12199541 .type span.shadow::after { content:''; position:absolute; bottom:-1px; left:0; width:28px; height:1px; background:#05CC47; } body div#devskin12199541 .type.feature span.shadow::before { content:'Feature'; } body div#devskin12199541 .type.zeitgeist span.shadow::before { content:'Zeitgeist'; } body div#devskin12199541 .type.challenge span.shadow::before { content:'Challenge'; } body div#devskin12199541 .type.collection span.shadow::before { content:'Collection'; } body div#devskin12199541 .type.movie-reviews span.shadow::before { content:'Movie Review'; } body div#devskin12199541 .type.reviews span.shadow::before { content:'Review'; } body div#devskin12199541 .type.cosplay span.shadow::before { content:'Cosplay'; } body div#devskin12199541 .type.fanart span.shadow::before { content:'Fan Art'; } body div#devskin12199541 .type.news-desk span.shadow::before { content:'News Desk'; } body div#devskin12199541 .type.dart span.shadow::before { content:'DA Road Trip'; } body div#devskin12199541 span.shadow a.lit { display:block; position:relative!important; width:100%; height:auto; margin:0; padding:0; text-align:left; text-decoration:none!important; color:inherit; border:none; background:0 0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } body div#devskin12199541 a.lit img.lit { display:none; } body div#devskin12199541 a.lit span.wrap { width:100%!important; display:block; } body div#devskin12199541 a.lit q { min-height:0; padding:0; top:0!important; right:0; left:0; display:block; position:relative; line-height:0; font-size:0; text-indent:-9999em; font-family:Arial,Sans-serif; cursor:pointer; } body div#devskin12199541 a.lit q *, body div#devskin12199541 a.lit q::before { display:none; } body div#devskin12199541 a.lit q>strong:first-child { font:700 12px/18px Arial,sans-serif; text-indent:0; letter-spacing:normal; display:block; top:100%; left:0; right:0; margin:0; padding:3px 0 5px; overflow:hidden; z-index:1; transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; -ms-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; } body div#devskin12199541 a.lit:hover q>strong:first-child { color:#000; text-decoration:underline; } body div#devskin12199541 a.thumb.lit q img { width:100%; display:block; } body div#devskin12199541 .type a.thumb q img:not(:first-of-type), body div#devskin12199541 .type.list a.thumb.lit q img { display:none; } body div#devskin12199541 .type.list span.shadow-holder { display:block; } body div#devskin12199541 .type.list span.shadow { padding:0; margin:0 0 10px; max-width:none; } body div#devskin12199541 .gallery-thumbs { max-width:1500px; margin:0 auto; } body div#devskin12199541 .gallery-thumbs .image { display:inline-block; margin:15px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .gallery-thumbs .image { width:auto; margin:5px; } } body div#devskin12199541 .gallery-thumbs .image img { height:270px; width:auto; max-width:none; } @media only screen and (max-width: 767px) { body div#devskin12199541 .gallery-thumbs .image img { width:100%; height:auto; } } body div#devskin12199541 .gallery-thumbs .image .credit { transition:opacity .15s ease-in-out; -moz-transition:opacity .15s ease-in-out; -webkit-transition:opacity .15s ease-in-out; -ms-transition:opacity .15s ease-in-out; -o-transition:opacity .15s ease-in-out; opacity:0; filter:alpha(opacity=0); _zoom:1; display:none; } body div#devskin12199541 .gallery-thumbs .image:hover .credit { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin12199541 .readmore { display:none; } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore.sidebar { display:block; position:relative; border-top:1px solid #333; margin:0; padding:30px 0 0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type span.shadow-holder { display:block; float:left; width:100%; line-height:0; border-bottom:1px solid #333; margin:0 0 15px; padding:0 0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type:last-of-type span.shadow-holder { border:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type span.shadow { padding:0; margin:0; border:none; max-width:none; width:100%; float:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type span.shadow::before { position:absolute; top:5px; right:0; left:50%; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type span.shadow::after { position:absolute; left:0; bottom:-16px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type a.lit q { min-height:91px; padding:0 0 0 50%; top:0!important; right:0; left:0; display:block; position:relative; line-height:0; font-size:0; text-indent:-9999em; font-family:Arial,Sans-serif; cursor:pointer; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type a.lit span.wrap { width:100%!important; display:block; padding:0; max-width:none; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type a.lit q>strong:first-child { color:#7D8080; padding:0; overflow:visible; text-align:left; position:relative; top:20px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .readmore .type a.thumb.lit q img { width:46%; position:absolute!important; top:0; left:0; display:inline-block; } } body div#devskin12199541 .hide, body div#devskin12199541 .ogpreview { display:none; } body div#devskin12199541 * :target { color:#40CfC7; } @media only screen and (max-width: 767px) { body div#devskin12199541 .hide-mobile { display:none; } } body div#devskin12199541 .border-bottom, body div#devskin12199541 .sidebar .border-bottom { border-bottom:2px solid #eee; padding-bottom:5px; margin-bottom:30px; } body div#devskin12199541 .align-left { text-align:left; } body div#devskin12199541 .align-center { text-align:center; } body div#devskin12199541 .align-right { text-align:right; } body div#devskin12199541 .padding-t15 { padding-top:15px; } body div#devskin12199541 .padding-b15 { padding-bottom:15px; } body div#devskin12199541 .padding-t30 { padding-top:30px; } body div#devskin12199541 .padding-b30 { padding-bottom:30px; } body div#devskin12199541 .padding-t60 { padding-top:60px; } body div#devskin12199541 .padding-b60 { padding-bottom:60px; } body div#devskin12199541 .padding-t90 { padding-top:90px; } body div#devskin12199541 .padding-b90 { padding-bottom:90px; } body div#devskin12199541 .padding-t120 { padding-top:120px; } body div#devskin12199541 .padding-b120 { padding-bottom:120px; } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-t30 { padding-top:15px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-t60 { padding-top:30px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-t90 { padding-top:45px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-t120 { padding-top:60px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-b30 { padding-bottom:15px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-b60 { padding-bottom:30px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-b90 { padding-bottom:45px; } } @media only screen and (max-width: 1023px) { body div#devskin12199541 .padding-b120 { padding-bottom:60px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .padding-t60 { padding-top:15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .padding-t90 { padding-top:22.5px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .padding-t120 { padding-top:30px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .padding-b60 { padding-bottom:15px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .padding-b90 { padding-bottom:22.5px; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .padding-b120 { padding-bottom:30px; } } body div#devskin12199541 .padding-l30 { padding-left:30px; } body div#devskin12199541 .padding-r30 { padding-right:30px; } body div#devskin12199541 .padding-l60 { padding-left:60px; } body div#devskin12199541 .padding-r60 { padding-right:60px; } body div#devskin12199541 .padding-l90 { padding-left:90px; } body div#devskin12199541 .padding-r90 { padding-right:90px; } body div#devskin12199541 .padding-l120 { padding-left:120px; } body div#devskin12199541 .padding-r120 { padding-right:120px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .padding-l120, body div#devskin12199541 .padding-l30, body div#devskin12199541 .padding-l60, body div#devskin12199541 .padding-l90, body div#devskin12199541 .padding-r120, body div#devskin12199541 .padding-r30, body div#devskin12199541 .padding-r60, body div#devskin12199541 .padding-r90 { padding:0; } } body div#devskin12199541 * .margin-0 { margin:0!important; } body div#devskin12199541 * .padding-0 { padding:0!important; } body div#devskin12199541 * .inline { display:inline!important; } body div#devskin12199541 * .inline-block { display:inline-block!important; } body div#devskin12199541 * .border-0 { border:none!important; } body div#devskin12199541 * .border-t0 { border-top:none!important; } body div#devskin12199541 * .border-r0 { border-right:none!important; } body div#devskin12199541 * .border-b0 { border-bottom:none!important; } body div#devskin12199541 * .border-l0 { border-left:none!important; } @media only screen and (max-width: 767px) { body div#devskin12199541 * .text .margin-0 { margin:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 * .text .padding-0 { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 * .text .inline { display:inline; } } @media only screen and (max-width: 767px) { body div#devskin12199541 * .text .inline-block { display:inline-block; } } @media only screen and (max-width: 767px) { body div#devskin12199541 * .text .border-0 { border:none; } } body div#devskin12199541 * .dark .green, body div#devskin12199541 * .green, body div#devskin12199541 * .text .dark .green, body div#devskin12199541 * .text .green { color:#05CC47; } body div#devskin12199541 * .dark .teal, body div#devskin12199541 * .teal, body div#devskin12199541 * .text .dark .teal, body div#devskin12199541 * .text .teal { color:#40CfC7; } body div#devskin12199541 * .dark .orange, body div#devskin12199541 * .orange, body div#devskin12199541 * .text .dark .orange, body div#devskin12199541 * .text .orange { color:#F7590A; } body div#devskin12199541 * .gray, body div#devskin12199541 * .text .gray { color:#4F5254; } body div#devskin12199541 * .dark .gray, body div#devskin12199541 * .text .dark .gray { color:#7D8080; } body div#devskin12199541 * .dark .white, body div#devskin12199541 * .text .dark .white, body div#devskin12199541 * .text .white, body div#devskin12199541 * .white { color:#fff; } body div#devskin12199541 * a.button { font-size:.777em; text-transform:uppercase; display:inline-block; position:relative; padding:10px 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #05CC47; margin:0 0 30px; text-decoration:none; background:#05CC47; color:#FFF; transition:all .1s ease-in-out; -moz-transition:all .1s ease-in-out; -webkit-transition:all .1s ease-in-out; -ms-transition:all .1s ease-in-out; -o-transition:all .1s ease-in-out; } body div#devskin12199541 * a.button:hover { background:0 0; color:#05cc47; } body div#devskin12199541 * a.button.teal { border-color:#40CfC7; background:#40CfC7; color:#fff; } body div#devskin12199541 * a.button.teal:hover { background:0 0; color:#40CfC7; } @media only screen and (max-width: 767px) { body div#devskin12199541 * a.button { margin-bottom:15px; } } body div#devskin12199541 .table { margin:0 0 30px; width:100%; display:table; border-collapse:collapse; } body div#devskin12199541 .row { display:table-row; background:#f2f2f2; } body div#devskin12199541 .row:nth-of-type(odd) { background:#e9e9e9; } body div#devskin12199541 .row.bg-white { background-color:#fff; } body div#devskin12199541 .row.green { background:#05CC47; color:#fff; } body div#devskin12199541 .row.green * { color:#fff; } body div#devskin12199541 .row.teal { background:#40CfC7; color:#fff; } body div#devskin12199541 .row.teal * { color:#fff; } body div#devskin12199541 .row.orange { background:#F7590A; color:#fff; } body div#devskin12199541 .row.orange * { color:#fff; } body div#devskin12199541 .cell { padding:6px 12px; display:table-cell; border:1px solid #ddd; vertical-align:middle; } @media only screen and (max-width: 767px) { body div#devskin12199541 .table { font-size:.77em; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .cell { padding:3px 6px; } } body div#devskin12199541 .guide.right { border-right:1px solid #eee; padding-right:60px; } body div#devskin12199541 .guide.left { border-left:1px solid #eee; padding-left:60px; } @media only screen and (max-width: 767px) { body div#devskin12199541 .guide.left, body div#devskin12199541 .guide.right { border:none; padding-left:0; padding-right:0; } } body div#devskin12199541 .entry:last-of-type .padding-b60.padding-t30.clear { display:none; } body div#devskin12199541 .dark { position:relative; background:#181A1B; color:#f2f2f2; } body div#devskin12199541 .dark.dark-pattern { background:url(https://www.da-files.com/artnetwork/default/bg-pattern-black.gif) 0 2px/32px auto; } body div#devskin12199541 .black h1, body div#devskin12199541 .black h2, body div#devskin12199541 .black h3, body div#devskin12199541 .black h4, body div#devskin12199541 .dark h1, body div#devskin12199541 .dark h2, body div#devskin12199541 .dark h3, body div#devskin12199541 .dark h4 { color:#fff; border-color:#333; } body div#devskin12199541 .dark h1::before, body div#devskin12199541 .dark h2::before, body div#devskin12199541 .dark h3::before, body div#devskin12199541 .dark h4::before { color:#333; } body div#devskin12199541 .dark a, body div#devskin12199541 .dark li a, body div#devskin12199541 .dark p a, body div#devskin12199541 .dark span[class*=user] a:hover { color:#40CfC7; text-decoration:underline; } body div#devskin12199541 .dark div a:hover, body div#devskin12199541 .dark li a:hover, body div#devskin12199541 .dark p a:hover { color:#D4F5F2; } body div#devskin12199541 .dark ol li p, body div#devskin12199541 .dark ol li span, body div#devskin12199541 .dark ul li p, body div#devskin12199541 .dark ul li span, body div#devskin12199541 .dark.essay p em, body div#devskin12199541 .dark.essay p strong { color:#fff; } body div#devskin12199541 .dark blockquote::before { background-color:#181A1B; } body div#devskin12199541 .dark blockquote { border-color:#05CC47; } @media only screen and (max-width: 767px) { body div#devskin12199541 .dark blockquote { margin-bottom:0; margin-top:0; } } body div#devskin12199541 .dark .dashed>hr:first-child, body div#devskin12199541 .dark .dotted>hr:first-child, body div#devskin12199541 .dark .guide.left, body div#devskin12199541 .dark .guide.right, body div#devskin12199541 .dark .header .copy h1, body div#devskin12199541 .dark .header .copy h1::after, body div#devskin12199541 .dark .links, body div#devskin12199541 .dark .widgets, body div#devskin12199541 .dark .widgets .social, body div#devskin12199541 .dark hr, body div#devskin12199541 .dark ol li, body div#devskin12199541 .dark span.shadow, body div#devskin12199541 .dark ul li, body div#devskin12199541 .dark.compact .header .metadata>div, body div#devskin12199541 .dark.compact .links::after, body div#devskin12199541 .dark.compact .links::before { border-color:#333; } body div#devskin12199541 .dark .widgets .social .slide { background-color:#181A1B; } @media only screen and (max-width: 767px) { body div#devskin12199541 .dark .compact .header, body div#devskin12199541 .dark .header { background:#181A1B; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .dark .compact .header .copy h1, body div#devskin12199541 .dark .header .copy h1 { color:#fff; border-color:#333; } } body div#devskin12199541 .dark .header .metadata a { color:#fff; } body div#devskin12199541 .dark .header .metadata a:hover { color:#40CfC7; } body div#devskin12199541 .dark.compact .header .metadata div a { color:#7D8080; } body div#devskin12199541 .dark.compact .header .metadata div a:hover { color:#40CfC7; } @media only screen and (max-width: 767px) { body div#devskin12199541 .dark .header .metadata div a { color:#7D8080; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .dark .header .metadata div a:hover { color:#40CfC7; } } body div#devskin12199541 .dark>hr:first-child { height:100px; width:100%; background:url(https://www.da-files.com/artnetwork/default/bg-pattern-black.gif) 0 2px/32px auto; border-bottom:1px solid #05CC47; z-index:1; } body div#devskin12199541 .dark.teal>hr:first-child { border-color:#40CfC7; } @media only screen and (max-width: 767px) { body div#devskin12199541 .dark>hr:first-child { height:63px; background-position:0 2px; background-size:27px auto; } } body div#devskin12199541 .dark.compact .links a.archive { color:#7D8080; } body div#devskin12199541 .dark .header .background::after { background-image:url(https://www.da-files.com/artnetwork/default/ui-container-shape_br-181A1B.svg); } body div#devskin12199541 .dark .essay p em, body div#devskin12199541 .dark .essay p strong, body div#devskin12199541 .dark span.dropcaps { color:#fff; } body div#devskin12199541 .dark .essay p:not(.large) { color:#ccc; } body div#devskin12199541 .dark .border-bottom, body div#devskin12199541 .dark .sidebar .border-bottom { border-color:#4F5254; } body div#devskin12199541 .dark .essay .notice, body div#devskin12199541 .dark.notice { background:#000; border:1px solid #333; } body div#devskin12199541 .dark .essay .notice p, body div#devskin12199541 .dark.notice p { color:#ccc; } body div#devskin12199541 .dark .essay .notice.teal, body div#devskin12199541 .dark.notice.teal { background:#1F3833; border-color:#26453f; } body div#devskin12199541 .dark .essay .notice.teal p, body div#devskin12199541 .dark .essay .notice.teal p.large, body div#devskin12199541 .dark.notice.teal p, body div#devskin12199541 .dark.notice.teal p.large { color:#d4f5f2; } body div#devskin12199541 .dark .essay .notice.green, body div#devskin12199541 .dark.notice.green { background:#1F3626; border-color:#26422e; } body div#devskin12199541 .dark .essay .notice.green p, body div#devskin12199541 .dark.notice.green p { color:#D4F5DE; } body div#devskin12199541 .dark a.lit q>strong:first-child { color:#7D8080; } body div#devskin12199541 .dark * a.lit:hover q>strong:first-child { color:#40CfC7; text-decoration:none; } body div#devskin12199541 .dark .image .credit.detach>a { color:#7D8080; } body div#devskin12199541 .dark * a.button { color:#FFF; text-decoration:none; } body div#devskin12199541 .dark * a.button:hover { background:0 0; color:#fff; } body div#devskin12199541 .dark * a.button.teal { border-color:#40CfC7; background:#40CfC7; color:#fff; } body div#devskin12199541 .dark * a.button.teal:hover { background:0 0; color:#fff; } body div#devskin12199541 .dark .table * { color:#fff; } body div#devskin12199541 .dark .table .cell { border-color:#333; } body div#devskin12199541 .dark .row { display:table-row; background:#111; } body div#devskin12199541 .dark .row:nth-of-type(odd) { background:#222; } body div#devskin12199541 .dark .row.green { background:#05CC47; color:#fff; } body div#devskin12199541 .dark .row.teal { background:#40CfC7; color:#fff; } body div#devskin12199541 .dark .row.orange { background:#F7590A; color:#fff; } body div#devskin12199541 .black { background:#000; color:#f2f2f2; } body div#devskin12199541 .light { background:#fff; color:#181A1B; } body div#devskin12199541 .light>hr:first-child { height:90px; width:100%; background:url(https://www.da-files.com/artnetwork/default/bg-pattern-white.gif) 0 0/16px auto; border-top:1px solid #eee; border-bottom:1px solid #eee; z-index:1; } body div#devskin12199541 .light.light-pattern { background:url(https://www.da-files.com/artnetwork/default/bg-pattern-light.gif) 0 2px/32px auto; } body div#devskin12199541 .questions { padding:0; position:relative; } @media only screen and (max-width: 767px) { body div#devskin12199541 .questions div[class*=col]:not(.no-format) { width:100%!important; float:none; height:auto; display:block; padding:0; margin-left:0!important; margin-right:0!important; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .questions div[class*=col]:not(.no-format) .credit>a { display:none!important; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .questions div[class*=col]:not(.no-format) .image .credit { background:0 0; position:relative; padding:5px 0 0; bottom:0; left:0; right:0; text-align:center; z-index:1; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .questions div[class*=col]:not(.no-format) .image .credit a { border:none; margin:0; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12199541 .questions div[class*=col]:not(.no-format) .image .credit.detach::before { display:none; } } body div#devskin12199541 .bottom { border-top:1px solid #333; background:#181A1B; margin:0; padding:40px 30px; z-index:2; max-height:140px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin12199541 .bottom a.commentslink { color:#4F5254; text-transform:uppercase; font:700 12px/18px Arial,Sans-serif; display:inline-block; text-decoration:none; position:relative; padding:0; margin:0; transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; } body div#devskin12199541 .bottom a.commentslink:hover { color:#40CEC6; } @media only screen and (max-width: 767px) { body div#devskin12199541 .bottom, body div#devskin12199541 .gr-body .bottom .prevlink { display:none; } } body div#devskin12199541 .header .background::after { background-position:bottom right!important; }





Archive





Beginnings of Site Simplification



Heidi



BoxTail
Hostess







 

 


It’s no secret that DeviantArt is a complicated site.  Have you ever invited a friend to DeviantArt, only to have them ask a bunch of questions about how to get started?  Or have you ever spoken with a fellow deviant about a feature you use daily, only to learn they didn't know that feature existed?  It’s our aim to make a new deviant's first experience as inspiring and welcoming as those who have made this community their home.  We’ve spent a lot of time thinking about how to make DeviantArt a simplified and unified experience and, as mentioned in the DeviantArt Timeline, today we are announcing the beginnings of a site simplification process.

In the coming weeks and months, DeviantArt will begin to make changes to the way things are named and where they appear.  Each of these decisions is informed by analysis of real member behavior for both logged-in and logged-out deviants.  Our goal is to present experiences we all love at DeviantArt more clearly and reduce instances of confusion that contribute to complexity.  Ultimately, this should improve participation from everybody — adding more favourites, comments, and deviousness to the site as a whole.

Cleaning Up Naming

A while back, we asked the community about collections usage.  In response, we heard things like, “Collections?  Do you mean the folders in our galleries?” and “Do you mean the journals where people feature a collection of artwork?”  These are perfect examples around how the naming conventions on DeviantArt — the names we’ve given products and features — need work.

DeviantArt has been around for 15 years.  As mentioned, the site is admittedly complicated and there are many terms, often with multiple meanings, that deviants need to learn as a member.  When we designed the DeviantArt Mobile App, we were able to essentially start from scratch and focus on keeping things simple.  Now it’s time to bring that same mentality to the desktop site by removing complications and consolidating site terminology.

We’ll provide explicit details soon, but here are some examples of how we might change terms used on the site’s navigation:


  • Favourites, “Collections”, the “featured” folder in your favourites, and +fave could become: favourites
  • Gallery, deviations, art, and artwork could become: deviations
  • Watch, watchlist, deviantWATCH, and +watch could become: watch
  • Messages, notifications, notices, hot topics, and inbox could become: notifications

  • Members, deviants, users, and visitors could become: deviants


Navigation Design: Tier One

When looking at our existing navigation, emphasis is placed on search, shop, and DeviantArt’s home/browse.  However, we know that deviants prefer to visit their messages, profile, and so on. 

Let's take a look at the site's most used features and functions, and see how they can be translated into a new, easier to use navigation.


(Please note: This is just a representation for how the new site navigation could be structured. It is not meant to be a design nor does it use real colors. For now, we're only focusing on the placement of DeviantArt's core features.)
 
In the new header arrangement above, the logo would bring you to your watch, notifications (messages) are represented by the number “264” (not necessarily consolidated into one number), Notes are represented by “8”, search, and explore come afterwards, but are still at the top.

We plan on splitting Messages into three distinct components:

  • Watch, which is currently the “deviantWATCH” section of your messages, is content submitted by the people you watch. Since deviantWATCH is vital to community health and we want to optimize this experience for the consumption of deviations by deviants you +Watch.

  • Notifications will replace what is currently the “feedback” section of messages. In the future, this will be a more powerful experience than what it is today. Based on community feedback, using Messages can often feel like a chore.  We’ve also heard that deviants avoid checking their Messages because of how cluttered everything can become, so our aim is to make notifications smarter and easier to manage.

  • Notes. We have exciting plans for notes.  In the near future, we’ll be bringing them to our Mobile App and, a little further out, we’ll be transitioning them to a more chat-like system.


Search and explore also appear on the top navigation:

  • Search will function similar to how it works today, with an improved design.

  • Explore, which is currently known as browse (and the front-page), will include What’s Hot, Daily Deviations, Today, etc.


Navigation Design: Tier Two

Below is a potential second level navigation:



Our watch system is the center of the DeviantArt experience for every deviant and we want to bring it to the homepage of DeviantArt.

The beauty of this design option for our home experience is that these elements can be mirrored on profiles and have the same experiences. If profile “tabs” and home/watch “tabs” were organized in the same manner, DeviantArt would be a lot easier for new people to use. Symmetry would make DeviantArt intuitive. Today, we’re suffering under the load of features and naming conventions that create a giant cloud of confusion.


We want to streamline DeviantArt’s naming conventions, so that we can present a profile featuring exactly what you are then able to watch: deviations, deviants, favourites, journals, and commissions.

Changes in naming and updates to the interface in this direction will not happen all at once, but will instead roll out over time. Small changes may begin happening as soon as next week.











Share Your Thoughts

As DeviantArt grows, we strive to find more ways to connect you with the things and people that matter to you most, but we're becoming more and more cognizant of wanting to simplify the process — so that we can bring you the best experience and do it well.

  • How will these types of changes impact your experience at DeviantArt?  

  • What other things can we unify or simplify?

  • Which site terms/names do you find confusing?  Which took you a while to understand? 
  • Post a status update about Timeline!










Related content
Comments: 5931

sydneygremlins [2018-12-25 05:34:08 +0000 UTC]

wow well... nobody has found this. 2019, anyone? lol

👍: 0 ⏩: 0

shadhardblogger [2016-08-26 14:47:20 +0000 UTC]

I'm still waiting for the simplification to show up.

👍: 0 ⏩: 1

The-Kodo In reply to shadhardblogger [2016-09-06 04:52:08 +0000 UTC]

same

👍: 0 ⏩: 1

shadhardblogger In reply to The-Kodo [2016-09-23 20:23:34 +0000 UTC]

👍: 0 ⏩: 0

That-Tiny-Rii [2016-06-25 23:07:13 +0000 UTC]

Interesting, no comment since 18.11.2015

👍: 0 ⏩: 0

LumeraLightstar [2015-11-18 12:48:34 +0000 UTC]

No change please I like it the way it is. If you simplify DA all of the stuff that makes it DA goes away

👍: 0 ⏩: 0

CraftyMaelyss [2015-11-18 06:40:54 +0000 UTC]

Hang on, everyone look at the date.

This was an old submission from May 21st. 
The idea must have been rejected if the website is still the same.

👍: 0 ⏩: 0

Truewolfwarriors [2015-11-18 04:26:11 +0000 UTC]

I didn't even read half of this journal, but I can tell that is update is HORRIBLE. Just...oh my god, what are you people thinking?! The diagrams shown on how the new update would look are horrible and honestly, they don't look nice. Listen to the members that are on DA and unless you want people leaving the site, keep DA the way it is.

👍: 0 ⏩: 0

CraftyMaelyss [2015-11-18 04:05:06 +0000 UTC]

I think it's about time you actually listen to the DeviantArt Community for once. We DON'T want this change and instead of forcing these changes on us with no consideration for us, the USERS, why not create an actual poll about this?

This way WE actually get a say in the matter unlike with the webcam removal feature that you made available only to paying members.

With each new update you keep changing this website without listening to our feedback and you keep removing the features that were once available to all members and making them core exclusive after upping the price on that.

The more changes like this you do, the more you're making this website less user friendly so instead of assuming things, why not actually TALK to the community? 

With how you're going, you're going to drive away non paying members from this website and I am extremely disappointed in your lack of consideration for the community's feedback that has been ignored.

👍: 0 ⏩: 0

NotDIESEL [2015-11-18 00:57:42 +0000 UTC]

I can't believe it. What about all of the time I spent organizing my favorites?

👍: 0 ⏩: 0

Homerboy4 [2015-11-17 18:25:22 +0000 UTC]

To me, this current layout doesn't look complicated much.  This new layout is pretty much the mobile app layout converted to the desktop with minor edits, but that's just it.  Renaming the stuff feels COD-like however...
I'd rather go Tier 1 for now, since Tier 2's looks a tad off from a lazy glance.

To the "stupid" group of users: Stop whining like a bunch of neophobic Layout Change Babies.  Simplicity =/= Less "fun".  Stupid group = SOME of the users, don't be like them and READ.
To Admins: At least have SOME way of listening to the community BEFORE you do something out of the blue, mmkay?  FUN FACT: There ARE people who have actual opinions, check the length and how considerate they word their ideas.

👍: 0 ⏩: 0

KuranaMinamino [2015-11-17 15:26:03 +0000 UTC]

I'd rather things stay as they are honestly. DeviantART is easy enough to use now and everything works out perfectly fine without an, in my opinion, unneeded simplification. Changing the notes to a chat box will just make things harder for those who use DeviantART for art commissions. The way things are labeled and the way they are set out is perfectly fine for most users and from what I've seen.... no one wants such changes to happen.

👍: 0 ⏩: 0

Teslarossa [2015-11-07 18:53:15 +0000 UTC]

Fuck you.

👍: 0 ⏩: 0

Thomasthe747 [2015-10-16 00:03:44 +0000 UTC]

1. This would ruin my DeviantART experience

2. You don't need to simplify anything more then it is already (P.S. Breaking the message box into notifications, watch, and notes sounds like the opposite of simplification)

3. NONE, THEY ARE FINE AS THEY ARE!


Look, you admin need to start paying more attention to the DeviantART community and what we want. If you want to make the site easier to understand for new users, don't make the site "simpler" and more confusing for older users, try making a tutorial.

👍: 0 ⏩: 0

runningjet85 [2015-08-06 22:33:46 +0000 UTC]

Oooooo pretty colors

👍: 0 ⏩: 0

PeanutButterMochi [2015-08-06 19:32:22 +0000 UTC]

Nah, this looks confusing. Just keep it as it is

👍: 0 ⏩: 0

kuriidono [2015-08-03 20:28:49 +0000 UTC]

Honestly, I'm more confused on how to use devianart more than ever. The only update I've liked so far is the group deviations being seperate from the watch deviations.

👍: 0 ⏩: 0

BabyAbbieStar [2015-08-03 20:14:05 +0000 UTC]

Is the "Core Membership" thing supposed to be part of the so-called "site simplification"?

If it is, then I have something to say:
I think it contrasts too much with the normal deviant green color of this site. 
If you HAVE to change it, at least try to make it more of a dark green color, so that this bright orange doesn't kill our eyesight. I mean, the black symbols were okay before.

👍: 0 ⏩: 0

electricjonny [2015-07-23 10:09:14 +0000 UTC]

I have no idea if this will be seen, and I'll stress that this is only an opinion of a user here.  I am sure things are thought out internally and you aren't asking for ideas.

One major confusion aspect to this site is sta.sh.  Now I like the idea of sta.sh (you can create or upload all sorts of artwork/writing, and sort of have it as a "in the cloud" storage space), but the major problem is you're focusing on tying it to dA.  The confusing part?  It's a completely different domain.  I don't even know if people notice domains here, like when they click a menu option and are suddenly on a different site, but it seems to me that you would be much better off if all of the tie ins to sta.sh and how you submit artwork here were all on the deviantart.com domain.  Just make it deviantart.com/storage or something.

Many people don't even really know what sta.sh does.  It just seems to me, that you let people click on a "submit" button, let them submit their artwork and give them the option of submitting things now, or store them.  And having the color scheme of sta.sh vs deviantart.com being different just adds to the mess.



I'd like to see that cleared up.  Submitting things here should be the primary concern, and things are rather muddled right now.

👍: 0 ⏩: 0

IWriteWeirdStuff [2015-06-19 11:46:40 +0000 UTC]

When I first got deviantArt, it legit took me only 10 minutes to figure everything out. These 'simplifications' look kind of complicated tbh, and changing things more will only make people more confused. Overall, this seems like a bad idea \:!

👍: 0 ⏩: 0

HardlyAStory [2015-06-16 09:05:58 +0000 UTC]

Honestly, I liked the older version better for the simple fact that it was diverse from other sights. Like the comments below, don't change Da into Fb. It would ruin Da
for good. And please listen to them, It's about their experience.

👍: 0 ⏩: 0

IoveIiestIies [2015-06-16 04:01:13 +0000 UTC]

We already have a chat system though-
No need for the notes to become a chat-like system. What if someone goes to sleep and the other person you're talking with keeps replying with "Hello?" "Are you there?" and spamming your inbox?

👍: 0 ⏩: 0

Cleverpelt [2015-06-14 21:32:57 +0000 UTC]

Please tell me you're kidding. 

👍: 0 ⏩: 0

RoadTripDog [2015-06-12 13:53:11 +0000 UTC]

dA staff and the consultants have really mucked things up.
Obviously, your simplification = convoluted.
Calling it 'notifications' is so FB-like, is that why you're doing it? Because if dA is going to be like FB, that's a losing proposition. If we wanted FB, we would go there, but we don't want more FB-like in our dA.
Please fire the consultant.
I don't want my group inbox separated. That simplifies nothing.
When I go to see journals, why are deviations on top? If I want to see deviations I'll go directly there.
What you've done is NOT simplification, which was not needed anyway.
No, forget the please. FIRE THE DAMN CONSULTANT!
Or if it is a dA staffer pushing this crud, fire the staffer.
Stop fixing what was not broken.
I predict that like everything else done in the recent months, dA staff will ignore user comments and pretend like everybody loves this crap.
Get your heads out of the sand, take the user comments seriously.
We did not need simplification, especially when it makes things harder to use.
Being a premium member doesn't have any advantages, is that the current plan, to get rid of premium memberships?
Keep doing what you're doing and you will get rid of premium memberships.

👍: 0 ⏩: 0

hi---bye [2015-06-12 01:12:01 +0000 UTC]

tbh no one likes the simplifications

👍: 0 ⏩: 0

NeoSilverThorn [2015-06-11 23:06:54 +0000 UTC]

Look, I understand "simplification", but the bullshit you've done with the messages isn't.  I don't want my group deviations separated from the rest of the people I'm watching.  I don't want daily deviations in my inbox, I don't want fifty different goddamned catagories defining everything.

Either give me the option to set my messages up the way I want them to be set up, or change them back.  I don't care which.  But stop fixing the things that aren't broken.

👍: 0 ⏩: 0

Tytoquetra [2015-06-11 22:31:24 +0000 UTC]

I think these updates are making it more convoluted and ridiculous.
You're not Google+, you're not YouTube. This site was simple before. The new deviants can learn to use the site just like everyone else. You don't need to keep catering to them.
I don't know what possesses you to think that these are in any way efficient. 

👍: 0 ⏩: 0

serel [2015-06-09 07:36:27 +0000 UTC]

I don't have much of a problem with the different names of similar (or identical) things - probably because I got used to them - but I agree it might be helpful to be more consistent there.

Concerning notifications: I personally prefer having them at the top right, splitted up, so I can directly see if I have new comments/notes/journals etc. to read. I like it to the right because I find it easier to access than on the left side.

Accessing my watch through the logo is rather anti-intuitionally in my opinion. A logo should lead a front page of sort with easy access to the most important (general) areas. I rather like how it is now. However I would add a few more things like a direct link to the groups page or help desk.

The help desk/ customer service central/ status forum / suggestion forum by the way is rather hard to find and navigate.

At the end three more ideas I would love to see implemented:
- Sub folders in favourites: We already have them in our own gallery. Having them in our favourites too would be awesome. Here's a link to an existing post in the suggestion forum: support.deviantart.com/entries…

- Status Updates separated from watch feed: I love watching what other people added to their faves. I like using status updates for small notification or letting my watchers know about interesting topics without publishing a whole journal for it. However, I wonder how many people actually read them. I personally rarely see them because I don't want to browse hundrets of deviations if I just want to know if there's something new going on.

- An easy way to "remember" deviations without having to fave them, like browser bookmarks inside dA. This would be rather helpful for journal features. Right now I'm sending myself several notes a day to collect possible feature candidates.

👍: 0 ⏩: 0

AranySzirom [2015-06-08 06:18:56 +0000 UTC]

I think the site's logo should be a homepage button (like on other websites) and not a link to watches. Watches could be in the profile section.

👍: 0 ⏩: 0

mylittlebluesky [2015-06-07 13:49:27 +0000 UTC]

YES, deviantART needs a simplification! However, changing the term gallery or art to deviations doesn't seem for me a good idea, as many people outside deviantART isn't familiar with the terms deviation or deviant, so it would be confusing for them if they are visiting one artist's profile in order to find their work.

👍: 0 ⏩: 0

Crazy-Cat009 [2015-06-06 13:39:56 +0000 UTC]

The only thing I wish to have, is some kind of "Tag filter". I'm so sick of seing naked breasts and fetish art when I search for deviations of my favourite cartoon characters...

Making things simple does not actually mean "make them better". And especially this thing with "clicking on the logo brings you to your watchlist" sounds like a really stupid idea.....for me, the logo of a website always was a link to the main page, and especially newbies are going to be VERY confused at the first time.

👍: 0 ⏩: 1

yemto In reply to Crazy-Cat009 [2015-06-12 19:45:28 +0000 UTC]

I don't know if you are aware of this, but if you search on "jar" you can get some picture of jar jar binks, searching on "jar -binks" will remove all deviations with the title/tag "binks". But with that said, I wish there was some setting which included those remove tag keywords every time I search.

👍: 0 ⏩: 0

legendofspyrothedrag [2015-06-06 10:20:21 +0000 UTC]

OH HELL NO.
What kind of an idiot can't tell the difference between "Messages" AKA general stuff such as deviations, etc and "Notifications"? Really now?
No thanks. We do have a brain not-so-thank you very much.

👍: 0 ⏩: 1

hi---bye In reply to legendofspyrothedrag [2015-06-12 01:16:37 +0000 UTC]

 

👍: 0 ⏩: 0

vexnir [2015-06-04 10:17:32 +0000 UTC]

I like the idea of notes being more chat-like. It will definitely be easier just clicking a person's name and viewing the whole conversation instead of shuffling through hundreds of notes to find the right one. Honestly, it's a pain, and the conversation system would make this much easier.

👍: 0 ⏩: 0

Herobula [2015-06-04 03:25:06 +0000 UTC]

??????? Didn't you guys JUST change the site recently?

I usually don't comment these journals, but I personally think that the site doesn't need to change again so quickly. Not after half the community already got used to the previous change you made (Moving around the submit button and username and all...)

I think you guys should start listening to what the community thinks of the changes, because you will only get thousands of angry users if you just go through with this, just saying...

👍: 0 ⏩: 0

WritersMasquerade [2015-06-03 23:29:04 +0000 UTC]

I am really not digging this idea at all. Why does this need 'simplification', anyway? Just for the new Deviants? Why can't they learn? It's true that things could be named better, but there is absolutely no need to change the entire site format! I, among other people, were quite able to pick up on just about everything this site had in less than three or four days. It's that simple already. This site does. not. need. any. more. simplification. The site is just fine how it is. Just leave it alone.
Why don't you just listen to us for a change?

👍: 0 ⏩: 0

Username-91 [2015-06-03 12:51:39 +0000 UTC]

The more updates you create, the website more look like a clone of FB or Twitter.

👍: 0 ⏩: 0

otaku4242 [2015-06-02 17:35:40 +0000 UTC]

The more and more updates that come along, the more I hate them.

👍: 0 ⏩: 2

legendofspyrothedrag In reply to otaku4242 [2015-06-06 10:22:06 +0000 UTC]

*ahem*
The more dA's brainless staff changes stuff in this already-ruined site, the more I stay away from here.
*drops mic*

:/ This is getting annoying. Seeing the first site I made an account here gets ripped apart by the so-called "staff". Smh.

👍: 0 ⏩: 0

Xigbar-Kun In reply to otaku4242 [2015-06-02 18:11:41 +0000 UTC]

Same here.

👍: 0 ⏩: 0

DregonGamer23 [2015-06-02 17:08:13 +0000 UTC]

i dont like it. I like old more

👍: 0 ⏩: 1

Xigbar-Kun In reply to DregonGamer23 [2015-06-02 18:11:32 +0000 UTC]

Im with you.

👍: 0 ⏩: 0

TamarazArtz [2015-06-02 15:18:38 +0000 UTC]

I just read yr article so glad yr going to help viewers like me! I'm having problems downloading? Every time I try to download I have to open up we♡it add the pic from Devient to we♡it then close Deviant open up we♡it then download the pic?! Good Grief I'm exhausted LOL
I LUV most of yr Artist! This site is #1 for Art & info
Sincerely TamarazArtz ~.~

👍: 0 ⏩: 0

Xigbar-Kun [2015-06-02 10:45:37 +0000 UTC]

There is NO NEED TO SIMPLIFY DA!!
People new to the website need time to get used to it, not fucking home run the second they get here.

DA's old format was MUCH better than this one (kinda, the only up to the new format is that you can favourite and comment on deviations without clicking on them but eh)

Let me just rant a bit:
Messages (which is now Notifications) was the place I frequented most. Now, I feel somewhat different when I click on "Notifications".. It seems too serious, not for checking fun comments, or looking at some cool deviations your favourite artists post. Not to vote on polls with a happy face and read journals in interest. Ever since I noticed "Notifications", I felt kinda different everytime I pressed it to check the stuff it had for me.

As well as that, theyre changing the website with a simple snap of their fingers, instead of ACTUALLY listening to the community!!
Fucking hell, I might as well shut down my account if DA changes drastically, especially towards the leaning of "simplification".
Fuck simplification! Why do we need such bullshit!
What if a deviant, who had his account up for nine years, not going dead at any time, saw the site being simplified with a fuckton of useless and horrid updates?
Personally, I don't know. That person might as well rage, since I would, even though I had my account for only 8 months. Eight months was a long time, to be honest. On September, when I joined DA, it had a different icon, and I loved the idea. Now its railroad tracks. The fuck? Deviantart's initials are DA, not ZX!
I swear to god,  the saw that journal thingie for site simplification I seriously got so pissed off. Why the fuck do they need a site simplification for?? New users?? They can simply catch onto stuff easily within the first two weeks, discovering almost everything the site has to offer. What I would like for this site? To have an alternative of the older formats, the older styles, and the modern version being this. Where we can simply login into the other site and have all our info and profile set up, with all our watchers still intact (if they join THAT site as well, of course). As well as that, the older versions will have what they had previously. In my opinion, some, or most users would prefer this system (the one that I just stated) to the current one. I know I would.

👍: 0 ⏩: 2

legendofspyrothedrag In reply to Xigbar-Kun [2015-06-06 10:26:08 +0000 UTC]



I already stopped coming here. GTAForums.com, a fan-made site, is WAY better than this clusterfuck (yes you heard me spyed . A Cluster-Fuck.) and the admins are actually doing their jobs and listen to the community. Here its the exact opposite.

👍: 0 ⏩: 0

ToddNTheShiningSword In reply to Xigbar-Kun [2015-06-02 15:34:21 +0000 UTC]

I think it's great whenever any website lets users who liked the old format stick with the old format, or make the new one only apply to new users, but websites never seem to do that... *sigh*. All of them- dA included- make site changes mandatory for your page, no matter how happy you were with how your page looked before.

I actually read your whole comment, but I doubt anyone else will.
And I hate the new logo also. was better.

👍: 0 ⏩: 1

Xigbar-Kun In reply to ToddNTheShiningSword [2015-06-02 18:09:59 +0000 UTC]

Thanks for reading my comment, even though I know no one else would.
I'm really tempted to make a site just about the old dA, (the old format) but I have no idea how to:
1. Create A Website
2. Get all The Previous Info (I have been here for only a simple eight months, so, heh)
3. Do any programming.

If only a new site was an option.
Im really frustrated and angry about this simplification process.
Its just, why?
Im pretty sure the majority of the community is AGAINST this idea.
About 5-15% of the community actually like the idea presented to us.
I mean, like, where did Fella go?
Havent seen him since early February!
Most likely, I haven't been lurching better parts of dA, but whatever.
I haven't really seen much art of Fella anymore.
The old format was better, as well as the old Fella. Next thing we know, he'll be replaced by some weird-looking, railroad track guy thing.
*Unnecessary Grumbling* 
dA is kinda getting more corrupt with this process; I remember people raging for an entire week, endlessly, night and day, about the new railroad icon for dA. Now, it'll be much more than that, im afraid.
dA staff should make a poll on whether the community wants the simplification or not, not just slap it on a journal, and say: "HEY! We got some unnecessary shit here! Let us just unload it without actually hearing your thoughts about it!"
Fuck this shit!
And to answer the questions about the "Share Your Thoughts" part, most of my thoughts are in my past two comments.
But, let me do it anyways:
1) What are my thoughts? I am 100% against site simplifying, but eh, how are we gonna stop it? What's done cannot be fucking undone, as it seems. The impact on me? I'd be tempted to just leave dA (then again, I have my Danganronpa comic, and have nowhere else to post it, as well as my other art, so id probably just rage for a week or two and rage some more)
2) NONE OF THEM.
3) I stand by answer to question two
4) I'd rather not.
Anyways, ill just ramble endlessly, even though nothing's going to change.
I just hate this process with a burning passion.
Ill be quiet for now.

👍: 0 ⏩: 3

yemto In reply to Xigbar-Kun [2015-06-12 20:01:13 +0000 UTC]

I think the most difficult thing to make a site like that is to get a server which can host all the images, flash objects, and animations.

👍: 0 ⏩: 0

ToddNTheShiningSword In reply to Xigbar-Kun [2015-06-03 08:22:23 +0000 UTC]

The hardest part about making a new dA would actually not be the programming. It's be getting people to go to it and participate!

Actually, I think way more than 15% of people would want this updating. Some of them just don't consciously realize it. I just hope it doesn't turn out ugly and f'ed up to go with the new logo.

The Fella hasn't gone anywhere. I've been on dA since 2010, and he appears only slightly less now than he did then. Everybody knows him, but dA's just not the site where people get too into the mascot, since they're artists with their own mascots often, practically. You'd see him more; people don't dislike him, but they don't respond much to him either... but they don't change him because people would probably hate that too much for it to be worth it. So I don't think there'll be a mascot change repeat like when they sorta changed to The Fella from dA "Pepper".

I suppose they just dump changes on people because the kinds of changes they want to make are often things that are highly effective at achieving goals, but not ones anyone would ask for. There's a lot of stuff that goes on to making people think certain things or feel certain ways, and none of that stuff works on a very conscious level, so no one would ask for that. But I don't want to start rambling. Hopefully this won't be as bad as when the notorious More Like This feature was implemented. THAT was so unpopular they HAD TO change it.

👍: 0 ⏩: 0


| Next =>