HOME | DD

Heidi — Profile Discussion
#deviantart #profile #ux #timeline #profilepage #deviantartupdate
Published: 2015-07-23 06:24:46 +0000 UTC; Views: 447424; Favourites: 954; Downloads: 0
Redirect to original
Description body div#devskin12351936 .color-white { color:#fff; } body div#devskin12351936 .color-primary-white { color:#F2F2F2; } body div#devskin12351936 .color-black { color:#000; } body div#devskin12351936 .color-primary-black { color:#181A1B; } body div#devskin12351936 .color-secondary-black { color:#242626; } body div#devskin12351936 .color-light-gray { color:#7D8080; } body div#devskin12351936 .color-dark-gray { color:#4F5254; } body div#devskin12351936 .color-teal-1 { color:#D4F5F2; } body div#devskin12351936 .color-teal-2 { color:#40CfC7; } body div#devskin12351936 .color-teal-3 { color:#34807A; } body div#devskin12351936 .color-teal-4 { color:#1F3833; } body div#devskin12351936 .color-primary-green { color:#05CC47; } body div#devskin12351936 .color-green-1 { color:#D4F5DE; } body div#devskin12351936 .color-green-2 { color:#4DC47D; } body div#devskin12351936 .color-green-3 { color:#42794F; } body div#devskin12351936 .color-green-4 { color:#1F3626; } body div#devskin12351936 .color-primary-orange { color:#F7590A; } body div#devskin12351936 .color-border-dark { color:#333; } body div#devskin12351936 .color-border-light { color:#eee; } body div#devskin12351936 , body div#devskin12351936 .gr-box { font:16px/24px Sans-Serif; background:#fff; color:#000; border:none; margin:0; padding:0; } body div#devskin12351936 .wrap { max-width:1080px; margin:auto; padding:0 15px; position:relative; } body div#devskin12351936 .wrap .wrap { width:100%; padding:0; } body div#devskin12351936 .wrap.wide { max-width:1500px; } @media only screen and (max-width: 1023px) { body div#devskin12351936 .wrap { padding:0 15px; } } @media only screen and (max-width: 767px) { body div#devskin12351936 .wrap, body div#devskin12351936 .wrap.wide { width:auto; display:block; padding:0 5%; max-width:420px; margin:auto; } } @media only screen and (max-width: 767px) { body div#devskin12351936 .wrap .wrap { padding:0; max-width:420px; } } body div#devskin12351936 .col-1, body div#devskin12351936 .col-2, body div#devskin12351936 .col-3, body div#devskin12351936 .col-4, body div#devskin12351936 .col-5, body div#devskin12351936 .col-6, body div#devskin12351936 .col-7, body div#devskin12351936 .col-8, body div#devskin12351936 .col-9, body div#devskin12351936 .col-10, body div#devskin12351936 .col-11, body div#devskin12351936 .col-12 { display:inline; float:left; position:relative; margin-left:1.388%; margin-right:1.388%; } body div#devskin12351936 .col-1 { width:5.5550%; } body div#devskin12351936 .col-2 { width:13.888%; } body div#devskin12351936 .col-3 { width:22.222%; } body div#devskin12351936 .col-4 { width:30.555%; } body div#devskin12351936 .col-5 { width:38.888%; } body div#devskin12351936 .col-6 { width:47.222%; } body div#devskin12351936 .col-7 { width:55.555%; } body div#devskin12351936 .col-8 { width:63.888%; } body div#devskin12351936 .col-9 { width:72.222%; } body div#devskin12351936 .col-10 { width:80.555%; } body div#devskin12351936 .col-11 { width:88.888%; } body div#devskin12351936 .col-12 { width:97.222%; } @media only screen and (max-width: 767px) { body div#devskin12351936 .wrap div[class*='col-']:not(.no-format) { width:100%; float:none; height:auto; display:block; padding:0; margin-left:0; margin-right:0; transition:all 0.25s ease-in; -moz-transition:all 0.25s ease-in; -webkit-transition:all 0.25s ease-in; -ms-transition:all 0.25s ease-in; -o-transition:all 0.25s ease-in; } } body div#devskin12351936 .before-1 { padding-left:8.3330%; } body div#devskin12351936 .before-2 { padding-left:16.666%; } body div#devskin12351936 .before-3 { padding-left:25.000%; } body div#devskin12351936 .before-4 { padding-left:33.333%; } body div#devskin12351936 .before-5 { padding-left:41.667%; } body div#devskin12351936 .before-6 { padding-left:50.000%; } body div#devskin12351936 .before-7 { padding-left:58.333%; } body div#devskin12351936 .before-8 { padding-left:66.667%; } body div#devskin12351936 .before-9 { padding-left:75.000%; } body div#devskin12351936 .before-10 { padding-left:83.333%; } body div#devskin12351936 .before-11 { padding-left:91.667%; } body div#devskin12351936 .after-1 { padding-right:8.3330%; } body div#devskin12351936 .after-2 { padding-right:16.667%; } body div#devskin12351936 .after-3 { padding-right:25.000%; } body div#devskin12351936 .after-4 { padding-right:33.333%; } body div#devskin12351936 .after-5 { padding-right:41.667%; } body div#devskin12351936 .after-6 { padding-right:50.000%; } body div#devskin12351936 .after-7 { padding-right:58.333%; } body div#devskin12351936 .after-8 { padding-right:66.667%; } body div#devskin12351936 .after-9 { padding-right:75.000%; } body div#devskin12351936 .after-10 { padding-right:83.333%; } body div#devskin12351936 .after-11 { padding-right:91.667%; } @media only screen and (max-width: 767px) { body div#devskin12351936 div[class='before-'], body div#devskin12351936 div[class='after-'] { padding:0; } } body div#devskin12351936 .alpha { margin-left:0 !important; } body div#devskin12351936 .omega { margin-right:0 !important; } body div#devskin12351936 .col-12 .wrap .col-11 { width:91.428%; margin-left:1.428%; margin-right:1.724%; } body div#devskin12351936 .col-12 .wrap .col-10 { width:82.857%; margin-left:1.428%; margin-right:1.724%; } body div#devskin12351936 .col-12 .wrap .col-9 { width:74.285%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-8 { width:65.714%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-7 { width:57.142%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-6 { width:48.571%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-5 { width:40.000%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-4 { width:31.428%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-3 { width:22.857%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-2 { width:14.285%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-12 .wrap .col-1 { width:5.7142%; margin-left:1.428%; margin-right:1.428%; } body div#devskin12351936 .col-11 .wrap .col-10 { width:90.625%; margin-left:1.562%; margin-right:1.724%; } body div#devskin12351936 .col-11 .wrap .col-9 { width:81.250%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-8 { width:71.875%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-7 { width:62.500%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-6 { width:53.125%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-5 { width:43.750%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-4 { width:34.375%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-3 { width:25.000%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-2 { width:15.625%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-11 .wrap .col-1 { width:6.2500%; margin-left:1.562%; margin-right:1.562%; } body div#devskin12351936 .col-10 .wrap .col-9 { width:89.655%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-8 { width:79.310%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-7 { width:68.965%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-6 { width:58.620%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-5 { width:48.275%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-4 { width:37.931%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-3 { width:27.586%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-2 { width:17.241%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-10 .wrap .col-1 { width:6.8960%; margin-left:1.724%; margin-right:1.724%; } body div#devskin12351936 .col-9 .wrap .col-8 { width:88.461%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-9 .wrap .col-7 { width:76.923%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-9 .wrap .col-6 { width:65.384%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-9 .wrap .col-5 { width:53.846%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-9 .wrap .col-4 { width:42.307%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-9 .wrap .col-3 { width:30.769%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-9 .wrap .col-2 { width:19.230%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-9 .wrap .col-1 { width:7.6920%; margin-left:1.923%; margin-right:1.923%; } body div#devskin12351936 .col-8 .wrap .col-7 { width:86.956%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12351936 .col-8 .wrap .col-6 { width:73.913%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12351936 .col-8 .wrap .col-5 { width:60.869%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12351936 .col-8 .wrap .col-4 { width:47.826%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12351936 .col-8 .wrap .col-3 { width:34.782%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12351936 .col-8 .wrap .col-2 { width:21.739%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12351936 .col-8 .wrap .col-1 { width:8.6950%; margin-left:2.173%; margin-right:2.173%; } body div#devskin12351936 .col-7 .wrap .col-7 { width:100.00%; margin-left:0.000%; margin-right:0.000%; } body div#devskin12351936 .col-7 .wrap .col-6 { width:85.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12351936 .col-7 .wrap .col-5 { width:70.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12351936 .col-7 .wrap .col-4 { width:55.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12351936 .col-7 .wrap .col-3 { width:40.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12351936 .col-7 .wrap .col-2 { width:25.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12351936 .col-7 .wrap .col-1 { width:10.000%; margin-left:2.500%; margin-right:2.500%; } body div#devskin12351936 .col-6 .wrap .col-5 { width:82.352%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12351936 .col-6 .wrap .col-4 { width:64.705%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12351936 .col-6 .wrap .col-3 { width:47.058%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12351936 .col-6 .wrap .col-2 { width:29.411%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12351936 .col-6 .wrap .col-1 { width:11.764%; margin-left:2.941%; margin-right:2.941%; } body div#devskin12351936 .col-5 .wrap .col-4 { width:78.571%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12351936 .col-5 .wrap .col-3 { width:57.142%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12351936 .col-5 .wrap .col-2 { width:35.714%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12351936 .col-5 .wrap .col-1 { width:14.285%; margin-left:3.571%; margin-right:3.571%; } body div#devskin12351936 .col-4 .wrap .col-3 { width:72.727%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12351936 .col-4 .wrap .col-2 { width:45.454%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12351936 .col-4 .wrap .col-1 { width:18.181%; margin-left:4.545%; margin-right:4.545%; } body div#devskin12351936 .col-3 .wrap .col-2 { width:62.500%; margin-left:6.250%; margin-right:6.250%; } body div#devskin12351936 .col-3 .wrap .col-1 { width:25.000%; margin-left:6.250%; margin-right:6.250%; } body div#devskin12351936 .col-2 .wrap .col-1 { width:40.000%; margin-left:10.00%; margin-right:10.00%; } body div#devskin12351936 .col-10 .wrap .before-9 { padding-left:93.103%; } body div#devskin12351936 .col-10 .wrap .before-8 { padding-left:82.758%; } body div#devskin12351936 .col-10 .wrap .before-7 { padding-left:72.413%; } body div#devskin12351936 .col-10 .wrap .before-6 { padding-left:62.068%; } body div#devskin12351936 .col-10 .wrap .before-5 { padding-left:51.724%; } body div#devskin12351936 .col-10 .wrap .before-4 { padding-left:41.379%; } body div#devskin12351936 .col-10 .wrap .before-3 { padding-left:31.034%; } body div#devskin12351936 .col-10 .wrap .before-2 { padding-left:20.689%; } body div#devskin12351936 .col-10 .wrap .before-1 { padding-left:10.344%; } body div#devskin12351936 .col-10 .wrap .after-9 { padding-right:93.103%; } body div#devskin12351936 .col-10 .wrap .after-8 { padding-right:82.758%; } body div#devskin12351936 .col-10 .wrap .after-7 { padding-right:72.413%; } body div#devskin12351936 .col-10 .wrap .after-6 { padding-right:62.068%; } body div#devskin12351936 .col-10 .wrap .after-5 { padding-right:51.724%; } body div#devskin12351936 .col-10 .wrap .after-4 { padding-right:41.379%; } body div#devskin12351936 .col-10 .wrap .after-3 { padding-right:31.034%; } body div#devskin12351936 .col-10 .wrap .after-2 { padding-right:20.689%; } body div#devskin12351936 .col-10 .wrap .after-1 { padding-right:10.344%; } body div#devskin12351936 .col-9 .wrap .before-8 { padding-left:92.307%; } body div#devskin12351936 .col-9 .wrap .before-7 { padding-left:80.769%; } body div#devskin12351936 .col-9 .wrap .before-6 { padding-left:69.230%; } body div#devskin12351936 .col-9 .wrap .before-5 { padding-left:57.692%; } body div#devskin12351936 .col-9 .wrap .before-4 { padding-left:46.153%; } body div#devskin12351936 .col-9 .wrap .before-3 { padding-left:34.615%; } body div#devskin12351936 .col-9 .wrap .before-2 { padding-left:23.076%; } body div#devskin12351936 .col-9 .wrap .before-1 { padding-left:11.538%; } body div#devskin12351936 .col-9 .wrap .after-8 { padding-right:92.307%; } body div#devskin12351936 .col-9 .wrap .after-7 { padding-right:80.769%; } body div#devskin12351936 .col-9 .wrap .after-6 { padding-right:69.230%; } body div#devskin12351936 .col-9 .wrap .after-5 { padding-right:57.692%; } body div#devskin12351936 .col-9 .wrap .after-4 { padding-right:46.153%; } body div#devskin12351936 .col-9 .wrap .after-3 { padding-right:34.615%; } body div#devskin12351936 .col-9 .wrap .after-2 { padding-right:23.076%; } body div#devskin12351936 .col-9 .wrap .after-1 { padding-right:11.538%; } body div#devskin12351936 .col-8 .wrap .before-7 { padding-left:91.304%; } body div#devskin12351936 .col-8 .wrap .before-6 { padding-left:78.260%; } body div#devskin12351936 .col-8 .wrap .before-5 { padding-left:65.217%; } body div#devskin12351936 .col-8 .wrap .before-4 { padding-left:52.173%; } body div#devskin12351936 .col-8 .wrap .before-3 { padding-left:39.130%; } body div#devskin12351936 .col-8 .wrap .before-2 { padding-left:26.086%; } body div#devskin12351936 .col-8 .wrap .before-1 { padding-left:13.043%; } body div#devskin12351936 .col-8 .wrap .after-7 { padding-right:91.304%; } body div#devskin12351936 .col-8 .wrap .after-6 { padding-right:78.260%; } body div#devskin12351936 .col-8 .wrap .after-5 { padding-right:65.217%; } body div#devskin12351936 .col-8 .wrap .after-4 { padding-right:52.173%; } body div#devskin12351936 .col-8 .wrap .after-3 { padding-right:39.130%; } body div#devskin12351936 .col-8 .wrap .after-2 { padding-right:26.086%; } body div#devskin12351936 .col-8 .wrap .after-1 { padding-right:13.043%; } body div#devskin12351936 .col-7 .wrap .before-6 { padding-left:90.000%; } body div#devskin12351936 .col-7 .wrap .before-5 { padding-left:75.000%; } body div#devskin12351936 .col-7 .wrap .before-4 { padding-left:60.000%; } body div#devskin12351936 .col-7 .wrap .before-3 { padding-left:45.000%; } body div#devskin12351936 .col-7 .wrap .before-2 { padding-left:30.000%; } body div#devskin12351936 .col-7 .wrap .before-1 { padding-left:15.000%; } body div#devskin12351936 .col-7 .wrap .after-6 { padding-right:90.000%; } body div#devskin12351936 .col-7 .wrap .after-5 { padding-right:75.000%; } body div#devskin12351936 .col-7 .wrap .after-4 { padding-right:60.000%; } body div#devskin12351936 .col-7 .wrap .after-3 { padding-right:45.000%; } body div#devskin12351936 .col-7 .wrap .after-2 { padding-right:30.000%; } body div#devskin12351936 .col-7 .wrap .after-1 { padding-right:15.000%; } body div#devskin12351936 .col-6 .wrap .before-5 { padding-left:88.235%; } body div#devskin12351936 .col-6 .wrap .before-4 { padding-left:70.588%; } body div#devskin12351936 .col-6 .wrap .before-3 { padding-left:52.941%; } body div#devskin12351936 .col-6 .wrap .before-2 { padding-left:35.294%; } body div#devskin12351936 .col-6 .wrap .before-1 { padding-left:17.647%; } body div#devskin12351936 .col-6 .wrap .after-5 { padding-right:88.235%; } body div#devskin12351936 .col-6 .wrap .after-4 { padding-right:70.588%; } body div#devskin12351936 .col-6 .wrap .after-3 { padding-right:52.941%; } body div#devskin12351936 .col-6 .wrap .after-2 { padding-right:35.294%; } body div#devskin12351936 .col-6 .wrap .after-1 { padding-right:17.647%; } body div#devskin12351936 .col-5 .wrap .before-4 { padding-left:85.714%; } body div#devskin12351936 .col-5 .wrap .before-3 { padding-left:64.285%; } body div#devskin12351936 .col-5 .wrap .before-2 { padding-left:42.857%; } body div#devskin12351936 .col-5 .wrap .before-1 { padding-left:21.428%; } body div#devskin12351936 .col-5 .wrap .after-4 { padding-right:85.714%; } body div#devskin12351936 .col-5 .wrap .after-3 { padding-right:64.285%; } body div#devskin12351936 .col-5 .wrap .after-2 { padding-right:42.857%; } body div#devskin12351936 .col-5 .wrap .after-1 { padding-right:21.428%; } body div#devskin12351936 .col-4 .wrap .before-3 { padding-left:81.818%; } body div#devskin12351936 .col-4 .wrap .before-2 { padding-left:54.545%; } body div#devskin12351936 .col-4 .wrap .before-1 { padding-left:27.272%; } body div#devskin12351936 .col-4 .wrap .right_3 { padding-right:81.818%; } body div#devskin12351936 .col-4 .wrap .right_2 { padding-right:54.545%; } body div#devskin12351936 .col-4 .wrap .right_1 { padding-right:27.272%; } body div#devskin12351936 .col-3 .wrap .before-2 { padding-left:42.857%; } body div#devskin12351936 .col-3 .wrap .before-1 { padding-left:37.500%; } body div#devskin12351936 .col-3 .wrap .after-2 { padding-right:42.857%; } body div#devskin12351936 .col-3 .wrap .after-1 { padding-right:37.500%; } body div#devskin12351936 .col-2 .wrap .before-1 { padding-left:60.000%; } body div#devskin12351936 .col-2 .wrap .after-1 { padding-right:60.000%; } body div#devskin12351936 .clear:before, body div#devskin12351936 .clear:after { content:''; display:table; } body div#devskin12351936 .clear:after { clear:both; } body div#devskin12351936 .clear { clear:both; } body div#devskin12351936 iframe.daembed { display:block; width:100%; } body div#devskin12351936 .col-2 iframe.daembed { height:084px; } body div#devskin12351936 .col-3 iframe.daembed { height:135px; } body div#devskin12351936 .col-4 iframe.daembed { height:186px; } body div#devskin12351936 .col-5 iframe.daembed { height:236px; } body div#devskin12351936 .col-6 iframe.daembed { height:287px; } body div#devskin12351936 .col-7 iframe.daembed { height:338px; } body div#devskin12351936 .col-8 iframe.daembed { height:388px; } body div#devskin12351936 .col-9 iframe.daembed { height:439px; } body div#devskin12351936 .col-10 iframe.daembed { height:489px; } body div#devskin12351936 .col-11 iframe.daembed { height:540px; } body div#devskin12351936 .col-12 iframe.daembed { height:591px; } @media only screen and (max-width: 767px) { body div#devskin12351936 .text iframe.daembed { height:236px; } } body div#devskin12351936 span.ogpreview { display:none; } body div#devskin12351936 i.gr1, body div#devskin12351936 i.gr1 i, body div#devskin12351936 i.gr2, body div#devskin12351936 i.gr2 i, body div#devskin12351936 i.gr3, body div#devskin12351936 .gr-top { display:none; } body div#devskin12351936 .gr-body { background:transparent; border:0 !important; position:static; overflow:visible; } body div#devskin12351936 .gr-body .grf-indent { background:transparent; margin:auto; text-align:center; padding:0; } body div#devskin12351936 .gr-body .gr { border:0 !important; position:static; background:none; } body div#devskin12351936 .text { padding:0; position:relative; text-align:left; } body div#devskin12351936 .text br { display:none; } body div#devskin12351936 .list { height:0; width:0; clear:both; visibility:hidden; } body div#devskin12351936 .align-left { text-align:left; } body div#devskin12351936 .align-right { text-align:right; } body div#devskin12351936 .align-center { text-align:center; } body div#devskin12351936 .hide { display:none; } body div#devskin12351936 * .mw-0 { max-width:none !important; } body div#devskin12351936 * .margin-0 { margin:0 !important; } body div#devskin12351936 * .padding-0 { margin:0 !important; } body div#devskin12351936 .padding-t30 { padding-top:30px !important; } body div#devskin12351936 .padding-t60 { padding-top:60px !important; } @media only screen and (max-width: 1023px) { body div#devskin12351936 .padding-t60 { padding-top:30px !important; } } body div#devskin12351936 .padding-b30 { padding-bottom:30px !important; } body div#devskin12351936 .padding-b60 { padding-bottom:60px !important; } @media only screen and (max-width: 1023px) { body div#devskin12351936 .padding-b60 { padding-bottom:30px !important; } } body div#devskin12351936 .margin-t30 { margin-top:30px !important; } body div#devskin12351936 .margin-t60 { margin-top:60px !important; } @media only screen and (max-width: 1023px) { body div#devskin12351936 .margin-t60 { margin-top:30px !important; } } body div#devskin12351936 .margin-b30 { margin-bottom:30px !important; } body div#devskin12351936 .margin-b60 { margin-bottom:60px !important; } @media only screen and (max-width: 1023px) { body div#devskin12351936 .margin-b60 { margin-bottom:30px !important; } } body div#devskin12351936 , body div#devskin12351936 .gr-box { background:url('https://www.da-files.com/artnetwork/profile-pages/img/bg.jpg?2') 50% 50%/cover no-repeat fixed; background:#F2F2F2; color:#181A1B; } body div#devskin12351936 a { color:#40CfC7; text-decoration:underline; font-weight:bold; transition:color 0.1s ease-out; -moz-transition:color 0.1s ease-out; -webkit-transition:color 0.1s ease-out; -ms-transition:color 0.1s ease-out; -o-transition:color 0.1s ease-out; } body div#devskin12351936 a:hover { color:#000; } body div#devskin12351936 p { margin:0 0 30px; } body div#devskin12351936 h1, body div#devskin12351936 h2, body div#devskin12351936 h3, body div#devskin12351936 h4, body div#devskin12351936 h5 { letter-spacing:normal; color:#000; font-family:'Calibre-Bold',Sans-Serif; text-transform:uppercase; margin:0 0 30px; font-weight:700; position:relative; } body div#devskin12351936 h1.sub, body div#devskin12351936 h2.sub, body div#devskin12351936 h3.sub, body div#devskin12351936 h4.sub, body div#devskin12351936 h5.sub { text-transform:none; font-weight:bold; font-family:'Calibre-Semibold', Sans-Serif; } body div#devskin12351936 h1 { font-size:72px; line-height:64px; } body div#devskin12351936 h2 { font-size:36px; line-height:38px; } body div#devskin12351936 h3 { font-size:24px; line-height:28px; } body div#devskin12351936 h4 { font-size:18px; line-height:22px; } body div#devskin12351936 ol { counter-reset:section; list-style:none; padding:0 0 0 30px; margin:30px 0; } body div#devskin12351936 ol li { padding:0 30px 30px; position:relative; margin-bottom:30px; border-bottom:1px dotted #eee; } body div#devskin12351936 ol li:before { counter-increment:section; content:counter(section) '.'; color:#05CC47; vertical-align:top; display:block; position:absolute; left:0; top:0; } body div#devskin12351936 ol li a { text-decoration:none; } body div#devskin12351936 ol li p:last-of-type { margin-bottom:0; } body div#devskin12351936 ol li:last-of-type { border:none; } body div#devskin12351936 .links { position:absolute; top:0; left:0; right:0; padding:0; height:60px; line-height:60px; z-index:99; background:#fff; box-shadow:0 0 2px rgba(0,0,0,0.3); -moz-box-shadow:0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3); } @media only screen and (max-width: 767px) { body div#devskin12351936 .links { display:none; } } body div#devskin12351936 .links>ul { text-align:left; display:inline; margin:0; padding:0; list-style:none; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; } body div#devskin12351936 .links>ul:after { content:''; display:table; clear:both; } body div#devskin12351936 .links>ul>li { font:700 13px Arial,Sans-Serif; line-height:60px; margin:0; padding:0 30px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block; white-space:nowrap; background:inherit; cursor:pointer; z-index:2; box-shadow:inset 0 -3px 0 0 transparent; -moz-box-shadow:inset 0 -3px 0 0 transparent; -webkit-box-shadow:inset 0 -3px 0 0 transparent; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; } body div#devskin12351936 .links>ul>li:nth-child(odd) a.external:after { display:none; } body div#devskin12351936 .links>ul>li:last-child { float:right; } body div#devskin12351936 .links>ul>li:hover { color:#000; box-shadow:inset 0 -3px 0 0 #05CC47; -moz-box-shadow:inset 0 -3px 0 0 #05CC47; -webkit-box-shadow:inset 0 -3px 0 0 #05CC47; } body div#devskin12351936 .links>ul>li:hover>a { color:inherit; } body div#devskin12351936 .links>ul>li:hover ul { display:block; opacity:1; filter:alpha(opacity=100); _zoom:1; visibility:visible; box-shadow:0 30px 30px rgba(0,0,0,0.1); -moz-box-shadow:0 30px 30px rgba(0,0,0,0.1); -webkit-box-shadow:0 30px 30px rgba(0,0,0,0.1); } body div#devskin12351936 .links>ul>li a { color:#000; text-decoration:inherit; display:inline-block; } body div#devskin12351936 .links .cta { cursor:pointer; padding:0; position:absolute; top:0; right:0; overflow:hidden; } body div#devskin12351936 .links .cta:hover { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } @media only screen and (max-width: 767px) { body div#devskin12351936 .links .cta { display:none; } } body div#devskin12351936 .links .cta .social { float:right; width:120px; height:60px; position:relative; font:400 14px Arial,Sans-Serif; line-height:60px; color:#181A1B; text-align:center; overflow:hidden; cursor:pointer; display:inline-block; transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; } body div#devskin12351936 .links .cta .social * { line-height:0 !important; opacity:0; filter:alpha(opacity=0); _zoom:1; transition:opacity 0.15s ease-out; -moz-transition:opacity 0.15s ease-out; -webkit-transition:opacity 0.15s ease-out; -ms-transition:opacity 0.15s ease-out; -o-transition:opacity 0.15s ease-out; } body div#devskin12351936 .links .cta .social iframe { padding:0; width:130px !important; position:absolute !important; height:60px !important; display:inline-block !important; } body div#devskin12351936 .links .cta .social.fb iframe { top:10px !important; left:0 !important; } body div#devskin12351936 .links .cta .social.twitter iframe { top:20px !important; left:16px !important; } body div#devskin12351936 .links .cta .social.gp iframe { top:18px !important; left:32px !important; } body div#devskin12351936 .links .cta .social .slide { text-indent:-9999em; height:60px; width:inherit; position:absolute; top:0; right:0; bottom:0; left:0; margin:0; z-index:2; text-align:center; opacity:1; filter:alpha(opacity=100); _zoom:1; transition:transform 0.15s ease-in-out; -moz-transition:transform 0.15s ease-in-out; -webkit-transition:transform 0.15s ease-in-out; -ms-transition:transform 0.15s ease-in-out; -o-transition:transform 0.15s ease-in-out; } body div#devskin12351936 .links .cta .social .slide:before { content:''; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; width:24px; height:24px; background-repeat:no-repeat; background-size:76px auto; background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/ui-icons_social.svg'); z-index:-1; } body div#devskin12351936 .links .cta .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#devskin12351936 .links .cta .social:hover * { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin12351936 .links .cta .social.fb .slide:before { background-position:50% 100%; } body div#devskin12351936 .links .cta .social.twitter .slide:before { background-position:0 100%; } body div#devskin12351936 .links .cta .social.gp .slide:before { background-position:100% 100%; } body div#devskin12351936 .header { padding:90px 0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } @media only screen and (max-width: 767px) { body div#devskin12351936 .header { padding:0; } } body div#devskin12351936 .header h1 { font-size:92px; line-height:82px; margin:30px 0 60px; } body div#devskin12351936 .header h1 span { position:relative; } body div#devskin12351936 .header h1 span:first-of-type:before { content:''; background:#F2F2F2; position:absolute; width:100%; height:70%; left:-72%; transform:skew(-28deg); -moz-transform:skew(-28deg); -webkit-transform:skew(-28deg); -ms-transform:skew(-28deg); -o-transform:skew(-28deg); top:0; } body div#devskin12351936 .header h1 span:last-of-type:before { content:''; background:#F2F2F2; position:absolute; width:100%; height:70%; right:-72%; transform:skew(-28deg); -moz-transform:skew(-28deg); -webkit-transform:skew(-28deg); -ms-transform:skew(-28deg); -o-transform:skew(-28deg); top:0; } body div#devskin12351936 .header h1 br { display:inline; } body div#devskin12351936 .header h1 a { display:block; } body div#devskin12351936 .header h1 a img { width:50%; vertical-align:bottom; } body div#devskin12351936 .header .menu { margin:0; display:none; } body div#devskin12351936 .header .menu .item { margin:2px 0; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition:all 0.1s ease-out; -moz-transition:all 0.1s ease-out; -webkit-transition:all 0.1s ease-out; -ms-transition:all 0.1s ease-out; -o-transition:all 0.1s ease-out; } body div#devskin12351936 .header .menu .item:hover span { color:#05CC47; } body div#devskin12351936 .header .menu .item:hover span:before { background:#eee; } body div#devskin12351936 .header .menu .item:hover a { color:#000; } body div#devskin12351936 .header .menu .item a { display:block; padding:2px 15px; font-size:11px; color:#181A1B; text-decoration:none; transition:color 0.1s ease-out; -moz-transition:color 0.1s ease-out; -webkit-transition:color 0.1s ease-out; -ms-transition:color 0.1s ease-out; -o-transition:color 0.1s ease-out; } body div#devskin12351936 .header .menu .item a span { color:#7D8080; position:relative; padding:0 0 0 10px; margin:0 0 0 9px; transition:color 0.1s ease-out; -moz-transition:color 0.1s ease-out; -webkit-transition:color 0.1s ease-out; -ms-transition:color 0.1s ease-out; -o-transition:color 0.1s ease-out; } body div#devskin12351936 .header .menu .item a span:before { content:''; position:absolute; top:0; left:0; bottom:0; width:1px; background:#4DC47D; transform:skew(-28deg); -moz-transform:skew(-28deg); -webkit-transform:skew(-28deg); -ms-transform:skew(-28deg); -o-transform:skew(-28deg); transition:background 0.1s ease-out; -moz-transition:background 0.1s ease-out; -webkit-transition:background 0.1s ease-out; -ms-transition:background 0.1s ease-out; -o-transition:background 0.1s ease-out; } body div#devskin12351936 .all { position:relative; padding:0 0 90px 0; } body div#devskin12351936 .title { color:#000; padding:60px 0 30px; position:relative; } @media only screen and (max-width: 767px) { body div#devskin12351936 .title { padding:30px 0 30px; } } body div#devskin12351936 .title a[name] { display:block; height:1px; width:100%; background:#333; max-width:1080px; margin:auto; position:absolute; top:0; left:0; right:0; } body div#devskin12351936 .title h2 { font-size:24px; line-height:28px; margin:0; padding:0; color:inherit; } body div#devskin12351936 .title p { margin:0; color:#7D8080; } body div#devskin12351936 img.title { display:block; max-width:100%; margin:0 0 30px 0; padding:0; } body div#devskin12351936 span.num { color:#05CC47; font:bold 18px Arial, Sans-Serif; position:absolute; left:-40px; text-align:left; top:0; padding-right:10px; } body div#devskin12351936 span.num:after { content:''; position:absolute; top:0; right:0; bottom:0; width:1px; background:#7D8080; transform:skew(-28deg); -moz-transform:skew(-28deg); -webkit-transform:skew(-28deg); -ms-transform:skew(-28deg); -o-transform:skew(-28deg); transition:background 0.1s ease-out; -moz-transition:background 0.1s ease-out; -webkit-transition:background 0.1s ease-out; -ms-transition:background 0.1s ease-out; -o-transition:background 0.1s ease-out; } @media only screen and (max-width: 767px) { body div#devskin12351936 span.num { left:0; top:0; display:inline-block; margin:0 0 15px 5px; position:relative; } } body div#devskin12351936 .section { background:#fff; color:#181A1B; position:relative; overflow:hidden; box-shadow:0 14px 38px rgba(0,0,0,0.18),0 0 80px 15px rgba(0,0,0,0.18); -moz-box-shadow:0 14px 38px rgba(0,0,0,0.18),0 0 80px 15px rgba(0,0,0,0.18); -webkit-box-shadow:0 14px 38px rgba(0,0,0,0.18),0 0 80px 15px rgba(0,0,0,0.18); box-shadow:0 0 2px rgba(0,0,0,0.3); -moz-box-shadow:0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3); max-width:1440px; margin:0 auto; padding:0 0 30%; z-index:1; } body div#devskin12351936 .section:last-of-type { margin-bottom:0; } body div#devskin12351936 .section .background { position:absolute; top:-2px; right:-2px; bottom:-2px; left:-2px; background-position:0 50%; background-size:cover; background-repeat:no-repeat; } @media only screen and (max-width: 767px) { body div#devskin12351936 .section .background { position:absolute; top:0; right:0; bottom:initial; left:0; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; height:220px; } } body div#devskin12351936 .section.profile-01 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-01.jpg'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-01 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-01-m.jpg'); } } body div#devskin12351936 .section.profile-02 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-02.jpg'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-02 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-02-m.jpg'); } } body div#devskin12351936 .section.profile-03 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-03.jpg'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-03 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-03-m.jpg'); } } body div#devskin12351936 .section.profile-04 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-04.jpg'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-04 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-04-m.jpg'); } } body div#devskin12351936 .section.profile-05 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-05.jpg'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-05 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-05-m.jpg'); } } body div#devskin12351936 .section.profile-06 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-06.jpg'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-06 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-06-m.jpg'); } } body div#devskin12351936 .section.profile-07 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-07.jpg?1'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-07 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-07-m.jpg'); } } body div#devskin12351936 .section.profile-08 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-08.jpg?1'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-08 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/profile-08-m.jpg'); } } body div#devskin12351936 .section.art-canvas-08 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/art-canvas-08.jpg'); } body div#devskin12351936 .section.art-canvas-09 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/art-canvas-09.jpg'); } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.art-canvas-09 .background { background-image:url('https://www.da-files.com/artnetwork/profile-pages/img/art-canvas-09-m.jpg'); } } @media only screen and (max-width: 767px) { body div#devskin12351936 .section { padding:220px 0 0 0; } } @media only screen and (max-width: 767px) { body div#devskin12351936 .section.profile-03 { margin-bottom:0 !important; } } body div#devskin12351936 .art-canvas-08.section { padding:0; } body div#devskin12351936 .art-canvas-08.section .image { background:url('https://www.da-files.com/artnetwork/profile-pages/img/art-canvas-08.png') 50% 50%/contain no-repeat; margin:60px 0; position:relative; } @media only screen and (max-width: 767px) { body div#devskin12351936 .art-canvas-08.section .image { margin:0; } } body div#devskin12351936 .art-canvas-08.section .image:before { content:''; background:url('https://www.da-files.com/artnetwork/profile-pages/img/art-canvas-08.gif') 50% 50%/contain no-repeat; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; } body div#devskin12351936 .art-canvas-08.section .image img { visibility:hidden; } body div#devskin12351936 .art-canvas-08.section img.title { margin-bottom:30px; } @media only screen and (max-width: 767px) { body div#devskin12351936 .art-canvas-08.section .background { display:none; } } body div#devskin12351936 .art-canvas-09.section { padding-bottom:12%; } @media only screen and (max-width: 767px) { body div#devskin12351936 .art-canvas-09.section { padding-bottom:0; } } body div#devskin12351936 .art-canvas-09.section img.title { margin-bottom:30px; } body div#devskin12351936 .txt { padding:90px 0; } @media only screen and (max-width: 767px) { body div#devskin12351936 .txt { padding:30px 0; } } body div#devskin12351936 .name { line-height:50px; color:#000; text-transform:none; text-decoration:none; } body div#devskin12351936 .name img.avatar { float:left; margin:0 8px 0 0; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; } body div#devskin12351936 .name a { display:inline-block; line-height:58px; color:inherit; text-decoration:inherit; vertical-align:middle; } body div#devskin12351936 .sub-text { background:#242626 url(https://www.da-files.com/artnetwork/default/bg-pattern-black.gif) 0 1px/32px auto repeat; color:#05CC47; max-width:1440px; margin:0 auto; padding:30px 0; } body div#devskin12351936 .sub-text img { color:inherit; margin:0; } body div#devskin12351936 .question { padding:30px 0 30px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; max-width:1440px; margin:0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin12351936 .question h2 { margin:0; padding:0; color:#000; font-family:Sans-serif, 'Calibre-Semibold'; text-transform:none; font-weight:bold; font-size:16px; line-height:24px; } body div#devskin12351936 .question .num { font:bold 18px Arial, Sans-Serif; position:relative; left:0; text-align:left; top:0; padding:0 10px 0 0; display:inline-block; margin:0 0 15px 0; } body div#devskin12351936 span.label { font:bold 18px/30px Sans-serif, Arial; border:1px solid #4DC47D; color:#4DC47D; width:30px; height:30px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:inline-block; text-align:center; margin:0 5px 0 0; } body div#devskin12351936 .art-canvas { position:relative; margin-bottom:60px; } @media only screen and (max-width: 767px) { body div#devskin12351936 .art-canvas { margin-bottom:60px; } } body div#devskin12351936 .organization { position:relative; } body div#devskin12351936 .organization ul { padding:0; list-style:none; } body div#devskin12351936 .organization ul li { font-size:13px; line-height:18px; } body div#devskin12351936 .organization .col { width:33.333%; float:left; } body div#devskin12351936 .organization .col h4 { font-family:sans-serif; font-weight:bold; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; padding:10px 10px 10px; margin:0 2px; text-transform:none; background:#42794F; color:#fff; } body div#devskin12351936 .organization .col li { padding:0 10px; } body div#devskin12351936 .organization .col li strong { color:#42794F; margin-bottom:5px; text-transform:uppercase; display:block; font-weight:bold; } body div#devskin12351936 .hr { background:#242626 url(https://www.da-files.com/artnetwork/default/bg-pattern-black.gif) 0 1px/32px auto repeat; position:relative; width:100%; height:97px; max-width:1440px; margin:0 auto; z-index:1; box-shadow:0 0 2px rgba(0,0,0,0.3); -moz-box-shadow:0 0 2px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 2px rgba(0,0,0,0.3); } body div#devskin12351936 .hr.mw-0 { max-width:none; } @media only screen and (max-width: 767px) { body div#devskin12351936 .hr { height:27px; } } body div#devskin12351936 hr { display:block; margin:0; height:1px; border:none; background:#333; } body div#devskin12351936 .light hr { background:#d9d9d9; } body div#devskin12351936 .line { background:url('https://www.da-files.com/artnetwork/profile-pages/img/bg-line-dark.svg') 0 0 no-repeat; position:absolute; top:150px; right:0; bottom:0; left:50%; } body div#devskin12351936 .line:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:-1; background:#4F5254; left:127px; right:0; top:0; height:1px; } @media only screen and (max-width: 1023px) { body div#devskin12351936 .line { top:240px; } } @media only screen and (max-width: 767px) { body div#devskin12351936 .line { display:none; } } body div#devskin12351936 .footer { background:#242626; color:#F2F2F2; padding:90px 90px 90px; text-align:left; position:relative; z-index:3; } @media only screen and (max-width: 767px) { body div#devskin12351936 .footer { padding:30px 0; background:#181A1B; } } @media only screen and (max-width: 1023px) { body div#devskin12351936 .footer { padding:90px 0px 90px; } } body div#devskin12351936 .footer h3 { color:inherit; } body div#devskin12351936 .footer a { color:#fff; font-weight:normal; } body div#devskin12351936 .footer a:hover { color:#40CfC7; } body div#devskin12351936 .footer p { line-height:26px; } body div#devskin12351936 .footer .inner { padding:0 30px 30px; margin:60px 0 0 0; background:url('https://www.da-files.com/artnetwork/profile-pages/img/bg-tl-crop.svg') 0 0 no-repeat; position:relative; overflow:hidden; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; z-index:1; } body div#devskin12351936 .footer .inner:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:-1; background:#181A1B; left:300px; right:0; } body div#devskin12351936 .footer .inner:after { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:-1; background:#181A1B; top:195px; right:0; } @media only screen and (max-width: 767px) { body div#devskin12351936 .footer .inner { background:#181A1B; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin12351936 .footer .inner:before, body div#devskin12351936 .footer .inner:after { display:none; } } body div#devskin12351936 .footer .hr { max-width:none; margin:0 0 90px; } body div#devskin12351936 .footer li { border-bottom:1px solid #333; } body div#devskin12351936 .footer img.title { margin:60px 0 60px; } body div#devskin12351936 a.button { margin:0 0 30px; display:inline-block; text-decoration:none; border:1px solid #40CfC7; background:none; color:#40CfC7; padding:8px 25px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-transform:uppercase; font-size:13px; transition:all 0.15s ease-out; -moz-transition:all 0.15s ease-out; -webkit-transition:all 0.15s ease-out; -ms-transition:all 0.15s ease-out; -o-transition:all 0.15s ease-out; } body div#devskin12351936 a.button:hover { color:#000; background:#40CfC7; } body div#devskin12351936 a.button.txt { color:#40CfC7; background:transparent; padding:0; font-size:16px; border:none; text-transform:none; } body div#devskin12351936 a.button.txt:hover { color:#000; } body div#devskin12351936 .image { position:relative; margin:0 0 30px; z-index:1; } body div#devskin12351936 .image>a { display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; } body div#devskin12351936 .image img { vertical-align:bottom; display:block; width:100%; max-width:100%; } body div#devskin12351936 .image img[src$='jpg'], body div#devskin12351936 .image img.shadow { box-shadow:0 14px 38px rgba(0,0,0,0.1),0 0 80px 15px rgba(0,0,0,0.1); -moz-box-shadow:0 14px 38px rgba(0,0,0,0.1),0 0 80px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 14px 38px rgba(0,0,0,0.1),0 0 80px 15px rgba(0,0,0,0.1); } body div#devskin12351936 .image .credit em a, body div#devskin12351936 .image .credit small a { color:inherit; } body div#devskin12351936 .image .credit em a:hover, body div#devskin12351936 .image .credit small a:hover { color:#40CfC7; } body div#devskin12351936 .bottom { border-top:1px solid #333; background:#181A1B; margin:0; padding:40px 30px; z-index:3; position:relative; max-height:140px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin12351936 .bottom a.commentslink { color:#4F5254; text-transform:uppercase; font:bold 12px/18px Arial,Sans-Serif; display:inline-block; text-decoration:none; position:relative; padding:0; margin:0; transition:all 0.20s ease-in-out; -moz-transition:all 0.20s ease-in-out; -webkit-transition:all 0.20s ease-in-out; -ms-transition:all 0.20s ease-in-out; -o-transition:all 0.20s ease-in-out; } body div#devskin12351936 .bottom a.commentslink:hover { color:#40CEC6; } @media only screen and (max-width: 767px) { body div#devskin12351936 .bottom { display:none; } }

The DeviantArt Timeline entries from the past few months have discussed how we’re focusing on user experience for DeviantArt and ways to make the site more intuitive. In this journal, we'd like to kick off a discussion on another big design-related milestone: to improve the profile experience on the site, mobile web, and mobile apps.

  • Twitter

    fav.me/d92g0pw' , 'counturl': 'heidi.deviantart.com/journal/P… , 'text': 'DeviantArt Profile Page Discussion', 'via':'DeviantArt'}">

    Facebook

    Google+

    heidi.deviantart.com/journal/P… }">

The DeviantArt Timeline entries from the past few months have discussed how we’re focusing on user experience for DeviantArt and ways to make the site more intuitive. In this journal, we'd like to kick off a discussion on another big design-related milestone: to improve the profile experience on the site, mobile web, and mobile apps.

A lot has changed since the last time profiles were redesigned, and we have a number of interesting design challenges and objectives this time around.

At the forefront of our minds is the presentation on mobile Web, alignment with our mobile app, and a new layer of customization so deviants can make the experience feel more distinctive to their own personality and art. The recurring topic that's surfaced during the process is the need for simplicity.

This journal includes concept designs that represent avenues we're exploring. These are works-in-progress and not final.

01

A collection of unique and interesting styles of profile pages that exist today.

griffsnuff

Entertaining, friendly, informational, branded, fun and unique.

View Profile

loish

A profile that leads with art, sophisticated and elegant.

View Profile

wlop

Immersive imagery, action-oriented, connected and socially linked.

View Profile

LynnChenArt

A new deviant who’s learning how the community works, focused on building their gallery.

View Profile

Agawaer

Art with a focus on literature, emphasis on readability and type.

View Profile

Picolo-kun

Informative, resourceful, announcer.

View Profile

zilla774

Dark, thoughtful, thought-provoking art, expressive, surreal.

View Profile

Artgerm

A well-established, long-time deviant. Professional, with a focus on art.

View Profile

Question 01How could the DeviantArt profile serve your needs better?

02

We have a significant amount of mobile traffic coming to our site every day from various smart-devices. We also have our own mobile app that's seeing a ton of growth. With the momentum towards mobile continuing on the rise, our goal is to ensure your profile will render perfectly at different sizes, establish optimized page performance, and most importantly, keep your deviations looking beautiful.

A

Your profile is viewed across a variety of screen sizes. A smaller or larger screen will have an impact on how your content is presented.

B

The transition of a busy desktop page to mobile web will change the order of how the content is presented and how quickly it loads. Many people choose a simpler layout with less content so it works effectively across all screen sizes.

Question 02Do you consider how your profile is being viewed on mobile when adding content and widgets to your profile?

03

So what would an artist from the world’s largest art community do with a personal image on their profile? Is this the moment your personal brand has been waiting for?

There’s a lot happening on our current profile pages: widgets, galleries, and comments. We want to start the profile redesign with a couple of new enhancements that allow you to personalize your page even more.

Below are examples of how we’re integrating a customizable art canvas that you can add with one of your latest deviations, or create a new piece of art that can be easily added.

A

LynnChenArt

We had fun working with this profile. Lynn made it easy for us with such a fantastic deviation to feature as her art canvas. We’ll discuss the new navigation idea further down the page.

View Profile

B

zilla774

zilla774 has been leading up these design ideas for profile and couldn't wait to add his own canvas art. This approach includes a few additional data points by the profile name in the art canvas.

View Profile

C

griffsnuff

The row of information on the art canvas image with the age, badges and watch button allows for a simpler navigation bar and cleaner UI overall.

View Profile

D

Picolo-kun

We’re excited to see what kind of doodle Gabriel will sketch for his art canvas. The overlay on the art canvas allows us to add information to the top of the page which makes for a cleaner page.

View Profile

E

PeteMohrbacher

A taller art canvas image allows for some data points (watchers, views, etc.) to be placed on the canvas art image. We have some nice transition ideas planned for when you scroll up the page.

View Profile

F

Artgerm

This example moves the art canvas image above the profile navigation and keeps it free of user information.

View Profile

G

Agawaer

An example of a visual art free profile that has a focus on Literature or other written art forms. The art canvas is presented here is a stock option for Deviants who don’t have anything else to use.

View Profile

Question 3.1How would you take advantage of the art canvas, and how often would you change it?

Focus on the canvas art area only - you can see how the canvas art image has scaled down to work on a mobile screen.

This is the same profile screen but at a desktop+ scale. We believe scaling up from a normal desktop size is also something we need to consider. At its largest size (big monitors) we increase the size and lock the placement of the art canvas on the left, and the content to the right scrolls. The art canvas can be filled with your latest deviations or something unique that you create specifically for this.

Some of the examples above presented the profile without a global header bar. The below animation speaks to how we’re thinking of handling it. The result is that your cover art image aligns to the top of the page, and your own personal brand is the dominant art that fans will first see.

Question 3.2What data points and information are important to present on the profile page?

04

We’re also exploring the idea of allowing people even further personalization options with the ability to select from one of three color options (black, grey and white) for the background color of the page. This feature combined with the canvas art image should allow you to make the page feel unique and distinctive.

Color Option:Grey

Color Option:Dark Grey

Question 04Would you use the option to select a background color to align with your art canvas image?

05

You’ve seen a couple of different approaches to the navigation design in profile. This is an important topic when considering mobile web, because it not only needs to be intuitive, but also needs to work across different screen sizes.

Profile Navigation

Profile Navigation

The goal of this exploration is to simplify the navigation and develop new ideas for deviants to get support from fans.

Deviations

  • Galleries Your deviation submissions grouped by gallery name

  • Favourities All of your favs grouped by collection name.

  • Work in Progress A place to post your daily sketches (versus finished deviations) with an improved 2-click submit.

Posts

  • Journals Your journal posts.

  • Polls Your polls.

  • Status Your status.

Support Me

  • Support Highlighting your deviations and activity that need support from the community.

  • Prints The deviations you have for sale as a print.

  • Commissions When you create a commission (via widget) for your fans to buy.

  • Donate Points, Give Premium Membership Other ways the community can support you.

Question 05Do you like the simpler way of organizing your profile?

06

The most important section in a deviants profile is the gallery, and we’ve been looking at ways to improve the experience.

Below is a new style of navigation, the new thumbnail grid that we presented recently, and a different way to navigate to a specific gallery. We’re also looking at ways to include a featured deviation (the large deviation) at the top of the page.

An idea we’ve been working through is to find a way to keep users in your gallery and navigating through deviations. Presented here is an overlay that’s launched when a user clicks on a thumbnail. You can still click through to a deviation page from here.

Question 06How else can we improve how galleries work today? Would you use the featured deviation option in each gallery?

As mentioned above these ideas should be considered as design explorations only and not as final design. The foundation is just the beginning and we’ll be keeping you informed as we work our way through the design process.

Thanks from the UX team (4thofficial , zilla774 , marioluevanos , starvingartist , KatasiHK , seoul-child , arbiterofelegance ) and we look forward to hearing your ideas and answering your questions below.

  • How could the DeviantArt profile serve your needs better?

  • Do you consider how your profile is being viewed on mobile when adding content and widgets to your profile?

  • How would you take advantage of the art canvas, and how often would you change it? What data points and information are important to present on the profile page?

  • Would you use the option to select a background color to align with your art canvas image?

  • Do you like the simpler way of organizing your profile?

  • How else can we improve how galleries work today? Would you use the featured deviation option in each gallery?



    • Related content

    [ TEXT ]


    Heidi - Devious Dreams: The winners!

    [ TEXT ]


    Heidi - Devious Dreams: The latest news!

    [ TEXT ]


    Heidi - Devious Dreams: Reach your artistic goal!

    [ TEXT ]


    Heidi - Happy Holidays from DeviantArt!
    Comments: 2098

    WickerDoodles9 [2023-10-22 11:13:11 +0000 UTC]

    👍: 1 ⏩: 0

    zigaudrey [2023-08-25 11:44:42 +0000 UTC]

    👍: 0 ⏩: 0

    nzao [2021-04-15 13:24:22 +0000 UTC]

    👍: 3 ⏩: 0

    Silerna [2021-04-14 17:48:10 +0000 UTC]

    👍: 7 ⏩: 0

    Username-91 [2021-04-10 14:05:05 +0000 UTC]

    👍: 3 ⏩: 0

    MarySue1964 [2020-05-06 00:09:02 +0000 UTC]

    Not everyone wants huge banners on their profile. Deviantart isn't youtube and shouldn't be trying to be like it.

    👍: 3 ⏩: 0

    SeriesArtiststarter [2020-05-01 10:34:04 +0000 UTC]

    No one wants this or Eclipse. We want the stability of DeviantArt as it is. Maybe an evolution will come one day, but it ain’t this, wreck.

    👍: 0 ⏩: 0

    KyloAdopts [2020-03-26 20:30:59 +0000 UTC]

    👍: 1 ⏩: 1

    Blue-Star-Sky In reply to KyloAdopts [2020-04-18 05:20:59 +0000 UTC]

    👍: 3 ⏩: 0

    JessInkling [2020-01-17 10:59:32 +0000 UTC]

    👍: 0 ⏩: 0

    CrumpitCroc [2019-12-31 15:03:33 +0000 UTC]

    Why can’t new users use the old version of deviantart 
    but users before the eclipse change can toggle between them?? 

    It makes it incredibly alienating for new users 

    👍: 3 ⏩: 0

    YasumiChan91 [2019-10-30 11:25:28 +0000 UTC]

    I hope these layouts will really become a reality soon. I do like the design of Eclipse, but it is broken in many parts. But if it can keep the look and feel of DeviantArt how we are all used to, then this will be great development. 

    👍: 2 ⏩: 0

    Silerna [2019-10-30 10:14:01 +0000 UTC]

    This will look better then Eclipse will ever be.

    👍: 6 ⏩: 0

    Username-91 [2019-10-29 21:49:43 +0000 UTC]

    I’m not sure why they ditched many of the initial ideas in favor of what Eclipse currently is, as this was a good concept. So close but so far. I still want this instead of Eclipse.

    👍: 4 ⏩: 0

    Prismatic-Sin [2019-10-23 20:41:44 +0000 UTC]

    Man I wish eclipse looked like the layouts in the journal.  Half of  the page customization things on Deviant Art Eclipse are just completely broken.

    👍: 3 ⏩: 0

    Neozaki [2019-10-16 08:54:13 +0000 UTC]

    I enabled eclipse on my profile to see how it looks and uhh....
    Avbsolutely disgusting and worse than a high school graduation project website.

    So uhhh, the layouts in this journal, have they been scrapped? They look much better than whatever the eclipse thing is.

    👍: 5 ⏩: 0

    Hera-of-Stockholm [2019-10-12 21:47:11 +0000 UTC]

    I hope you people may also considering something less heavy on the runtime and the bandwith than eclipse.
    When you get on a slow connection, like a wifi in the rurals, today's DA becomes very user-unfriendly, with time-outs and long lags and unfortunately enough eclipse is even worse. The lethargy is very unforgiving, you tire quickly.  
    Please, consider a more tidied up version. It's easier to navigate and feel comfortable around too.

    👍: 3 ⏩: 0

    LyricalLark [2019-10-12 09:26:08 +0000 UTC]

    Wait, what happened to this? These look loads better than Eclipse! Please scrap Eclipse and try this instead! So many good ideas already right here! These are better than Eclipse and even better than the classic! Please use these!

    How on earth did Eclipse get chosen over these ideas?

    👍: 9 ⏩: 1

    TecuciztecatlOcelotl In reply to LyricalLark [2019-10-12 21:08:54 +0000 UTC]

    LOL I know right?

    👍: 4 ⏩: 0

    InTheGlen [2019-08-14 01:49:51 +0000 UTC]

    👍: 1 ⏩: 0

    Koffifie [2019-08-10 11:17:29 +0000 UTC]

    I'm looking at this, and I'm sad that we're getting eclipse instead. Why Eclipse couldn't be this?

    👍: 3 ⏩: 0

    XenoCreations [2019-07-18 09:21:31 +0000 UTC]

    Such a wasted perpetual idea and design thanks to the criminals at Wix for buying out DeviantArt, I can see custom boxes and HTML and CSS would've still been part of this redesign as well. 

    👍: 3 ⏩: 0

    FelisGlacialis [2019-07-15 12:05:54 +0000 UTC]

    SO many good ideas here! So many good considerations!

    WHY, WHY, WHY? Did you guys go for Eclipse? WHY throw DA's identity away while THESE updates would keep DA's identity intact?

    WHY make Eclipse for phones only, so that it is absolutely obnoxious on big screens. WHY did you throw that idea away while it was considered in the start?


    Really, I don't understand your decisions. None of them.

    And I'm very disappointed with the current direction that Eclipse is going - I know it is still a WIP but it cannot by further away then from what DA really was as now. Why go on this way that hardly anybody approves of, whereas you HAD the chance to actually make it better. Not worse like with Eclipse.


    After 12 years of active membership, I feel forced to move. My gallery is going to fall apart into chaos by the lack of organization possiblities, my profile is reduced to a boring statistics-driven "modernized unified experienced" and my stories become obnoxious to read with the current  lay-out.

    Thank you very much.


    👍: 3 ⏩: 0

    BlueYoukai [2019-07-06 21:34:04 +0000 UTC]

    This should have been the new dA. Not that Eclipse crap.

    👍: 4 ⏩: 0

    CrimSoul54 [2019-06-27 00:29:05 +0000 UTC]

    wtf, this looks a million times better than eclipse! What happened to this?!?!

    👍: 3 ⏩: 0

    SplitMaw [2019-06-18 20:40:28 +0000 UTC]

    danlev team
    Why aren't we getting something like this? The userbase obviously prefers this. 

    👍: 4 ⏩: 0

    Templado [2019-06-12 14:17:23 +0000 UTC]

    Do that, not eclipse!

    👍: 2 ⏩: 0

    Forbidden-Hanyou [2019-06-12 02:10:47 +0000 UTC]

    This looks LOADS better than Eclipse! Do this and then add a GOOD dark theme that doesn't strain the eyes and it would be perfect! Why don't you listen to your customers?!

    👍: 3 ⏩: 0

    anineko [2019-06-12 02:00:57 +0000 UTC]

    This looks a lot better and way more professional then Eclipse.

    Why can't we get something more similar to this?

    👍: 3 ⏩: 0

    Abberistired [2019-06-12 01:52:56 +0000 UTC]

    please do this instead of eclipse
    thank you

    👍: 3 ⏩: 0

    Polarade [2019-05-09 02:46:26 +0000 UTC]

    Wow is this what eclipse was supposed to be? Jeez, wix sure did a number on it.

    👍: 1 ⏩: 0

    Sotkettu [2019-04-19 11:35:18 +0000 UTC]

    This is better than Eclipse.

    👍: 2 ⏩: 0

    7thDeath [2019-04-18 09:09:46 +0000 UTC]

    I would love to have these changes!

    👍: 0 ⏩: 0

    MapleLeafCrown [2019-04-17 04:49:12 +0000 UTC]

    10/10

    👍: 2 ⏩: 0

    HACHI-HANA [2019-04-17 00:43:47 +0000 UTC]

    I've been looking for this, because it is literally the best looking idea for updating the website.
    It's easy on the eyes, sleeker and more modern, yet comfortable and familiar. Heidi, your
    design is literally a work of art itself and really feels like it understands the soul of our site
    and community. I love it, and I wish this is what we were getting instead.

    👍: 3 ⏩: 0

    sonaze01 [2019-04-16 18:24:50 +0000 UTC]

    Holy crap, I love the version that shows Artgerm's profile.
    The frick, why can't that be Eclipse???

    👍: 2 ⏩: 0

    nzao [2019-04-16 06:41:19 +0000 UTC]

    I am still waiting this   since summer 2015 

    👍: 2 ⏩: 0

    SplitMaw [2019-04-15 14:57:32 +0000 UTC]

    This is the update we should have had. Eclipse is honestly jumbled, broken garbage compared to this.

    👍: 3 ⏩: 0

    Username-91 [2019-04-13 15:49:27 +0000 UTC]

    This looks a hundred times better and more professional. This schedule is out of this world and time and outperforms today's schedule and design that most designers have designed for social sites. This sucks beyond measures when you have decided to abandon this.

    👍: 0 ⏩: 0

    Krovalor [2019-04-10 17:10:13 +0000 UTC]

    This looks a hell of a lot nicer than Eclipse, and it actually looks like dA as well.

    Why the hell did you abandon this?

    👍: 2 ⏩: 0

    omogu [2019-04-02 21:22:35 +0000 UTC]

    tbh i don't like this one either but between eclipse and this one? i choose this one. 100% this.
    at least it feels like deviantart, not artstation lmao

    👍: 0 ⏩: 0

    omogu [2019-04-02 21:22:35 +0000 UTC]

    tbh i don't like this one either but between eclipse and this one? i choose this one. 100% this.
    at least it feels like deviantart, not artstation lmao

    👍: 0 ⏩: 0

    LadySaltyBeard [2019-04-02 20:58:10 +0000 UTC]

    These look a lot better and more functional than eclipse. I dont hate the way eclipse looks, but it makes everyone's gallery look the same instead of individual. We can't express ourselves the same with eclipse, and the majority of us would rather it be something in between like displayed here.

    👍: 1 ⏩: 0

    gone1233544 [2019-04-02 12:46:57 +0000 UTC]

    this is SO much better than eclipse : /

    👍: 1 ⏩: 0

    96tos [2019-04-02 12:31:47 +0000 UTC]

    this is 100% better than da eclipse ?? why was this not used lol ?!

    👍: 1 ⏩: 0

    JackWantsToBattle [2019-04-02 12:16:36 +0000 UTC]

    Why was this abandoned? I know that some people were complaining that it looked like Facebook at the time, but this looks way better than the ArtStation clo- Erm- Eclipse! The "new and improved DevianArt" is... how do I put this? Unnecessary. It's too much, and it looks AWFUL! This was abandoned for a knock off, and they keep trying to push it on us, and not hear what we have to say. If this is what I will have to deal with on a daily basis when I log on, I'm sorry and I love all the art and artists here, but I don't think I'll be sticking around. I came to DA for the look of it, the art, and the community, but I came for all three of them, without one, I can't enjoy the others. If someone from the DA team reads this or any of the comments from any of the other people who are sending feedback, please please PLEASE take into consideration everyone else who is here. Without this community there is no DeviantArt.

    Thank you.

    👍: 3 ⏩: 1

    LadySaltyBeard In reply to JackWantsToBattle [2019-04-02 21:01:26 +0000 UTC]

    +1



    I agree

    👍: 0 ⏩: 0

    scrufz [2019-04-02 11:31:45 +0000 UTC]

    This looks wayy better than Eclipse!

    👍: 1 ⏩: 0

    jkrolak [2019-03-29 09:49:09 +0000 UTC]

    They say the devil is in the details, so I'm sure migrating over to these design options would have their own problems  / detractors. But it looks far better than the Eclipse option that is being is a pushed as the latest / greatest version. 

    👍: 0 ⏩: 1

    AnastasiaMorning In reply to jkrolak [2019-04-09 19:11:26 +0000 UTC]

    Very much agree. When taking a closer look, this design is not without some ...peculiarities too, but it looks a million times better than what current Eclipse. Of course most people will get used to Eclipse sooner or later, but unlike Eclipse this one looks like it is worth getting used to.

    👍: 0 ⏩: 1


    | Next =>