X DeviantClip 1 - DEV

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("deviantclip.com") {

/* === X DeviantClip === */

/* (new2) - SUPP general BACKGROUND - === */
html {
  background: black!important;
  color: #FFFFFF;
}

/* OTHERS */
div, span {
    overflow: visible !important;
}

.site-main {
    margin-bottom: 0;
    margin-left: -458px !important;
    margin-right: auto;
    margin-top: -20px !important;
    position: absolute !important;
    width: 1890px !important;
padding: 0 ! important;
}


/* SUPP - === */

body ,
.site-background  {
    background-image: none!important;
}
#adds_bottom,
#adds_center ,
.pub_right ,
.pub_right div  ,
#footer_container ,
.sponsor_link ,
.main-header a.logo ,
.main-header .logo-text ,
.site-border-t ,
.site-border-b ,
.main-sectioncontent + .main-sectiontitle ,
.copyright ,
.footer {
    display: none !important;
}

/* (new2) PLAYER - === */

.site-main h1.title {
    position: absolute!important;
    display: inline-block!important;
    top: 44px!important;
    left: 22px!important;
width: 700px ! important;
height: 38px ! important;
font-size: 18px ! important;
text-align: center  ! important;
}

.site-main>h5 {
    position: absolute!important;
    display: inline-block!important;
width: 530px ! important;
    top: 680px!important;
    left: 30px!important;
padding: 2px ! important;
text-align: left ! important;
border: 1px solid gray ! important;
font-size: 11px ! important;
}

.video-leftbox .overlay {
    display: none!important;
}
.video-leftbox {
position: absolute ! important;
    display: block !important;
    float: none !important;
    margin-left: 3px !important;
    max-width: 700px ! important;
top : 90px !important;
outline : red solid 1px !important;
}
.player ,
.player-large ,
#player {
  background-color: black ! important;
  display: inline-block ! important;
  float: left;
/*   width: 670px; */
  min-width: 700px!important;
  max-width: 700px!important;
}
/* RELATED CLIPS - PLAYER - === */
.related-gblctn{
    top : 488px !important;
}

/* MOVIE TITLE - === */
.main-sectionads + .main-sectiontitle>ul {
position : absolute  !important;
margin-top : -70px !important;
outline : red solid 1px !important;
display : block  !important;
color: white  !important;
width : 930px !important;
}
.main-sectionads + .main-sectiontitle>ul li.text {
    color: white !important;
}

/* (new2) RATING - === */
#rating_box {
/*     position: relative !important; */
position: absolute ! important;
    background: black !important;
    float: none !important;
    margin-bottom: 10px;

    margin-right: 0;
    top: 650px !important;

    width: 700px ! important;
color :grey  !important;
}

/* THUMBNAIL -
    margin-left: -950px !important;
.main-sectiontitle + .main-sectioncontent
 === */
.main-sectioncontent + .main-sectiontitle + .main-sectioncontent{
    display: block !important;
    float: right !important;
    left: 960px !important;
margin-right : 100px !important;
    position: absolute !important;
top : 100px !important;
width :935px !important;
outline : red solid 1px !important;
}

/* HEADER - POPULAR - === */
.main-header div.right {
    overflow: visible !important;
    text-align: center;
}

.main-header .right {
    float: none !important;
    margin-bottom: 10px;
    width: 1900px !important;
position :relative  !important;
top :0 !important;
    overflow: visible !important;
}

/* POPULAR - TOP BOX - === */
.main-header .right .container{
    background-color: #DDDDDD;
    border: 1px solid #777777;
    height: 20px !important;
    margin-top: -1px !important;
    overflow: visible !important;
    width: 1800px !important;
position : absolute  !important;
}

/* POPULAR - TITLE "Popular" - (display none?) -
float:left  !important;
display : none  !important;
 === */
.main-header div.right span.title {
    background-color: #DDDDDD;
    border: medium none !important;
    display: inline !important;
    font-weight: bold;
    padding: 0 10px;
    position: relative !important;
top : 14px !important;
z-index :500 !important;
}
/* SEARCH - === */
.main-header div.right div.container form {
    border-top: medium none !important;
    float: none !important;
    margin-left: 1530px !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
    text-align: left;
    width: 393px !important;
position : absolute  !important;
top : -3px !important;
}

/* HOME TOP BAR - === */
#crakpass_sites_bar {
  background: -moz-linear-gradient(center top , #222222 0%, #444444 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  color: #FFFFFF;
  height: 15px ! important;
line-height: 15px ! important;
  top: 0;
left: 550px ! important;
    width: 700px!important;
padding: 0 ! important;
  z-index: 200!important;
}
/* #crakpass_sites  */
#crakpass_sites_bar div {
  height: 15px!important;
  line-height: 15px!important;
padding-bottom: 0 ! important;
/* display: inline-block!important; */
}
#crakpass_sites_bar div a{
  height: 15px!important;
  line-height: 15px!important;
padding-top: 0 ! important;
padding-bottom: 0 ! important;
/* display: inline-block!important; */
}
.crakPassToolbar {
  color: #FFFFFF;
  display: inline-block !important;
  left: 587px !important;
  position: absolute !important;
  top: 0 !important;
  width: 111px !important;
}
#Crakpass_Widget_Login/*  */ {
    position: absolute!important;
    right: -210px!important;
    top: -6px!important;
width: 300px! important;
}
.main-menu {
    position: absolute !important;
display: inline-block ! important;
    background: red ! important;
    float: none !important;
    margin-bottom: 0;
    margin-top: 18px;
    padding-bottom: 0px;
    width: 500px!important;
min-height: 20px ! important;
max-height: 20px ! important;
line-height: 15px ! important;
z-index: 3000 ! important;
}
.main-menu>ul>li {
    display: inline-block !important;
  font-size: 10px!important;
min-height: 15px ! important;
max-height: 15px ! important;
line-height: 15px ! important;
}
.main-menu a {
  float: left;
  padding: 0px 4px 0 4px ! important;
  transition: color 0.4s linear 0s;
  font-size: 10px!important;
height: 15px ! important;
line-height: 15px ! important;
}

.main-menu li.s a,
.main-menu a:hover {
    color: black!important;
}
#search_box {
    display: inline-block !important;
    height: 19px !important;
    margin-top: 19px!important;
    position: absolute !important;
    right: 0 !important;
}

/* (new2) PRELOAD IMAGE - */
#thumb_preload {
  display: none!important;
}

/* (new2)VIDEO PLAYER - RELATED VIDEOS - === */
.small_thumbs.type_video {
  width: 680px;
  right: 462px ! important;
top: 64px!important;
  float: right!important;
clear: both !important;
}
.small_thumbs h4.title {
  position: relative;
  width: 670px;
    padding-bottom: 0px ! important;
margin-bottom: -5px ! important;
  font-size: 18px!important;
}
/* (new2) COMMENT - === */
.tiny_thumbs.type_video + .small_thumbs.type_video > h4{
    background: -moz-linear-gradient(center top , #FC7979 0%, #E83535 49%, #E21B1B 50%, #C60909 100%) repeat scroll 0 0 #E21B1B;
    box-shadow: 0 0 6px 0 rgba(252, 121, 121, 0.15), 0 0 10px -2px #E21B1B inset, 0 1px 0 rgba(255, 255, 255, 0.15), 0 -1px 0 rgba(0, 0, 0, 0.9);
    color: #FFFFFF;
}
.tiny_thumbs.type_video + .small_thumbs.type_video{
    position: absolute!important;
display: inline-block ! important;
    left: 728px!important;
    top: 43px!important;
padding-left: 5px ! important;
height: 20px ! important;
overflow-y: auto ! important;
overflow: hidden ! important;
}
.tiny_thumbs.type_video + .small_thumbs.type_video:hover{
    position: absolute!important;
display: inline-block ! important;
    left: 732px!important;
    top: 43px!important;
height: 100%! important;
max-height: 902px ! important;
overflow-y: auto ! important;
overflow: hidden ! important;
z-index: 500 ! important;
border: 1px solid ! important;
background: black ! important;
}

/* (new2) CATEGORIES - VIDEO PLAYER PAGE -  - === */
#categories {
  bottom: -120px;
  display: inline-block !important;
  float: left;
  font-family: 'MainFont',Arial,sans-serif;
  font-size: 15px ! important;
  left: 21px!important;
  padding: 10px 0;
  position: absolute !important;
  width: 673px!important;
  z-index: 3;
  bottom: -41px!important;
}
.page_category_videos .site .site-background .site-main .container #categories{
  bottom: -120px;
  display: inline-block !important;
  float: left;
  font-family: 'MainFont',Arial,sans-serif;
  font-size: 15px ! important;
  left: 21px!important;
  padding: 10px 0;
  position: absolute !important;
  width: 1800px !important;
max-height: 30px ! important;
  z-index: 3;
  bottom: -61px!important;
}
#categories_title {
  border-bottom-color: #7F7F7F;
color: gold ! important;
}
#categories li {
  width: 112px!important;
  font-size: 15px!important;
max-height: 15px ! important;
min-height: 15px ! important;
}
#categories a {
  color: peru!important;
  font-size: 17px!important;
max-height: 15px ! important;
min-height: 15px ! important;
}

/* (new2) CAMS THUMB -
#cams_ajax
=== */
.tiny.title {
  position: relative;
  width: 670px;
  font-size: 18px!important;
}
#cams.tiny_thumbs{
right: 0px!important;
  width: 464px;
  position: absolute!important;
  top: 60px!important;
  float: none!important;
}

/* (new2) - VIDEO THUMBNAILS PAGE - === */
.main-sectioncontent {
  float: left;
  margin-left: 55px ! important;
  width: 1906px !important;
}


/* (new2) PAGINATION - === */
.main-sectionpaging {
  float: none !important;
  font-family: 'MainFont',Verdana,sans-serif;
  font-size: 12px ! important;
  font-weight: bold;
  margin: -19px 0 15px 3px ! important;
  position: absolute !important;
  text-align: center;
  width: 100% !important;
height: 15px ! important;
line-height: 15px ! important;
}
.main-sectionpaging a {
  font-size: 12px !important;
  margin-left: 3px;
  padding: 2px 4px !important;
  text-align: center;
}
/* ==== END ==== */

}