@ -1,6 +1,6 @@
. page . movie_details , . thumb_list . movie . hover_start . actions { pointer-events : none }
. movies > . description a : hover , . page . movie_details . releases . buttons a : hover { text-decoration : underline }
. update . message { background : #FFF ; padding : 20 px ; text-align : center ; font-size : 1.25 em }
. update . message { background : #fff ; padding : 20 px ; text-align : center ; font-size : 1.25 em }
. dark . update . message { background : #2d2d2d }
@ media ( max-width : 768px ) { . update . message { font-size : 1 em }
}
@ -14,7 +14,7 @@
. dark . search_form . wrapper { background : #f85c22 ; box-shadow : 0 5 px 15 px 2 px rgba ( 0 , 0 , 0 , .4 ) }
. search_form . wrapper : before { -webkit- transform : rotate ( 45 deg ) ; transform : rotate ( 45 deg ) ; content : '' ; display : block ; position : absolute ; height : 10 px ; width : 10 px ; background : #ac0000 ; left : -6 px ; bottom : 16 px ; z-index : 1 }
. dark . search_form . wrapper : before { background : #f85c22 }
. search_form . input { background : #FFF ; border-radius : 3 px 0 0 3 px ; position : relative ; left : 4 px ; height : 44 px ; overflow : hidden ; width : 100 % }
. search_form . input { background : #fff ; border-radius : 3 px 0 0 3 px ; position : relative ; left : 4 px ; height : 44 px ; overflow : hidden ; width : 100 % }
. dark . search_form . input { background : #2d2d2d }
. search_form . input input { position : absolute ; top : 0 ; left : 0 ; height : 100 % ; width : 100 % ; z-index : 1 }
. search_form . input input :: -ms-clear { width : 0 ; height : 0 }
@ -29,7 +29,7 @@
. page . home . search_form , . search_form . focused , . search_form . shown { border-color : #04bce6 }
. page . home . search_form . wrapper , . search_form . focused . wrapper , . search_form . shown . wrapper { display : block ; width : 380 px ; -webkit- transform-origin : 0 90 % ; transform-origin : 0 90 % }
. page . home . search_form . input input , . search_form . focused . input input , . search_form . shown . input input { opacity : 1 }
. search_form . results_container { min-height : 50 px ; text-align : left ; position : relative ; left : 4 px ; display : none ; background : #FFF ; border-radius : 3 px 0 0 ; overflow : hidden }
. search_form . results_container { min-height : 50 px ; text-align : left ; position : relative ; left : 4 px ; display : none ; background : #fff ; border-radius : 3 px 0 0 ; overflow : hidden }
. dark . search_form . results_container { background : #2d2d2d }
. search_form . results_container . results { max-height : 280 px ; overflow-x : hidden }
. search_form . results_container . results . media_result { overflow : hidden ; height : 50 px ; position : relative }
@ -56,7 +56,7 @@
. dark . search_form . results_container . results . media_result . options . button { background : #f85c22 }
. search_form . results_container . results . media_result . options . message { font-size : 20 px ; color : #fff }
. search_form . results_container . results . media_result . thumbnail { width : 30 px ; min-height : 100 % ; display : block ; margin : 0 ; vertical-align : top }
. search_form . results_container . results . media_result . data { position : absolute ; height : 100 % ; top : 0 ; left : 30 px ; right : 0 ; cursor : pointer ; border-top : 1 px solid rgba ( 255 , 255 , 255 , .08 ) ; transition : all .4 s cubic-bezier ( .9 , 0 , .1 , 1 ) ; will-change : transform ; -webkit- transform : translateX ( 0 ) rotateZ ( 360 deg ) ; transform : translateX ( 0 ) rotateZ ( 360 deg ) ; background : #FFF }
. search_form . results_container . results . media_result . data { position : absolute ; height : 100 % ; top : 0 ; left : 30 px ; right : 0 ; cursor : pointer ; border-top : 1 px solid rgba ( 255 , 255 , 255 , .08 ) ; transition : all .4 s cubic-bezier ( .9 , 0 , .1 , 1 ) ; will-change : transform ; -webkit- transform : translateX ( 0 ) rotateZ ( 360 deg ) ; transform : translateX ( 0 ) rotateZ ( 360 deg ) ; background : #fff }
. dark . search_form . results_container . results . media_result . data { background : #2d2d2d ; border-color : rgba ( 255 , 255 , 255 , .08 ) }
@ media ( max-width : 480px ) { . search_form . results_container . results . media_result . thumbnail { display : none }
. search_form . results_container . results . media_result . data { left : 0 }
@ -79,7 +79,7 @@
}
. page . home . search_form . icon-search { display : block ; color : #000 ; right : 20 px ; top : 20 px ; width : 66 px ; height : 66 px ; line-height : 66 px ; left : auto ; -webkit- transform : none ; transform : none ; font-size : 2 em ; opacity : .5 }
. page . home . search_form . wrapper : before , . page . movies . scroll_content { display : none }
. dark . page . home . search_form . icon-search { color : #FFF }
. dark . page . home . search_form . icon-search { color : #fff }
. page . home . search_form . icon-search : hover { background : 0 0 }
@ media ( max-width : 480px ) { . page . home . search_form . icon-search { width : 44 px ; height : 44 px ; line-height : 44 px ; right : 10 px ; top : 10 px ; font-size : 1.5 em }
}
@ -87,7 +87,7 @@
@ media ( max-width : 480px ) { . page . home . search_form . wrapper { right : 10 px ; top : 10 px ; left : 10 px }
}
. page . home . search_form . wrapper . input { border-radius : 0 ; left : 0 ; position : absolute ; top : 0 ; height : 66 px }
. page . home . search_form . wrapper . input input { box-shadow : 0 ; font-size : 2 em ; font-weight : 400 ; padding-right : 66 px ; background : #FFF }
. page . home . search_form . wrapper . input input { box-shadow : 0 ; font-size : 2 em ; font-weight : 400 ; padding-right : 66 px ; background : #fff }
. dark . page . home . search_form . wrapper . input input { background : #2d2d2d }
. page . home . search_form . wrapper . results_container { min-height : 66 px ; position : absolute ; top : 66 px ; left : 0 ; right : 0 ; border : 1 px solid #ebebeb ; border-top : 0 }
. dark . page . home . search_form . wrapper . results_container { border-color : #353535 }
@ -95,17 +95,15 @@
. page . home . search_form . wrapper . input input { padding-right : 44 px ; font-size : 1 em }
. page . home . search_form . wrapper . results_container { top : 44 px ; min-height : 44 px }
}
@ media ( min-width : 480px ) { . page . home . search_form . wrapper . results_container . results { max-height : 400 px }
@ media ( min-width : 480px ) { . page . home . search_form . wrapper . results_container . results . media_result . data , . page . home . search_form . wrapper . results_container . results . media_result . options { left : 40 px }
. page . home . search_form . wrapper . results_container . results { max-height : 400 px }
. page . home . search_form . wrapper . results_container . results . media_result { height : 66 px }
. page . home . search_form . wrapper . results_container . results . media_result . thumbnail { width : 40 px }
. page . home . search_form . wrapper . results_container . results . media_result . options { left : 40 px }
. page . home . search_form . wrapper . results_container . results . media_result . options . title { margin-right : 5 px ; width : 320 px }
}
@ media ( min-width : 480px ) and ( max-width : 480px ) { . page . home . search_form . wrapper . results_container . results . media_result { height : 44 px }
. page . home . search_form . wrapper . results_container . results . media_result . options . title { width : 140 px ; margin-right : 2 px }
}
@ media ( min-width : 480px ) { . page . home . search_form . wrapper . results_container . results . media_result . data { left : 40 px }
}
@ media ( max-width : 480px ) { . page . home . search_form . wrapper . results_container . results . media_result { height : 44 px }
. page . home . search_form . wrapper . results_container . results . media_result . options . title { width : 140 px ; margin-right : 2 px }
}
@ -131,9 +129,9 @@
. movie . quality span { display : inline-block ; background : #ebebeb ; border : 1 px solid transparent ; color : rgba ( 0 , 0 , 0 , .5 ) ; border-radius : 1 px ; padding : 1 px 3 px }
. dark . movie . quality span { color : rgba ( 255 , 255 , 255 , .5 ) }
. movie . quality span . failed { background : #993619 ; color : #FFF }
. movie . quality span . available { color : #009902 ; border-color : #009902 ; background : #FFF }
. movie . quality span . snatched { background : #548399 ; color : #FFF }
. movie . quality span . done , . movie . quality span . downloaded { background : #009902 ; color : #FFF }
. movie . quality span . available { color : #009902 ; border-color : #009902 ; background : #fff }
. movie . quality span . snatched { background : #548399 ; color : #fff }
. movie . quality span . done , . movie . quality span . downloaded { background : #009902 ; color : #fff }
. dark . movie . quality span { background : 0 0 }
. dark . movie . quality span . available { border-color : transparent ; background : 0 0 }
. dark . movie . quality span . snatched { background : #548399 }
@ -157,11 +155,11 @@
. movies > . description { position : absolute ; top : 0 ; right : 20 px ; width : auto ; line-height : 80 px ; opacity : .7 }
. movies > . description a { color : #ac0000 ; display : inline }
. dark . movies > . description a { color : #f85c22 }
. movies > . loading { background : #FFF }
. movies > . loading { background : #fff }
. dark . movies > . loading { background : #2d2d2d }
. movies > . loading . message { color : #000 }
. dark . movies > . loading . message { color : #FFF }
. movies > . loading . spinner { background-color : #FFF }
. dark . movies > . loading . message { color : #fff }
. movies > . loading . spinner { background-color : #fff }
. dark . movies > . loading . spinner { background-color : #2d2d2d }
. movies . movie . actions { will-change : transform , opacity ; -webkit- transform : rotateZ ( 360 deg ) ; transform : rotateZ ( 360 deg ) }
. movies . progress div { width : 50 % ; padding : 5 px 10 px ; display : -webkit- flex ; display : -ms- flexbox ; display : flex }
@ -192,11 +190,11 @@
. list_list . movie . info . rating . vote { display : inline-block ; min-width : 60 px ; text-align : right }
. list_list . movie . actions { position : absolute ; right : 10 px ; top : 0 ; bottom : 0 ; display : none ; z-index : 10 }
. list_list . movie . actions . action { display : inline-block }
. list_list . movie . actions a { height : 100 % ; display : block ; background : #FFF ; color : #ac0000 ; padding : 10 px ; width : auto ; float : right ; text : #000 }
. list_list . movie . actions a { height : 100 % ; display : block ; background : #fff ; color : #ac0000 ; padding : 10 px ; width : auto ; float : right ; text : #000 }
. list_list . movie . actions a . icon , . list_list . movie . actions a : before { display : none }
. dark . list_list . movie . actions a { background : #2d2d2d ; color : #f85c22 ; text : #FFF }
. dark . list_list . movie . actions a { background : #2d2d2d ; color : #f85c22 ; text : #fff }
. list_list . movie . actions a : hover { background : #ebebeb ; color : #000 }
. dark . list_list . movie . actions a : hover { background : #353535 ; color : #FFF }
. dark . list_list . movie . actions a : hover { background : #353535 ; color : #fff }
. list_list . movie : hover . actions { display : block }
@ media ( max-width : 768px ) { . list_list . movie . info . quality span { margin : 2 px 2 px 0 0 }
. list_list . movie : hover . actions { display : none }
@ -268,7 +266,7 @@
. thumb_list . movie . actions . action { position : relative ; margin-right : 10 px ; float : right ; clear : both }
. thumb_list . movie . actions . action : first-child { margin-top : 10 px }
. thumb_list . movie . actions . action a { transition : all 150 ms cubic-bezier ( .9 , 0 , .1 , 1 ) ; will-change : color , background ; transition-property : color , background ; display : block ; width : auto ; padding : 6.67 px ; color : #FFF ; border-radius : 2 px ; font-weight : 400 }
. thumb_list . movie . actions . action a : hover { background : #FFF ; color : #ac0000 }
. thumb_list . movie . actions . action a : hover { background : #fff ; color : #ac0000 }
. dark . thumb_list . movie . actions . action a : hover { background : #2d2d2d ; color : #FFF }
. thumb_list . movie : hover . actions { opacity : 1 ; visibility : visible }
. thumb_list . movie . mask { bottom : 44 px ; border-radius : 3 px ; will-change : opacity ; transition : opacity 30 ms }
@ -281,7 +279,7 @@
}
. page . movie_details . overlay . close { display : inline-block ; text-align : center ; font-size : 60 px ; line-height : 80 px ; color : #FFF ; width : 100 % ; height : 100 % ; opacity : 0 ; will-change : opacity ; transition : opacity .3 s ease .2 s }
. page . movie_details . overlay . close : before { display : block ; width : 44 px }
. page . movie_details . scroll_content { position : fixed ; z-index : 2 ; top : 0 ; bottom : 0 ; right : 0 ; left : 176 px ; background : #FFF ; border-radius : 3 px 0 0 3 px ; overflow-y : auto ; will-change : transform ; -webkit- transform : translateX ( 100 % ) rotateZ ( 360 deg ) ; transform : translateX ( 100 % ) rotateZ ( 360 deg ) ; transition : -webkit- transform 450 ms cubic-bezier ( .9 , 0 , .1 , 1 ) ; transition : transform 450 ms cubic-bezier ( .9 , 0 , .1 , 1 ) }
. page . movie_details . scroll_content { position : fixed ; z-index : 2 ; top : 0 ; bottom : 0 ; right : 0 ; left : 176 px ; background : #fff ; border-radius : 3 px 0 0 3 px ; overflow-y : auto ; will-change : transform ; -webkit- transform : translateX ( 100 % ) rotateZ ( 360 deg ) ; transform : translateX ( 100 % ) rotateZ ( 360 deg ) ; transition : -webkit- transform 450 ms cubic-bezier ( .9 , 0 , .1 , 1 ) ; transition : transform 450 ms cubic-bezier ( .9 , 0 , .1 , 1 ) }
. dark . page . movie_details . scroll_content { background : #2d2d2d }
. page . movie_details . scroll_content > . head { display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-flow : row wrap ; -ms- flex-flow : row wrap ; flex-flow : row wrap ; padding : 0 20 px 0 10 px ; position : relative ; z-index : 2 ; will-change : transform , opacity ; -webkit- transform : rotateZ ( 360 deg ) ; transform : rotateZ ( 360 deg ) }
. page . movie_details . scroll_content > . head h1 { -webkit- flex : 1 auto ; -ms- flex : 1 auto ; flex : 1 auto ; margin : 0 ; font-size : 24 px ; font-weight : 300 ; max-width : 100 % }
@ -293,13 +291,13 @@
. page . movie_details . scroll_content > . head h1 . more_menu . icon-dropdown : before { right : 10 px }
}
. page . movie_details . scroll_content > . head h1 . more_menu a { color : #000 }
. dark . page . movie_details . scroll_content > . head h1 . more_menu a { color : #FFF }
. dark . page . movie_details . scroll_content > . head h1 . more_menu a { color : #fff }
. page . movie_details . scroll_content > . head h1 . more_menu . icon-dropdown { padding-right : 30 px }
. page . movie_details . scroll_content > . head . more_menu { display : inline-block ; vertical-align : top ; max-width : 100 % ; margin-bottom : 0 }
. page . movie_details . scroll_content > . head . more_menu > a { float : left ; line-height : 80 px ; color : #ac0000 }
. dark . page . movie_details . scroll_content > . head . more_menu > a { color : #f85c22 }
. page . movie_details . scroll_content > . head . more_menu > a : hover { color : #000 }
. dark . page . movie_details . scroll_content > . head . more_menu > a : hover { color : #FFF }
. dark . page . movie_details . scroll_content > . head . more_menu > a : hover { color : #fff }
. page . movie_details . scroll_content > . head . more_menu . icon-dropdown { position : relative ; padding : 0 25 px 0 10 px }
. page . movie_details . scroll_content > . head . more_menu . icon-dropdown : before { position : absolute ; right : 10 px ; top : -2 px ; opacity : .2 }
. page . movie_details . scroll_content > . head . more_menu . icon-dropdown : hover : before { opacity : 1 }
@ -320,7 +318,7 @@
. page . movie_details . scroll_content > . head . buttons > a { display : inline-block ; padding : 0 10 px ; color : #ac0000 ; line-height : 80 px }
. dark . page . movie_details . scroll_content > . head . buttons > a { color : #f85c22 }
. page . movie_details . scroll_content > . head . buttons > a : hover { background : #ebebeb ; color : #000 }
. dark . page . movie_details . scroll_content > . head . buttons > a : hover { background : #353535 ; color : #FFF }
. dark . page . movie_details . scroll_content > . head . buttons > a : hover { background : #353535 ; color : #fff }
. page . movie_details . scroll_content . section { padding : 20 px ; border-top : 1 px solid rgba ( 0 , 0 , 0 , .1 ) ; will-change : transform , opacity ; -webkit- transform : rotateZ ( 360 deg ) ; transform : rotateZ ( 360 deg ) }
. dark . page . movie_details . scroll_content . section { border-color : rgba ( 255 , 255 , 255 , .1 ) }
@ media ( max-width : 480px ) { . page . movie_details . scroll_content > . head . more_menu . title . wrapper { top : 30 px ; max-width : 240 px }
@ -343,7 +341,7 @@
. page . movie_details . section_add . options > div . title { min-width : 75 px ; width : 2000 px ; margin : 0 10 px 0 0 }
. page . movie_details . section_add . options > div . category , . page . movie_details . section_add . options > div . profile { width : 200 px ; min-width : 50 px ; margin : 0 10 px 0 0 }
. page . movie_details . section_add . options > div . add { width : 200 px }
. page . movie_details . section_add . options > div . add . button { background : #FFF ; -webkit- flex : 1 auto ; -ms- flex : 1 auto ; flex : 1 auto ; display : block ; text-align : center ; width : 100 % ; margin : 0 }
. page . movie_details . section_add . options > div . add . button { background : #fff ; -webkit- flex : 1 auto ; -ms- flex : 1 auto ; flex : 1 auto ; display : block ; text-align : center ; width : 100 % ; margin : 0 }
. dark . page . movie_details . section_add . options > div . add . button { background : #2d2d2d }
. page . movie_details . section_add . options > div . add . button : hover { background : #ac0000 }
. dark . page . movie_details . section_add . options > div . add . button : hover { background : #f85c22 }
@ -357,7 +355,7 @@
@ media ( max-width : 480px ) { . page . movie_details . releases . item { display : block }
}
. page . movie_details . releases . item : not ( . head ) : hover { background : #ebebeb ; text : #000 }
. dark . page . movie_details . releases . item : not ( . head ) : hover { background : #353535 ; text : #FFF }
. dark . page . movie_details . releases . item : not ( . head ) : hover { background : #353535 ; text : #fff }
. page . movie_details . releases . item span { text-align : center }
. page . movie_details . releases . item span : before { display : none ; font-weight : 700 ; opacity : .8 ; margin-right : 3 px ; width : 100 % ; font-size : .9 em }
. page . movie_details . releases . item . name { -webkit- flex : 1 auto ; -ms- flex : 1 auto ; flex : 1 auto ; text-align : left }
@ -372,7 +370,7 @@
. page . movie_details . releases . item . actions a { text-align : center }
}
. page . movie_details . releases . item . actions a { display : inline-block ; vertical-align : top ; padding : 6.67 px ; min-width : 26 px ; color : #000 }
. dark . page . movie_details . releases . item . actions a { color : #FFF }
. dark . page . movie_details . releases . item . actions a { color : #fff }
. page . movie_details . releases . item . actions a : hover { color : #ac0000 }
. dark . page . movie_details . releases . item . actions a : hover { color : #f85c22 }
. page . movie_details . releases . item . actions a : after { margin-left : 3 px ; font-size : .9 em }
@ -421,7 +419,7 @@
. page . movie_details . section_trailer . section_trailer . trailer_container : hover . icon-play , . page . movie_details . section_trailer . section_trailer . trailer_container : hover . icon-play span { opacity : 1 }
. page . movie_details . section_trailer . section_trailer . trailer_container iframe { position : absolute ; width : 100 % ; height : 100 % ; border : 0 ; top : 0 ; left : 0 ; max-height : 450 px ; z-index : 10 }
. alph_nav { position : relative }
. alph_nav . mass_edit_form { display : -webkit- flex ; display : -ms- flexbox ; display : flex ; background : #FFF ; position : fixed ; top : 80 px ; right : 0 ; left : 132 px ; -webkit- flex-flow : row nowrap ; -ms- flex-flow : row nowrap ; flex-flow : row nowrap ; -webkit- align-items : center ; -ms- flex-align : center ; align-items : center ; will-change : max-height ; transition : max-height .3 s cubic-bezier ( .9 , 0 , .1 , 1 ) ; max-height : 0 ; overflow : hidden }
. alph_nav . mass_edit_form { display : -webkit- flex ; display : -ms- flexbox ; display : flex ; background : #fff ; position : fixed ; top : 80 px ; right : 0 ; left : 132 px ; -webkit- flex-flow : row nowrap ; -ms- flex-flow : row nowrap ; flex-flow : row nowrap ; -webkit- align-items : center ; -ms- flex-align : center ; align-items : center ; will-change : max-height ; transition : max-height .3 s cubic-bezier ( .9 , 0 , .1 , 1 ) ; max-height : 0 ; overflow : hidden }
. dark . alph_nav . mass_edit_form { background : #2d2d2d }
. mass_editing . alph_nav . mass_edit_form { max-height : 44 px }
. alph_nav . mass_edit_form > * { display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -ms- flex-align : center ; align-items : center }
@ -445,7 +443,7 @@
. alph_nav . menus . filter . button { margin-top : -2 px }
. alph_nav . menus . filter . search { position : relative }
. alph_nav . menus . filter . search : before { position : absolute ; height : 100 % ; line-height : 38 px ; padding-left : 10 px ; font-size : 16 px ; opacity : .5 }
. alph_nav . menus . filter . search input { width : 100 % ; padding : 10 px 10 px 10 px 30 px ; background : #FFF ; border : #ebebeb ; border-bottom : 1 px solid transparent }
. alph_nav . menus . filter . search input { width : 100 % ; padding : 10 px 10 px 10 px 30 px ; background : #fff ; border : #ebebeb ; border-bottom : 1 px solid transparent }
. dark . alph_nav . menus . filter . search input { background : #2d2d2d ; border-color : #353535 }
. alph_nav . menus . filter . numbers { padding : 10 px }
. alph_nav . menus . filter . numbers li { float : left ; width : 10 % ; height : 30 px ; line-height : 30 px ; text-align : center ; opacity : .2 ; cursor : default ; border : 0 }
@ -613,7 +611,7 @@
. api_docs . database table . form , . api_docs . database table form { width : 600 px }
. api_docs . database table textarea { font-size : 12 px ; width : 100 % ; height : 200 px }
. api_docs . database table input [ type = submit ] { display : block }
. page . login { background : #FFF ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -ms- flex-align : center ; align-items : center ; font-size : 1.25 em }
. page . login { background : #fff ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- justify-content : center ; -ms- flex-pack : center ; justify-content : center ; -webkit- align-items : center ; -ms- flex-align : center ; align-items : center ; font-size : 1.25 em }
. dark . page . login { background : #2d2d2d }
. page . login h1 { padding : 0 0 10 px ; font-size : 60 px ; font-family : Lobster ; font-weight : 400 ; color : #ac0000 ; text-align : center }
. dark . page . login h1 { color : #f85c22 }
@ -663,11 +661,11 @@
@ font-face { font-family : Lobster ; src : url ( . . / fonts / Lobster-webfont . eot ) ; src : url ( . . / fonts / Lobster-webfont . eot ? # iefix ) format ( "embedded-opentype" ) , url ( . . / fonts / Lobster-webfont . woff2 ) format ( "woff2" ) , url ( . . / fonts / Lobster-webfont . woff ) format ( "woff" ) , url ( . . / fonts / Lobster-webfont . ttf ) format ( "truetype" ) , url ( . . / fonts / Lobster-webfont . svg # lobster_14regular ) format ( "svg" ) ; font-weight : 400 ; font-style : normal }
* { margin : 0 ; padding : 0 ; box-sizing : border-box ; text-rendering : optimizeSpeed ; -webkit- backface-visibility : hidden ; backface-visibility : hidden }
body , html { font-size : 14 px ; line-height : 1.5 ; font-family : OpenSans , "Helvetica Neue" , Helvetica , Arial , Geneva , sans-serif ; font-weight : 300 ; height : 100 % ; margin : 0 ; padding : 0 ; background : #111 ; color : #000 ; overflow : hidden }
. dark body , . dark html { background : #111 ; color : #FFF }
. dark body , . dark html { background : #111 ; color : #fff }
a { position : relative ; overflow : hidden ; text-decoration : none ; cursor : pointer ; -webkit- tap-highlight-color : transparent }
a : active , a : visited { color : inherit }
input , select , textarea { font-size : 1 em ; font-weight : 300 ; padding : 6.67 px ; border-radius : 0 ; border : 1 px solid #b8b8b8 ; background : #ebebeb ; color : #000 }
. dark input , . dark select , . dark textarea { border-color : #1b1b1b ; background : #353535 ; color : #FFF }
. dark input , . dark select , . dark textarea { border-color : #1b1b1b ; background : #353535 ; color : #fff }
input [ type = text ] , textarea { -webkit- appearance : none }
. button { color : #ac0000 ; font-weight : 300 ; padding : 5 px ; cursor : pointer ; border : 1 px solid #ac0000 ; border-radius : 3 px ; margin : 0 5 px ; transition : all 150 ms }
. dark . button { color : #f85c22 ; border-color : #f85c22 }
@ -734,7 +732,7 @@ input[type=text],textarea{-webkit-appearance:none}
. dark . corner_background { background : #f85c22 }
@ media ( max-width : 480px ) { . corner_background { left : 44 px }
}
. content { position : absolute ; height : 100 % ; top : 0 ; left : 132 px ; right : 0 ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-flow : column nowrap ; -ms- flex-flow : column nowrap ; flex-flow : column nowrap ; background : #FFF ; border-radius : 3 px 0 0 3 px }
. content { position : absolute ; height : 100 % ; top : 0 ; left : 132 px ; right : 0 ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- flex-flow : column nowrap ; -ms- flex-flow : column nowrap ; flex-flow : column nowrap ; background : #fff ; border-radius : 3 px 0 0 3 px }
@ media ( max-width : 480px ) { . content { left : 44 px }
}
. dark . content { background : #2d2d2d }
@ -747,7 +745,7 @@ input[type=text],textarea{-webkit-appearance:none}
. page . home . scroll_content { padding : 0 0 20 px }
. page h1 , . page h2 , . page h3 , . page h4 { font-weight : 300 }
. page h2 { font-size : 24 px ; padding : 20 px }
. page . navigation { z-index : 2 ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -ms- flex-align : center ; align-items : center ; position : fixed ; top : 0 ; height : 80 px ; left : 152 px ; right : 20 px ; background : #FFF ; border-radius : 3 px 0 0 }
. page . navigation { z-index : 2 ; display : -webkit- flex ; display : -ms- flexbox ; display : flex ; -webkit- align-items : center ; -ms- flex-align : center ; align-items : center ; position : fixed ; top : 0 ; height : 80 px ; left : 152 px ; right : 20 px ; background : #fff ; border-radius : 3 px 0 0 }
. more_menu . button , . more_menu a , . page . navigation ul li { display : inline-block }
. more_menu , . more_menu . button : before { position : relative }
. dark . page . navigation { background : #2d2d2d }
@ -757,7 +755,7 @@ input[type=text],textarea{-webkit-appearance:none}
. page . navigation ul { -webkit- flex : 1 auto ; -ms- flex : 1 auto ; flex : 1 auto ; list-style : none }
. page . navigation ul li a { display : inline-block ; font-size : 24 px ; line-height : 80 px ; padding : 0 20 px ; color : #000 ; opacity : .5 ; vertical-align : bottom }
. page . navigation ul . active a , . page . navigation ul li a : hover , . question . show { opacity : 1 }
. dark . page . navigation ul li a { color : #FFF }
. dark . page . navigation ul li a { color : #fff }
. page . navigation > ul > li : first-child { margin-left : -20 px }
@ media ( max-width : 480px ) { . page . navigation ul li a { font-size : 18 px ; line-height : 44 px ; padding : 0 10 px }
. page . navigation > ul > li : first-child { margin-left : -10 px }
@ -776,13 +774,13 @@ input[type=text],textarea{-webkit-appearance:none}
. dark . more_menu . wrapper { background : #f85c22 ; box-shadow : 0 5 px 15 px 2 px rgba ( 0 , 0 , 0 , .4 ) }
. more_menu . wrapper : before { -webkit- transform : rotate ( 45 deg ) translateY ( -60 % ) ; transform : rotate ( 45 deg ) translateY ( -60 % ) ; content : '' ; display : block ; position : absolute ; background : #ac0000 ; height : 10 px ; width : 10 px ; left : -9 px ; bottom : 11 px ; z-index : 1 ; opacity : 1 ; border-radius : 3 px }
. dark . more_menu . wrapper : before { background : #f85c22 }
. more_menu . wrapper ul { background : #FFF ; position : relative ; z-index : 2 ; overflow : hidden ; border-radius : 3 px 0 0 3 px }
. more_menu . wrapper ul { background : #fff ; position : relative ; z-index : 2 ; overflow : hidden ; border-radius : 3 px 0 0 3 px }
. dark . more_menu . wrapper ul { background : #2d2d2d }
. more_menu . wrapper ul li { display : block ; line-height : 1 em ; border-top : 1 px solid transparent ; border-color : #ebebeb }
. dark . more_menu . wrapper ul li { border-color : #353535 }
. more_menu . wrapper ul li : first-child { border-top : 0 }
. more_menu . wrapper ul li a { display : block ; color : #000 ; padding : 5 px 10 px ; font-size : 1 em ; line-height : 22 px ; width : 100 % }
. dark . more_menu . wrapper ul li a { color : #FFF }
. dark . more_menu . wrapper ul li a { color : #fff }
. more_menu . wrapper ul li a : hover { background : #ebebeb }
. dark . more_menu . wrapper ul li a : hover { background : #353535 }
. more_menu . wrapper ul li : first-child a { padding-top : 10 px }
@ -791,7 +789,7 @@ input[type=text],textarea{-webkit-appearance:none}
. messages . message { overflow : hidden ; transition : all .6 s cubic-bezier ( .9 , 0 , .1 , 1 ) ; width : 100 % ; position : relative ; max-height : 0 ; font-size : 1.1 em ; font-weight : 400 ; -webkit- transform : scale ( 0 ) ; transform : scale ( 0 ) ; -webkit- transform-origin : 100 % 50 % ; transform-origin : 100 % 50 % ; background : #ac0000 ; margin-bottom : 4 px ; border-radius : 3 px ; box-shadow : 0 0 15 px 2 px rgba ( 0 , 0 , 0 , .15 ) }
. mask , . messages . close { position : absolute ; top : 0 ; right : 0 }
. dark . messages . message { background : #f85c22 ; box-shadow : 0 5 px 15 px 2 px rgba ( 0 , 0 , 0 , .4 ) }
. messages . message . inner { padding : 15 px 30 px 15 px 20 px ; background : #FFF ; margin-bottom : 4 px ; border-radius : 3 px }
. messages . message . inner { padding : 15 px 30 px 15 px 20 px ; background : #fff ; margin-bottom : 4 px ; border-radius : 3 px }
. dark . messages . message . inner { background : #2d2d2d }
. messages . message . sticky . inner { background-color : #ac0000 }
. dark . messages . message . sticky . inner { background-color : #f85c22 }
@ -849,7 +847,7 @@ input[type=text],textarea{-webkit-appearance:none}
. page . settings . tabs li a { color : rgba ( 0 , 0 , 0 , .5 ) }
. dark . page . settings . tabs li a { color : rgba ( 255 , 255 , 255 , .5 ) }
. page . settings . tabs li . active a { color : #000 }
. dark . page . settings . tabs li . active a { color : #FFF }
. dark . page . settings . tabs li . active a { color : #fff }
. page . settings form . containers { margin : 0 20 px 0 0 ; -webkit- flex : 1 ; -ms- flex : 1 ; flex : 1 }
@ media ( max-width : 480px ) { . page . settings form . containers { margin : 0 10 px 0 0 }
}
@ -914,14 +912,14 @@ input[type=text],textarea{-webkit-appearance:none}
. page . settings . switch { display : inline-block ; background : #ac0000 ; height : 20 px ; width : 50 px ; min-width : 0 !important ; transition : all 250 ms ; cursor : pointer ; border-radius : 20 px }
. dark . page . settings . switch { background : #f85c22 }
. page . settings . switch input { display : none }
. page . settings . switch . toggle { background : #FFF ; margin : 1 px ; height : 18 px ; width : 18 px ; transition : -webkit- transform 250 ms ; transition : transform 250 ms ; -webkit- transform : translateX ( 30 px ) ; transform : translateX ( 30 px ) ; border-radius : 20 px }
. page . settings . switch . toggle { background : #fff ; margin : 1 px ; height : 18 px ; width : 18 px ; transition : -webkit- transform 250 ms ; transition : transform 250 ms ; -webkit- transform : translateX ( 30 px ) ; transform : translateX ( 30 px ) ; border-radius : 20 px }
. dark . page . settings . switch . toggle { background : #2d2d2d }
. page . settings fieldset . enabler . disabled . switch , . page . settings : not ( . show_advanced ) . advanced_toggle . switch { background : #ebebeb ; border-color : #ebebeb }
. dark . page . settings fieldset . enabler . disabled . switch , . dark . page . settings : not ( . show_advanced ) . advanced_toggle . switch { background : #4e4e4e ; border-color : #4e4e4e }
. page . settings fieldset . enabler . disabled . switch . toggle , . page . settings : not ( . show_advanced ) . advanced_toggle . switch . toggle { -webkit- transform : translateX ( 0 ) ; transform : translateX ( 0 ) }
. page . settings fieldset . enabler . disabled . switch : hover , . page . settings : not ( . show_advanced ) . advanced_toggle . switch : hover { background : #b8b8b8 ; border-color : #b8b8b8 }
. dark . page . settings fieldset . enabler . disabled . switch : hover , . dark . page . settings : not ( . show_advanced ) . advanced_toggle . switch : hover { background : #020202 ; border-color : #020202 }
. page . settings . option_list { background : #FFF ; margin-top : 10 px }
. page . settings . option_list { background : #fff ; margin-top : 10 px }
. dark . page . settings . option_list { background : #2d2d2d }
. page . settings . option_list fieldset { position : relative }
. page . settings . option_list fieldset h2 . group_label { min-width : 100 px }
@ -988,7 +986,7 @@ input[type=text],textarea{-webkit-appearance:none}
. dark . directory_list { background : #f85c22 ; box-shadow : 0 5 px 15 px 2 px rgba ( 0 , 0 , 0 , .4 ) }
. directory_list . pointer { border-right : 6 px solid transparent ; border-left : 6 px solid transparent ; border-bottom : 6 px solid transparent ; border-bottom-color : #ac0000 ; display : block ; position : absolute ; width : 0 ; margin : -6 px 0 0 100 px }
. dark . directory_list . pointer { border-bottom-color : #f85c22 }
. directory_list . wrapper { background : #FFF ; border-radius : 3 px 3 px 0 0 ; margin-top : 5 px }
. directory_list . wrapper { background : #fff ; border-radius : 3 px 3 px 0 0 ; margin-top : 5 px }
. dark . directory_list . wrapper { background : #2d2d2d }
. directory_list ul { width : 92 % ; height : 300 px ; overflow : auto ; margin : 0 20 px }
. directory_list li { padding : 4 px 20 px 4 px 0 ; cursor : pointer ; margin : 0 !important ; border-top : 1 px solid rgba ( 255 , 255 , 255 , .1 ) ; overflow : hidden ; white-space : nowrap ; text-overflow : ellipsis }