Description
body div#devskin13903060 {
margin:0;
}
body div#devskin13903060 span.ogpreview {
display:none;
}
body div#devskin13903060 div.gr-box {
margin:0 !important;
padding:0 !important;
border:none !important;
background:none !important;
}
body div#devskin13903060 i.gr1, body div#devskin13903060 i.gr1 i, body div#devskin13903060 i.gr2, body div#devskin13903060 i.gr2 i, body div#devskin13903060 i.gr3, body div#devskin13903060 .gr-top {
display:none !important;
}
body div#devskin13903060 .gr-body {
position:static;
background:transparent;
border:0 !important;
overflow:visible;
}
body div#devskin13903060 .gr-body .grf-indent {
margin:auto;
padding:0;
background:transparent;
text-align:center;
}
body div#devskin13903060 .gr-body .gr {
border:0 !important;
position:static;
background:none;
}
body div#devskin13903060 .gr-box .text {
padding:0 !important;
position:relative;
text-align:left;
background-color:black;
}
body div#devskin13903060 .gr-box .text br {
display:none;
}
body div#devskin13903060 .gr-box .list {
width:0;
height:0;
clear:both;
visibility:hidden;
}
body div#devskin13903060 .hoofs .row {
font-size:0;
}
body div#devskin13903060 .hoofs .row .column, body div#devskin13903060 .hoofs .row .columns {
font-size:18px;
line-height:1.6;
}
body div#devskin13903060 .hoofs .wrap {
margin:0 auto;
padding:0px 60px 0px 60px;
max-width:1280px;
text-align:center;
}
body div#devskin13903060 .hoofs .wrap:after, body div#devskin13903060 .hoofs .row:after {
content:'';
display:table;
clear:both;
}
body div#devskin13903060 .hoofs .row {
margin:0;
}
body div#devskin13903060 .hoofs .row.paddTop {
padding-top:60px;
}
body div#devskin13903060 .hoofs .column, body div#devskin13903060 .hoofs .columns {
padding:0 30px;
display:inline-block;
min-height:30px;
vertical-align:top;
text-align:left;
width:8.0833333333%;
}
body div#devskin13903060 .hoofs .column.text-center, body div#devskin13903060 .hoofs .columns.text-center {
text-align:center;
}
body div#devskin13903060 .hoofs .column.text-right, body div#devskin13903060 .hoofs .columns.text-right {
text-align:right;
}
body div#devskin13903060 .hoofs .column.mobile, body div#devskin13903060 .hoofs .columns.mobile {
display:none;
}
body div#devskin13903060 .hoofs .column.one {
width:8.0833333333%;
}
body div#devskin13903060 .hoofs .columns.two {
width:16.4166666667%;
}
body div#devskin13903060 .hoofs .columns.three {
width:24.75%;
min-width:78px;
}
body div#devskin13903060 .hoofs .columns.four {
width:33.0833333333%;
min-width:156px;
}
body div#devskin13903060 .hoofs .columns.five {
width:41.4166666667%;
min-width:234px;
}
body div#devskin13903060 .hoofs .columns.six {
width:49.75%;
}
body div#devskin13903060 .hoofs .columns.seven {
width:58.0833333333%;
}
body div#devskin13903060 .hoofs .columns.eight {
width:66.4166666667%;
}
body div#devskin13903060 .hoofs .columns.nine {
width:74.75%;
}
body div#devskin13903060 .hoofs .columns.ten {
width:83.0833333333%;
}
body div#devskin13903060 .hoofs .columns.eleven {
width:91.4166666667%;
}
body div#devskin13903060 .hoofs .columns.twelve, body div#devskin13903060 .hoofs .columns.full {
width:100%;
}
body div#devskin13903060 .hoofs .columns.noPaddLeft {
padding-left:0;
}
body div#devskin13903060 .hoofs .columns.noPaddRight {
padding-right:0;
}
body div#devskin13903060 .hoofs .columns.six, body div#devskin13903060 .hoofs .columns.seven {
min-width:300px;
}
body div#devskin13903060 .hoofs .columns.eight, body div#devskin13903060 .hoofs .columns.nine, body div#devskin13903060 .hoofs .columns.ten, body div#devskin13903060 .hoofs .columns.eleven, body div#devskin13903060 .hoofs .columns.twelve {
min-width:485px;
}
body div#devskin13903060 .hoofs .columns.offset-one {
margin-left:8.0833333333%;
}
body div#devskin13903060 .hoofs .columns.offset-two {
margin-left:16.4166666667%;
}
body div#devskin13903060 .hoofs .columns.offset-three {
margin-left:24.75%;
}
body div#devskin13903060 .hoofs .columns.offset-four {
margin-left:33.0833333333%;
}
body div#devskin13903060 .hoofs .columns.offset-five {
margin-left:41.4166666667%;
}
body div#devskin13903060 .hoofs .columns.offset-six {
margin-left:49.75%;
}
body div#devskin13903060 .hoofs .columns.offset-seven {
margin-left:58.0833333333%;
}
body div#devskin13903060 .hoofs .columns.offset-eight {
margin-left:66.4166666667%;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .hoofs .wrap {
padding:0px 30px 0px 30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .hoofs .row.paddTop {
padding-top:30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .hoofs .column, body div#devskin13903060 .hoofs .columns {
padding:0 10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .wrap {
max-width:100%;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .row.paddTop {
padding-top:15px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .column, body div#devskin13903060 .hoofs .columns {
margin-bottom:30px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .column.desktop, body div#devskin13903060 .hoofs .columns.desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .column.mobile, body div#devskin13903060 .hoofs .columns.mobile {
display:block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .columns.six, body div#devskin13903060 .hoofs .columns.seven, body div#devskin13903060 .hoofs .columns.eight, body div#devskin13903060 .hoofs .columns.nine, body div#devskin13903060 .hoofs .columns.ten, body div#devskin13903060 .hoofs .columns.eleven, body div#devskin13903060 .hoofs .columns.twelve {
min-width:275px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .column, body div#devskin13903060 .hoofs .columns {
width:100% !important;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .columns.bottomMargin {
padding:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs .columns.offset-one, body div#devskin13903060 .hoofs .columns.offset-two, body div#devskin13903060 .hoofs .columns.offset-three, body div#devskin13903060 .hoofs .columns.offset-four, body div#devskin13903060 .hoofs .columns.offset-five {
margin-left:0%;
}
}
body div#devskin13903060 .ogplease {
display:none;
}
body div#devskin13903060 *, body div#devskin13903060 *:before, body div#devskin13903060 *:after {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
body div#devskin13903060 {
background-color:#0b0b0b;
}
body div#devskin13903060 .hoofs {
margin:0 auto;
padding:0;
position:relative;
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:300;
font-size:18px;
line-height:1.6;
color:#fcfcfc;
background-color:#2b2c2d;
min-width:700px;
max-width:1420px;
overflow:hidden;
}
body div#devskin13903060 .hoofs b, body div#devskin13903060 .hoofs strong {
color:inherit;
letter-spacing:0;
}
body div#devskin13903060 .hoofs.rules-page {
max-width:1080px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .hoofs {
min-width:600px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .hoofs {
min-width:270px;
}
}
body div#devskin13903060 p, body div#devskin13903060 .u-list ul, body div#devskin13903060 .u-list li {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:300;
font-size:18px;
line-height:1.6;
}
body div#devskin13903060 b, body div#devskin13903060 strong {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:bold;
font-size:18px;
line-height:1.6;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 p, body div#devskin13903060 .u-list ul, body div#devskin13903060 .u-list li {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:300;
font-size:13px;
line-height:1.6;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 b, body div#devskin13903060 strong {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:bold;
font-size:13px;
line-height:1.6;
}
}
body div#devskin13903060 p {
margin:0 0 15px;
padding:0;
}
body div#devskin13903060 p:last-child {
margin:0;
}
body div#devskin13903060 a {
color:#00e59b;
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;
font-size:inherit;
line-height:inherit;
}
body div#devskin13903060 a, body div#devskin13903060 a.external, body div#devskin13903060 a.discoverytag {
cursor:pointer;
text-decoration:none;
}
body div#devskin13903060 a:hover, body div#devskin13903060 a.external:hover, body div#devskin13903060 a.discoverytag:hover {
text-decoration:none;
}
body div#devskin13903060 a.external:after {
display:none;
text-decoration:none;
}
body div#devskin13903060 a:not(.external):not(.thumb) {
font-weight:normal;
}
body div#devskin13903060 a:hover {
text-decoration:none;
}
body div#devskin13903060 .section {
width:100%;
display:inline-block;
position:relative;
vertical-align:bottom;
}
body div#devskin13903060 h1, body div#devskin13903060 h2, body div#devskin13903060 h3 {
margin:0;
padding:0;
font-weight:bold;
letter-spacing:0;
}
body div#devskin13903060 h1 a, body div#devskin13903060 h2 a, body div#devskin13903060 h3 a {
text-decoration:none;
}
body div#devskin13903060 h1 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:80px;
line-height:1.06;
padding-bottom:27px;
}
body div#devskin13903060 h2 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:48px;
line-height:1.1;
padding-bottom:15px;
}
body div#devskin13903060 h3 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:24px;
line-height:1.1;
padding-bottom:9px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 h1 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:32px;
line-height:1.06;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 h2 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:24px;
line-height:1.1;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 h3 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:20px;
line-height:1.1;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 h1 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:28px;
line-height:1.06;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 h2 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:22px;
line-height:1.1;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 h3 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.1;
}
}
body div#devskin13903060 h1 span, body div#devskin13903060 h2 span, body div#devskin13903060 h3 span {
display:block;
}
body div#devskin13903060 .u-list ul {
margin:0 0 15px 15px;
padding:0;
list-style:disc;
}
body div#devskin13903060 .u-list ul li {
margin:0;
padding:0 0 0 8px;
}
body div#devskin13903060 .u-list ul li:before {
background-image:none;
}
body div#devskin13903060 .u-list.numbers ul {
list-style:none;
margin-left:0;
}
body div#devskin13903060 .u-list.numbers ul li {
position:relative;
}
body div#devskin13903060 .u-list.numbers ul li:before {
color:#6b7076;
top:0;
left:0;
position:absolute;
}
body div#devskin13903060 .u-list.numbers ul li:nth-of-type(1):before {
content:'1';
}
body div#devskin13903060 .u-list.numbers ul li:nth-of-type(2):before {
content:'2';
}
body div#devskin13903060 .u-list.numbers ul li:nth-of-type(3):before {
content:'3';
}
body div#devskin13903060 .button {
margin:0 auto 15px;
padding:21px 30px 21px 30px;
display:inline-block;
min-width:210px;
font-size:14px;
line-height:1;
font-weight:bold !important;
letter-spacing:.01rem;
color:#0b0b0b;
text-decoration:none;
text-align:center;
white-space:nowrap;
text-transform:uppercase;
text-decoration:none;
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;
background:#4cddbd;
background: -webkit-linear-gradient(114deg, #4cddbd, #06f286);
background: -moz-linear-gradient(114deg, #4cddbd, #06f286);
background:linear-gradient(114deg, #4cddbd, #06f286);
transition:all .1s linear;
-moz-transition:all .1s linear;
-webkit-transition:all .1s linear;
-ms-transition:all .1s linear;
-o-transition:all .1s linear;
cursor:pointer;
outline:0;
}
body div#devskin13903060 .button:hover, body div#devskin13903060 .button.outline:hover {
background:#06f286;
background: -webkit-linear-gradient(114deg, #06f286, #4cddbd);
background: -moz-linear-gradient(114deg, #06f286, #4cddbd);
background:linear-gradient(114deg, #06f286, #4cddbd);
}
body div#devskin13903060 .button:active {
transform:translate(0, 4px);
-moz-transform:translate(0, 4px);
-webkit-transform:translate(0, 4px);
-ms-transform:translate(0, 4px);
-o-transform:translate(0, 4px);
}
body div#devskin13903060 .button.disabled {
opacity:.5;
filter:alpha(opacity=50);
_zoom:1;
cursor:not-allowed;
}
body div#devskin13903060 .button.disabled:hover {
color:#0b0b0b;
background:#ffbd37;
}
body div#devskin13903060 .button.outline {
color:#00e59b;
background-color:transparent;
border:1px #00e59b solid;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .button {
min-width:180px;
}
}
body div#devskin13903060 .social-buttons {
cursor:pointer;
float:right;
width:80px;
margin:0;
overflow:hidden;
transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
z-index:99;
}
body div#devskin13903060 .social-buttons .social {
margin:15px 0;
width:80px;
height:20px;
position:relative;
float:left;
line-height:20px;
text-align:center;
overflow:hidden;
cursor:pointer;
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;
z-index:99;
}
body div#devskin13903060 .social-buttons .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#devskin13903060 .social-buttons .social iframe {
padding:0;
width:80px !important;
position:absolute !important;
height:20px !important;
display:inline-block !important;
}
body div#devskin13903060 .social-buttons .social.fb iframe {
top:0 !important;
left:-1px !important;
}
body div#devskin13903060 .social-buttons .social.twitter iframe {
top:0 !important;
left:10px !important;
}
body div#devskin13903060 .social-buttons .social.gp iframe {
top:0 !important;
left:22px !important;
}
body div#devskin13903060 .social-buttons .social .slide {
text-indent:-9999em;
height:20px;
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-out;
-moz-transition:transform 0.15s ease-out;
-webkit-transition:transform 0.15s ease-out;
-ms-transition:transform 0.15s ease-out;
-o-transition:transform 0.15s ease-out;
}
body div#devskin13903060 .social-buttons .social .slide:before {
content:'';
position:absolute;
top:50%;
left:50%;
margin:-8px 0 0 -8px;
width:16px;
height:16px;
background:transparent url('https://www.da-files.com/creative/2020/hoofs/icons-social-light.svg?v=1295026261') 50% 50%/50px auto no-repeat;
z-index:-1;
}
body div#devskin13903060 .social-buttons .social.fb .slide:before {
background-position:50% 100%;
}
body div#devskin13903060 .social-buttons .social.twitter .slide:before {
background-position:0% 100%;
}
body div#devskin13903060 .social-buttons .social.gp .slide:before {
background-position:100% 100%;
}
body div#devskin13903060 .social-buttons .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%);
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
}
body div#devskin13903060 .social-buttons .social:hover * {
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
}
body div#devskin13903060 .navbar {
position:relative;
width:100%;
z-index:4;
padding:0;
color:#fcfcfc;
background:#0b0b0b;
}
body div#devskin13903060 .navbar .columns {
padding:0;
}
body div#devskin13903060 .navbar .columns.cobrand {
padding:5px 0 0 30px;
}
body div#devskin13903060 .navbar img, body div#devskin13903060 .navbar .slash, body div#devskin13903060 .navbar .pipe {
float:left;
margin:5px 10px 0 0;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
body div#devskin13903060 .navbar .logo-deviantart {
height:18px;
transform:translate(0, 3px);
-moz-transform:translate(0, 3px);
-webkit-transform:translate(0, 3px);
-ms-transform:translate(0, 3px);
-o-transform:translate(0, 3px);
}
body div#devskin13903060 .navbar .logo-partner {
height:14px;
transform:translate(0, 5px);
-moz-transform:translate(0, 5px);
-webkit-transform:translate(0, 5px);
-ms-transform:translate(0, 5px);
-o-transform:translate(0, 5px);
padding-left:5px;
padding-right:5px;
}
body div#devskin13903060 .navbar .challenge-image {
height:13px;
padding:5px 0 10px 0;
transform:translate(0, 1px);
-moz-transform:translate(0, 1px);
-webkit-transform:translate(0, 1px);
-ms-transform:translate(0, 1px);
-o-transform:translate(0, 1px);
}
body div#devskin13903060 .navbar span.slash {
position:relative;
display:inline-block;
height:25px;
width:1px;
}
body div#devskin13903060 .navbar span.slash:after {
content:'';
position:absolute;
width:1px;
height:100%;
top:0;
right:0;
background:#3a3d40;
transform:skew(-28deg) translate(0, 0);
-moz-transform:skew(-28deg) translate(0, 0);
-webkit-transform:skew(-28deg) translate(0, 0);
-ms-transform:skew(-28deg) translate(0, 0);
-o-transform:skew(-28deg) translate(0, 0);
}
body div#devskin13903060 .navbar span.pipe {
position:relative;
display:inline-block;
padding-left:5px;
height:25px;
width:1px;
border-left:1px #3a3d40 solid;
}
body div#devskin13903060 .navbar .nav-column {
padding:10px 0;
}
body div#devskin13903060 .navbar .nav ul {
float:right;
}
body div#devskin13903060 .navbar .nav ul, body div#devskin13903060 .navbar .nav li {
list-style:none;
margin:0;
padding:0;
}
body div#devskin13903060 .navbar .nav li {
position:relative;
display:inline-block;
float:left;
text-align:left;
}
body div#devskin13903060 .navbar .nav li:before {
background-image:none;
}
body div#devskin13903060 .navbar .nav li a.nav-item {
display:inline-block;
padding:0 8px;
font-weight:bold !important;
color:#fcfcfc;
}
body div#devskin13903060 .navbar .nav li a.nav-item:hover {
text-decoration:underline;
color:#00e59b;
}
body div#devskin13903060 .navbar .nav li.social {
padding-left:30px;
}
body div#devskin13903060 .navbar .nav li.social:before {
content:'';
background:#3a3d40;
width:1px;
height:24px;
position:absolute;
top:50%;
left:15px;
transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
}
body div#devskin13903060 .navbar .nav li.rating span {
display:inline-block;
color:#00e59b;
padding:0 10px 0 10px;
}
body div#devskin13903060 .navbar .nav li, body div#devskin13903060 .navbar .nav li a.nav-item, body div#devskin13903060 .navbar .nav .social-buttons .social, body div#devskin13903060 .navbar .nav .social-buttons .social .slide, body div#devskin13903060 .navbar .nav .rating {
height:25px;
line-height:25px;
font-size:11px;
text-transform:uppercase;
letter-spacing:0;
}
body div#devskin13903060 .navbar .nav .social-buttons {
margin:0;
width:60px;
}
body div#devskin13903060 .navbar .nav .social-buttons .social {
margin:0;
width:30px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .navbar .challenge-image {
height:11px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .navbar .nav li.social {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar {
text-align:center;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .columns {
margin-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .columns.cobrand {
width:auto !important;
margin:0 auto;
padding:12px 0px 0px 0px;
text-align:center;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .columns {
min-width:200px !important;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .mobile-wrap {
display:inline-block;
margin:0 auto;
padding-bottom:5px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .mobile-wrap img, body div#devskin13903060 .navbar .mobile-wrap .slash {
float:none;
vertical-align:middle;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .mobile-wrap .logo-deviantart, body div#devskin13903060 .navbar .mobile-wrap .logo-partner {
transform:translate(0, 0);
-moz-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar span.pipe {
float:none;
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .block {
display:block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .challenge-image {
float:none;
margin:0 auto;
padding:15px 0 0px 0;
height:10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .nav {
text-align:center;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .nav .desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .nav ul, body div#devskin13903060 .navbar .nav ul li {
float:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .nav li a.nav-item {
display:inline-block;
padding:0 6px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .navbar .nav li.rating span {
padding:0 0 0 5px;
}
}
body div#devskin13903060 img {
vertical-align:bottom;
max-width:100%;
}
body div#devskin13903060 .image {
position:relative;
}
body div#devskin13903060 .image>a {
display:block;
cursor:pointer;
}
body div#devskin13903060 .image div.credit {
position:absolute;
bottom:0;
left:0;
right:0;
padding:14px 5px 5px 10px;
background:rgb(0, 0, 0);
background:rgba(0,0,0,0.4);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, transparent 100%);
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, transparent 100%);
background:linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
color:#fcfcfc;
transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
opacity:0;
filter:alpha(opacity=0);
_zoom:1;
z-index:2;
}
body div#devskin13903060 .image div.credit a, body div#devskin13903060 .image div.credit .name a {
color:white;
font-weight:300;
}
body div#devskin13903060 .image div.credit .avatar {
float:left;
width:12px;
height:12px;
color:transparent;
display:none;
}
body div#devskin13903060 .image div.credit .avatar img {
width:100%;
height:auto;
display:inline-block;
}
body div#devskin13903060 .image div.credit .txt {
margin:0;
padding:0 !important;
text-align:left;
}
body div#devskin13903060 .image div.credit .txt .title {
padding:0;
text-align:left;
}
body div#devskin13903060 .image div.credit .txt .user-symbol {
display:none;
}
body div#devskin13903060 .image div.credit .txt span {
display:block;
line-height:1;
}
body div#devskin13903060 .image div.credit .txt span.banned {
display:inline-block;
}
body div#devskin13903060 .image div.credit .txt .title {
display:inline-block;
font-size:12px;
line-height:1;
color:white;
border-bottom:1px transparent solid;
}
body div#devskin13903060 .image div.credit .txt .username {
font-size:11px;
line-height:1;
display:inline-block;
padding:0;
color:white;
border-bottom:1px transparent solid;
}
body div#devskin13903060 .image div.credit .txt .title:hover, body div#devskin13903060 .image div.credit .txt .username:hover {
border-bottom-color:#1cff9f;
}
body div#devskin13903060 .section.gallery .image {
margin-bottom:24px;
border:5px white solid;
box-shadow:0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
}
body div#devskin13903060 .section.gallery .image:hover .credit {
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
}
body div#devskin13903060 .section.gallery .columns {
padding:0px 12px 0px 12px;
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .section.gallery .columns {
margin-bottom:0;
}
}
body div#devskin13903060 .section.gallery .last {
padding-bottom:30px;
}
body div#devskin13903060 .desktop {
display:block;
}
body div#devskin13903060 .mobile {
display:none;
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .mobile {
display:block;
}
}
body div#devskin13903060 p.site-update {
color:#f53948;
font-family:'devioussans02medium',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
text-transform:uppercase;
}
body div#devskin13903060 .header {
color:#0b0b0b;
background:#fcfcfc url('https://www.da-files.com/creative/2020/hoofs/bg-header.jpg?v=1295026261') left bottom/46% auto no-repeat;
padding:78px 0px 78px 0px;
}
body div#devskin13903060 .header h1, body div#devskin13903060 .header h1 a, body div#devskin13903060 .header h1 a:hover {
color:#0b0b0b !important;
text-decoration:none;
}
body div#devskin13903060 .header p.first {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:22px;
line-height:1.5;
}
body div#devskin13903060 .header p {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
}
body div#devskin13903060 .header p.site-update {
font-family:'devioussans02medium',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .header p.first {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:20px;
line-height:1.4;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .header {
padding:30px 0px 120px 0px;
background:#fcfcfc url('https://www.da-files.com/creative/2020/hoofs/bg-header-m.jpg?v=1295026261') right bottom/36% auto no-repeat;
}
}
body div#devskin13903060 .artists-side {
color:#fcfcfc;
background:#0b0b0b;
padding:30px 0px 30px 0px;
}
body div#devskin13903060 .artists-side p {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
margin-bottom:0;
}
body div#devskin13903060 .artists-side .divider {
padding:30px 0;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .artists-side p {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:15px;
line-height:1.6;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .artists-side {
padding:22.5px 0px 0px 0px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .artists-side .divider {
padding:15px 0;
}
}
body div#devskin13903060 .example {
background-color:#fcfcfc;
position:relative;
}
body div#devskin13903060 .example:after {
content:'';
position:absolute;
top:0;
right:0;
height:100%;
width:44%;
background-color:#dbdbe2;
z-index:1;
}
body div#devskin13903060 .example .columns {
position:relative;
z-index:2;
}
body div#devskin13903060 .example .example-img {
padding:60px 60px 0px 0px;
}
body div#devskin13903060 .example .example-img img {
transform:translate(-5%, 6%) scale(1.2);
-moz-transform:translate(-5%, 6%) scale(1.2);
-webkit-transform:translate(-5%, 6%) scale(1.2);
-ms-transform:translate(-5%, 6%) scale(1.2);
-o-transform:translate(-5%, 6%) scale(1.2);
}
body div#devskin13903060 .example .blurb {
padding:60px 0px 30px 30px;
color:#0b0b0b;
}
body div#devskin13903060 .example .blurb p.first {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:26px;
line-height:1.3;
margin-bottom:30px;
}
body div#devskin13903060 .example .blurb .u-list {
margin-left:10px;
}
body div#devskin13903060 .example .blurb .u-list li {
line-height:1.3;
padding-bottom:10px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .example .example-img {
padding:60px 60px 0px 0px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .example .example-img img {
transform:translate(0, 0) scale(1);
-moz-transform:translate(0, 0) scale(1);
-webkit-transform:translate(0, 0) scale(1);
-ms-transform:translate(0, 0) scale(1);
-o-transform:translate(0, 0) scale(1);
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .example .blurb p.first {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:20px;
line-height:1.3;
margin-bottom:30px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .example :after {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .example .example-img, body div#devskin13903060 .example .blurb {
padding:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .example .example-img {
padding-top:45px;
}
}
body div#devskin13903060 .gallery {
padding:60px 0px 60px 0px;
color:#fcfcfc;
background-color:#0b0b0b;
}
body div#devskin13903060 .gallery h2 {
color:#fcfcfc;
}
body div#devskin13903060 .gallery .note {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:14px;
line-height:1.5;
color:#9fa3a8;
}
body div#devskin13903060 .gallery .row.gallery-row, body div#devskin13903060 .gallery .row.button-row {
padding-top:60px;
}
body div#devskin13903060 .badge {
color:#0b0b0b;
background-color:#fcfcfc;
padding:30px 0px 30px 0px;
}
body div#devskin13903060 .badge .blurb {
padding:30px 0;
}
body div#devskin13903060 .badge p.site-update {
color:#00e59b;
}
body div#devskin13903060 .badge a.taglink {
padding-left:9px;
position:relative;
display:inline-block;
text-decoration:none;
}
body div#devskin13903060 .badge a.taglink:before {
position:absolute;
top:0;
left:0;
content:'#';
}
@media only screen and (max-width: 1023px) {
body div#devskin13903060 .badge .blurb {
padding:0;
}
}
body div#devskin13903060 .bottom {
position:absolute;
left:50%;
right:0;
bottom:10px;
transform:translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
padding:0;
text-align:center;
background:transparent;
z-index:1;
width:260px;
}
@media only screen and (max-width: 767px) {
body div#devskin13903060 .bottom {
display:none;
}
}
body div#devskin13903060 .bottom a {
padding:5px;
color:#9fa3a8;
cursor:text;
display:block;
white-space:nowrap;
text-decoration:none;
line-height:inherit;
position:relative;
cursor:pointer;
z-index:1;
}
body div#devskin13903060 .bottom a:hover {
color:#00e59b;
}
Due to the sudden increase in submissions of the character "Hoofs," our policies have been updated to prohibit the submission of any Hoofs art, fanart, or derivative works.
— Site Update
Hoofs BannedHoofs is officially banned from DeviantArt. For more information, read below.
Due to the sudden increase in submissions of the character "Hoofs," our policies have been updated to prohibit the submission of any Hoofs art, fan art, or derivative works. We sometimes have to make difficult decisions for the benefit of the community as a whole, and the extreme nature of this character necessitated us making a change.
Though we do our best to err on the side of artists whenever possible, the nature of Hoofs as a character brings with it too much risk — one we're unwilling to take. As such, the new policies are effective immediately.
In case the action items resulting from this image ban are unclear, here are a few pointers.
DO
- Check to see if your submissions contain Hoofs.
- Avoid interacting with (commenting on or favouriting) art of Hoofs.
- Spread the word about this policy change to protect your peers.
DON'T
- Submit a deviation that includes Hoofs. This includes visual likeness, journal updates, and fan fiction.
- Click on or near deviations others have posted of Hoofs.
- Encourage others to post art of Hoofs or interact with artists creating Hoofs.
Examples of Policy Violations
If you are unfamiliar with Hoofs and fear you might have encountered it while on DeviantArt, here are some more examples.
Hoofs Midnight Ride TetraModal
Hoofs Parororo
Hoofs EuqinimodArt
HOOFS ChrisBMurray
singing and dancing in the meteor snail rain drachenmagier
FanArt of Hoofs!
AbigailLarson
Hoofs The one and Only ChasingArtwork
Hoofs Fanart Ry-Spirit
Browse More Examples
Note: These works are shared here for informational purposes only, and they will be removed from DeviantArt almost immediately to comply with the new policy requirements.
— Update
Our engineers have discovered a "software bug" that occurs when a deviant submits art of Hoofs with the tag SaveHoofs . Upon doing so, a badge in Hoofs' image will accidentally be granted to that deviant. We are working to get this fixed ASAP.
Please do not exploit this.