Css
/*** Theme: Creative Version: 001 Documentation: http://www.icondeposit.com/code%3A1 Author: Matt Gentile Website: http://www.icondeposit.com ***/ /*** ----------------------------------------------------------------------------------------------------------------------------- Start Google Fonts ---------------------------------------------------------------------------------------------------------------------------- ***/ /* For 'Oswald' font, make your class or id's font family have the following, font-family: 'Oswald', Helvetica, sans-serif; */ @import url(http://fonts.googleapis.com/css?family=Oswald); /* For 'Droid Sans' font, make your class or id's font family have the following, font-family: 'Droid Sans', Helvetica, sans-serif; */ @import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700); /*** ----------------------------------------------------------------------------------------------------------------------------- End Google Fonts ---------------------------------------------------------------------------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start HTML ----------------------------------------------------------------- ----------------------------------------------------------- ***/ html {height: 100%; max-width: 100%; padding: 0; min-width: 97%; background: #f1f1f1 url(http://www.icondeposit.com/local--files/creativefiles:_v1/mb.png) 0 0 repeat !important;} html::-webkit-scrollbar, html::-moz-scrollbar {width:10px !important; height:11px !important; border: none !important; padding: 10px !important; background: transparent;} html::-webkit-scrollbar-track-piece, html::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;} html::-webkit-scrollbar-thumb:vertical, html::-moz-scrollbar-thumb:vertical { height: 50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } html::-webkit-scrollbar-thumb:horizontal, html::-moz-scrollbar-thumb:horizontal { width:50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } html::-webkit-scrollbar-track-piece, html::-moz-scrollbar-track-piece { border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important; position: absolute !important; box-shadow: 0 -1px !important; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End HTML ----------------------------------------------------------------- ----------------------------------------------------------- ***/ body {width: auto; height: auto; margin: 0; padding: 0; font-family: 'Droid Sans', Helvetica, sans-serif; line-height: inherit;} a, a:visited {color: #999; text-decoration: none;} a:hover, a:visited:hover {color: #fc5c00; text-decoration: none; background: transparent; border: none;} h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', Helvetica, sans-serif; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; color: #3b3b3b;} hr {background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png); height: 3px;} #container-wrap {background-image: none; width: 960px; margin: 0 auto; backgroud-color: transparent; padding: 0;} #container {background-image: none; width: auto; height: auto; margin: 0 auto; left: 0; padding: 0;} #header {background-image: none; width: 100%; margin: 0 auto; backgroud-color: transparent; padding: 0; height: 138px;} #extra-div-2 {height: 41px; width: 100%; position: absolute; top: 106px; background: #2b3340 url(http://www.icondeposit.com/local--files/creativefiles:_v1/top2bg.png) 0 0 repeat-x !important; z-index: 2; border-bottom: 1px solid #000; box-shadow: 0px 1px 3px rgba(0,0,0,0.18), 0px 1px 10px rgba(0,0,0,.05), 0 1px 7px rgba(0,0,0,0.27); } #extra-div-3 {height: 142px; width: 100%; position: absolute; top: 0; background: #2b333a url(http://www.icondeposit.com/local--files/creativefiles:_v1/bg.jpg) 0 0 repeat-x !important; z-index: 1; border-top: 1px solid #000;} /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start ::selection Reset ----------------------------------------------------------------- ----------------------------------------------------------- ***/ html::selection, body::selection, img::selection, a::selection, div::selection, p::selection, tbody::selection, table::selection, tr::selection, th::selction, td::selection, input::selection, form::selection, iframe::selection, span::selection, h1::selection, h2::selection, h3::selection, h4::selection, h5::selection, h6::selection, pre::selection, .code::selection, #container-wrap::selection, #container-wrap-wrap::selection, #content-wrap::selection, #top-bar::selection, #main-content::selection, #page-content::selection, #header::selection, #search-top-box::selection, #login-status::selection, #print-user::selection, table.wiki-content-table th::selection, i::selection, cite::selection, em::selection, var::selection, address::selection, dfn::selection, strong::selection, b::selection, tt::selection, code::selection, kbd::selection, samp::selection, sup::selection, sub::selection, dl::selection, dd::selection, dt::selection, li::selection, ol::selection, menu::selection, dir::selection, element.style::selection, #page-content ol li::selection, #page-content ol::selection, #page-content ul::selection, #page-content li::selection, #page-content p::selection, #page-content a::selection, ul::selection, html::-moz-selection, body::-moz-selection, img::-moz-selection, a::-moz-selection, div::-moz-selection, p::-moz-selection, tbody::-moz-selection, table::-moz-selection, tr::-moz-selection, th::-moz-selction, td::-moz-selection, input::-moz-selection, form::-moz-selection, iframe::-moz-selection, span::-moz-selection, h1::-moz-selection, h2::-moz-selection, h3::-moz-selection, h4::-moz-selection, h5::-moz-selection, h6::-moz-selection, pre::-moz-selection, .code::-moz-selection, #container-wrap::-moz-selection, #container-wrap-wrap::-moz-selection, #content-wrap::-moz-selection, #top-bar::-moz-selection, #main-content::-moz-selection, #page-content::-moz-selection, #header::-moz-selection, #search-top-box::-moz-selection, #login-status::-moz-selection, #print-user::-moz-selection, table.wiki-content-table th::-moz-selection, i::-moz-selection, cite::-moz-selection, em::-moz-selection, var::-moz-selection, address::-moz-selection, dfn::-moz-selection, strong::-moz-selection, b::-moz-selection, tt::-moz-selection, code::-moz-selection, kbd::-moz-selection, samp::-moz-selection, sup::-moz-selection, sub::-moz-selection, dl::-moz-selection, dd::-moz-selection, dt::-moz-selection, li::-moz-selection, ol::-moz-selection, menu::-moz-selection, dir::-moz-selection, element.style::-moz-selection, #page-content ol li::-moz-selection, #page-content ol::-moz-selection, #page-content ul::-moz-selection, #page-content li::-moz-selection, #page-content p::-moz-selection, #page-content a::-moz-selection, ul::-moz-selection { background: #FC5C00 !important; color: #fefefe !important; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End ::selection Reset ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start input.text (textarea) ----------------------------------------------------------------- ----------------------------------------------------------- ***/ input.text, textarea { padding: 10px; display: inline-block; max-width: 98%; /* Leave this value for best results */ color: #555; border-top: 1px solid #C3C3C3; border-left: none; border-bottom: 1px solid white; border-right: 1px solid white; background: #E3E3E3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none !important; box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); } input.text:focus, textarea:focus { display: inline-block; max-width: 98%; /* Leave this value for best results */ box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); border-top-color: #ddd; background: #fefefe; outline: none !important; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End input.text (textarea) ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Logo ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #header h1 { position: absolute; left: 0px; } #header h1 { position: relative !important; z-index: 20 !important; width: 196px !important; height: 52px !important; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/creative%20logo.png) no-repeat 0px 0px !important; opacity: 1 !important; filter: alpha(opacity=100) !important; top: 24px; -webkit-font-smoothing: subpixel-antialiased; -webkit-transition: opacity .4s ease !important; -moz-transition: opacity .4s ease !important; } #header h2 { display: none !important; } #header h1 a { display: block !important; position: relative !important; height: 52px; width: 196px; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/creative%20logo.png) no-repeat 0px -52px !important; filter: alpha(opacity=0) !important; opacity: 0 !important; -webkit-transition: opacity .4s ease; -moz-transition: opacity .4s ease; -webkit-font-smoothing: antialiased; z-index: 90; } #header h1 a:hover { background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/creative%20logo.png) no-repeat 0px -52px; filter: alpha(opacity=100) !important; opacity: 1 !important; } #header h1 a span { display: none !important; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Logo ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Search Box + Button ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #search-top-box { position: absolute; right: 0px; top: 107px; height: 40px; min-width: 18px; text-align: center; border: 1px solid #000; border-top: none; border-bottom: none; -webkit-transition: width 500ms ease; -moz-transition: width 500ms ease; outline: none; z-index: 1; box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); cursor: pointer !important; } #search-top-box:hover { box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); } #search-top-box:active { box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); border-top: #000; } #search-top-box:focus { width: 260px; outline: none; } #search-top-box input.text { width: 18px; border: none !important; background: none; color: transparent; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; box-shadow: none; border: 1px solid transparent !important; z-index: 60; margin-top: 6px !important; margin-right: 7px !important; margin-left: 8px !important; margin-bottom: 6px !important; outline: none; cursor: pointer !important; border-radius: 1px !important; -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -o-border-radius: 1px !important; } #search-top-box input.text:focus { width: 170px !important; border: 1px solid #1b1b1b !important; background-color: #f5f5f5 !important; color: #5b5b5b !important; -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset; -moz-box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset; -o-box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset; box-shadow: 0px 0px 6px rgba(0,0,0,.18) inset, 0px 0px 1px rgba(0,0,0,0.86) inset, 0px 3px 1px rgba(0,0,0,0.05) inset; border-radius: 1px !important; -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -o-border-radius: 1px !important; z-index: -1 !important; outline: none; cursor: text !important; } #search-top-box input.text { margin: 0; padding: 6px 6px 5px 6px; outline: none; border-radius: 1px !important; -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -o-border-radius: 1px !important; } #search-top-box input.text.empty { color: transparent; font-style: italic; width: 18px; content: "]]"; text-align: left; z-index: 60; text-indent: -8000px; cursor: pointer !important; outline: none; border-radius: 1px !important; -webkit-border-radius: 1px !important; -moz-border-radius: 1px !important; -o-border-radius: 1px !important; } #search-top-box input.text.empty:focus { display: none; outline: none; cursor: pointer !important; border-radius: none !important; -webkit-border-radius: none !important; -moz-border-radius: none !important; -o-border-radius: none !important; } #search-top-box input.button { position: absolute; top: 10px; right: 10px; border: none; display: block; width: 20px; height: 20px; padding: 0; background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/searchicon.png) no-repeat top left !important; color: transparent; text-indent: -9999px; font-size: 0; line-height: 0; opacity: 1; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; z-index: -1; outline: none; } #search-top-box input.button:hover { opacity: 1; outline: none; } #search-top-box input.button:active { position: absolute !important; top: 3px !important; left: 200px !important; -webkit-box-shadow: none !important outline: none; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Search Box + Button ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Begin Top Bar Navigation ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #top-bar {width: auto; margin: 0; right: 0; font-family: 'Oswald', Helvetica, sans-serif; position: absolute; top: 35px; text-align: right;} #top-bar ul li a, #top-bar ul li a:hover {font-size: 20px; background: transparent; text-decoration: none;} #top-bar ul, #top-bar ul li, #top-bar ul li ul, #top-bar ul li ul li {width: auto; padding: 0; margin: 0;} #top-bar ul li ul.sfhover, #top-bar ul li ul { background: transparent; border: none; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: -11px; overflow: hidden; opacity: 1; width: auto; z-index: 120 !important; } #top-bar ul li ul li a { background: #0b0b0b url(http://www.icondeposit.com/local--files/creativefiles:_v1/tb.jpg) 0 0 no-repeat; border: none; font-size: 20px !important; padding: 2px 0px 3px 0 !important; min-width: 150px; max-width: 160px; text-indent: 21px; -webkit-transition: text-indent .2s ease; -moz-transition: text-indent .2s ease; transition: text-indent .2s ease; } #top-bar ul li ul li a:hover { background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/tb.jpg) 0 -34px no-repeat; padding: 2px 0px 3px 0 !important; text-indent: 31px; } #top-bar ul li ul li:first-child a, #top-bar ul li ul li:first-child a:hover { border-top-left-radius: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; } #top-bar ul li ul li:last-child a, #top-bar ul li ul li:last-child a:hover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; } #top-bar ul li:last-child a {padding-right: 0 !important;} #top-bar ul li ul { -webkit-transition: all .64s ease; -moz-transition: all 640ms ease-in; transition: all .64s ease; min-height: 1px; z-index: 120 !important; } #top-bar ul li:hover ul { display: block; max-height: 500px !important; } #top-bar ul li a.current-link, #top-bar ul li a.current-link:hover { color: #FC5C00 !important; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Top Bar Navigation ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Login Status + Account Options ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #login-status {font-family: 'Oswald', Helvetica, sans-serif; font-size: 16px; position: absolute; margin: 0; top: 116px; left: 0; width: 400px;} #login-status {color: transparent;} #login-status span.printuser { color: #999; background: transparent; position: absolute; height: auto; min-width: 0px; max-width: 175px; padding: 8px 16px 10px 16px; left: 151px; top: -9px; font-size: 16px; text-indent: 35px; margin: 0; border: 1px solid #000; border-top: none; border-bottom: none; outline: none; box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); cursor: pointer !important; overflow: hidden !important; } #login-status span.printuser:hover { color: #FC5C00; box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); } #login-status span.printuser:active { box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); border-top: #000; } #login-status span.printuser a { position: absolute; display: block; background: transparent; width: 100%; height: 100%; z-index: 30; top: 0; left: 0; } #login-status span.printuser img.small { background: transparent; border: none; position: absolute; top: 11px; left: 16px; margin: 0; outline: none; cursor: pointer !important; } #account-topbutton { background: transparent; border: none; position: absolute; height: auto; width: auto; padding: 12px 16px 11px 16px; left: 0px; top: -9px; font-size: 12px; margin: 0; border: 1px solid #000; border-top: none; border-bottom: none; outline: none; text-align: center; box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08); cursor: pointer !important; } #account-topbutton:hover { box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.10), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); } #account-topbutton:active { box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), -1px 0px 0px rgba(255,255,255,0.08), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); border-top: #000; } #login-status #my-account { background: transparent; position: absolute; height: auto; width: auto; padding: 8px 16px 10px 16px; left: 45px; top: -9px; font-size: 16px; margin: 0; border: 1px solid #000; border-top: none; border-bottom: none; outline: none; text-align: center; box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08); cursor: pointer !important; } #login-status #my-account:hover { box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -webkit-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -moz-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); -o-box-shadow: inset -1px 0px 0px rgba(255,255,255,0.10), inset 1px 0px 0px rgba(255,255,255,0.0), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(255,255,255,.05); } #login-status #my-account:active { box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -webkit-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -moz-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); -o-box-shadow: inset -1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 3px rgba(0,0,0,0.25), inset 1px 0px 0px rgba(0,0,0,0.46), -1px 0px 0px rgba(255,255,255,0.0), 1px 0px 0px rgba(255,255,255,0.08), inset 0px 40px 0px rgba(0,0,0,.05), inset 0 0 10px rgba(0,0,0,0.10); border-top: #000; } #account-options {left: 0px; margin-top: 9px; -webkit-animation: account-options-height-loader .5s ease-in !important;} #account-options {font-size: 18px; font-family: 'Oswald', Helvetica, sans-serif; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in; width: 203px; height: auto; border: none; background: transparent; padding: 0; overflow: hidden;} #account-options ul, #account-options ul li {background: transparent;} #account-options ul li a {padding: 5px 14px 5px 14px; background: #0b0b0b url(http://www.icondeposit.com/local--files/creativefiles:_v1/aobg.jpg) !important; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; text-indent: 35px; -webkit-transition: text-indent .2s ease; -moz-transition: text-indent .2s ease; -o-transition: text-indent .2s ease; transition: text-indent .2s ease;} #account-options ul li a:hover {background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/aohover.jpg) !important; color: #FC5C00; text-indent: 45px !important;} #account-options ul li:first-child a {background-position: 0 0 !important;} #account-options ul li:nth-child(2) a {background-position: 0 -36px !important;} #account-options ul li:nth-child(3) a {background-position: 0 -72px !important;} #account-options ul li:nth-child(4) a {background-position: 0 -108px !important;} #account-options ul li:last-child a {background-position: 0 -144px !important;} #account-options ul:first-child, #account-options ul:first-child:hover, #account-options ul li:first-child, #account-options ul li:first-child:hover { border-top-left-radius: 0px; border-top-right-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -moz-border-top-right-radius: 0px; overflow: hidden; background: transparent; } #account-options ul:last-child, #account-options ul:last-child:hover, #account-options ul li:last-child, #account-options ul li:last-child:hover { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; overflow: hidden; background: transparent; } #account-options ul li:last-child a, #account-options ul li:last-child a:hover { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-left-radius: 3px; -moz-border-bottom-right-radius: 3px; overflow: hidden; } /* Start #login-status > a > strong - KEEP THIS CODE THE WAY IT IS) */ #login-status > a > strong { font-family: 'Droid Sans', Helvetica, sans-serif; position: fixed; padding: 6px 20px 6px 20px; top: 163px; left: -5px; text-decoration: none; -webkit-animation: fade-in 2s ease-in, message-notification-slide-in-left 2s ease-in !important; width: auto; background: #0b0b0b; border-radius: 5px; color: #ccc; z-index: 9999; } #login-status > a > strong:hover { color: #FC5C00; } #login-status > a > strong::before { font-weight: normal; content: 'You Have '; } #login-status > a > strong::after { font-weight: normal; content: ' New Message(s)'; } /* End #login-status > a > strong - KEEP THIS CODE THE WAY IT IS) */ /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Login Status + Account Options ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Site Buttons - For Documentation, go here: ----------------------------------------------------------------- ----------------------------------------------------------- ***/ div.buttons input, input.button, button, a.button, .pager a, .pager .current, file, a#show-upload-button, p#file-uploader-legacy-switch a, a#new-post-button { background: #fea911 !important; /* <--- change button color here */ font-family: Helvetica, sans-serif; display: inline-block; font-weight: bold; font-style: normal; font-size: 12px; margin: 0; margin-right: 2px; padding: 5px 11px 8px 12px; height: auto; width: auto; text-decoration: none; border: 1px solid rgba(0,0,0,0.27); border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.40); color: rgba(0,0,0,0.58); text-shadow: 0px 1px 0px rgba(255,255,255,0.35); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px -15px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); cursor: pointer !important; outline: none !important; } div.buttons input:hover, input.button:hover, button:hover, a.button:hover, .pager a:hover, .pager .current:hover, file:hover, a#show-upload-button:hover, p#file-uploader-legacy-switch a:hover, a#new-post-button:hover { border: 1px solid rgba(0,0,0,0.27); border-top: 1px solid rgba(0,0,0,0.15); border-bottom: 1px solid rgba(0,0,0,0.40); color: rgba(0,0,0,0.50); text-shadow: 0px 1px 0px rgba(255,255,255,0.35); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); -o-box-shadow: 0px 2px 3px rgba(0,0,0,0.18), inset 0px -4px 1px rgba(255,255,255,0.20), inset 0px -3px 0px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.18), inset 0px 1px 0px rgba(255,255,255,0.46); cursor: pointer !important; } div.buttons input:active, input.button:active, button:active, a.button:active, .pager a:active, .pager .current:active, file:active, a#show-upload-button:active, p#file-uploader-legacy-switch a:active, a#new-post-button:active { margin-bottom: 3px !important; padding: 5px 11px 5px 12px; border: 1px solid rgba(0,0,0,0.37); border-bottom: 1px solid rgba(0,0,0,0.25); border-top: 1px solid rgba(0,0,0,0.49); color: rgba(0,0,0,0.60); text-shadow: 0px 1px 0px rgba(255,255,255,0.35); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.9), inset 0px 0px 3px rgba(0,0,0,.46), inset 0px 14px 10px rgba(255,255,255,0.07); cursor: pointer !important; -webkit-transform: translate(0,3px); -moz-transform: translate(0,3px); -o-transform: translate(0,3px); -ms-transform: translate(0,3px); } input#edit-save-button { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -11px -424px no-repeat !important; text-indent: 16px !important; } input#edit-cancel-button, input#np-cancel { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -11px -2620px no-repeat !important; text-indent: 16px !important; } input#edit-diff-button { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3301px no-repeat !important; text-indent: 17px !important; } input#edit-preview-button, input#np-preview { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2841px no-repeat !important; text-indent: 18px !important; } input#edit-save-draft-button { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -11px -2977px no-repeat !important; text-indent: 16px !important; } input#edit-save-continue-button { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -908px no-repeat !important; text-indent: 18px !important; } a#show-upload-button { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -823px no-repeat !important; text-indent: 18px !important; } input#selectLink { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2174px no-repeat !important; text-indent: 18px !important; } p#file-uploader-legacy-switch a { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -652px no-repeat !important; text-indent: 18px !important; } input#np-post { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -518px no-repeat !important; text-indent: 18px !important; } a#new-post-button { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -518px no-repeat !important; text-indent: 18px !important; } form#search-form input.button { background: #fea911 url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1815px no-repeat !important; text-indent: 18px !important; top: -3px !important; position: relative; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Site Buttons ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Blockquotes ----------------------------------------------------------------- ----------------------------------------------------------- ***/ blockquote { font-family: Georgia, Helvetica, sans-serif; background: transparent; border: none; font-weight: normal; font-style: italic; } blockquote p::before { background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/blockquote.png) center no-repeat; position: relative; display: block; float: left; margin: 0; margin-right: 15px; margin-top: -9px; content: ''; width: 32px; height: 32px; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Blockquotes ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Begin Pagination ----------------------------------------------------------------- ----------------------------------------------------------- ***/ .pager { margin: 0 auto; position: relative; display: inline-block; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Pagination ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Content ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #content-wrap {margin: 0 auto; width: auto; height: auto; margin-left: 0px; padding: 0; background: transparent; border: none; border-radius: 5px; padding: 10px 0px 10px 0px;} #main-content {margin: 0; left: 0; width: auto; min-height: 571px; padding: 0;} #page-title {border: none; font-family: 'Oswald', Helvetica, sans-serif; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) bottom left repeat-x; padding: 12px 0px 6px 0px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; color: #3b3b3b;} #page-content {line-height: 17px; margin-top: 28px;} #side-bar { display: none; width: 0; height: 0; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Content ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Footer Content ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #page-info, .page-watch-options { display: block; margin-bottom: 10px; } #extra-div-4 { height: 116px; /* <--- change the footer image height here */ width: 100%; position: absolute; bottom: 0px; background: #2b333a url(http://www.icondeposit.com/local--files/creativefiles:_v1/bg.jpg) 0 0 repeat; z-index: -1; box-shadow: 0 -10px 0 rgba(0,0,0,0.10), 0px 1px 0px rgba(255,255,255,.95), inset 0px 1px 10px rgba(0,0,0,0.9); inset 0px 0px 2px #000; } #footer { display: block; position: relative; bottom: 0; margin-bottom: 0px; margin-top: 80px; /* <--- make this greater or larger to fix page overlap */ padding-left: 0px; padding-right: 0px; text-shadow: 1px 1px 1px rgba(255,255,255,0.004); color: #666; padding-top: 8px; padding-bottom: 8px; height: auto; width: 100%; line-height: 16px; } #footer a {font-size: 12px; background-color: transparent;} #footer p {font-size: 12px;} #license-area {display: none;} /*** ----------------------------------------------------------------------------------------------------------------------------- End Footer Content ---------------------------------------------------------------------------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Table Of Contents ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #toc { margin: 1em auto 1em 0; padding: 20px 15px 25px 15px; background-color: #f7f7f7; display: table; border: 1px solid rgba(0,0,0,0.18); border-radius: 6px; box-shadow: 0px 1px 5px rgba(0,0,0,.12), inset 0px -2px 0px rgba(0,0,0,.50), inset 0px -4px 0px rgba(0,0,0,.35), inset 0px -6px 0px rgba(0,0,0,.15), inset 0px -8px 0px rgba(0,0,0,.10), inset 0px 0px 2px rgba(255,255,255,.35), inset 0px 1px 0px rgba(255,255,255,0.75); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.12), inset 0px -2px 0px rgba(0,0,0,.50), inset 0px -4px 0px rgba(0,0,0,.35), inset 0px -6px 0px rgba(0,0,0,.15), inset 0px -8px 0px rgba(0,0,0,.10), inset 0px 0px 2px rgba(255,255,255,.35), inset 0px 1px 0px rgba(255,255,255,0.75); -moz-box-shadow: 0px 1px 5px rgba(0,0,0,.12), inset 0px -2px 0px rgba(0,0,0,.50), inset 0px -4px 0px rgba(0,0,0,.35), inset 0px -6px 0px rgba(0,0,0,.15), inset 0px -8px 0px rgba(0,0,0,.10), inset 0px 0px 2px rgba(255,255,255,.35), inset 0px 1px 0px rgba(255,255,255,0.75); } #toc .title { color: #3b3b3b; font-size: 20px; font-weight: normal; margin: 0.2em 0; padding: 4px 0 12px 0 !important; text-align: center; border: none; font-family: 'Oswald', Helvetica, sans-serif; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) bottom left repeat-x; padding: 0px 0px 6px 0px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; } #toc #toc-action-bar { padding: 0px; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Table of Contents ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Code-styling ----------------------------------------------------------------- ----------------------------------------------------------- ***/ .code { max-height: 700px; background: #2b2b2b; border-radius: 4px; border: none; box-shadow: inset 0 0 10px rgba(0,0,0,0.9); text-shadow: 1px 1px 1px #000 !important; color: #fff; } .code::-webkit-scrollbar, .code::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;} .code::-webkit-scrollbar-track-piece, .code::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;} .code::-webkit-scrollbar-thumb:vertical, .code::-moz-scrollbar-thumb:vertical { height: 50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } .code::-webkit-scrollbar-thumb:horizontal, .code::-moz-scrollbar-thumb:horizontal { width:50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } .code::-webkit-scrollbar-track-piece, .code::-moz-scrollbar-track-piece { border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important; position: absolute !important; box-shadow: 0 -1px !important; } pre { background: #2b2b2b; color: #fff; } .hl-default { color: #fff; } .hl-code { color: #77cc33; } .hl-brackets { color: #ffcc33; } .hl-comment { color: #494; } .hl-quotes { color: #0080ff; } .hl-string { color: #fff; } .hl-identifier { color: #66cccc; } .hl-builtin { color: Teal; } .hl-reserved { color: #fff; } .hl-inlinedoc { color: #0066cc; } .hl-var { color: #FC5C00; } .hl-url { color: #0066cc; } .hl-special { color: #66cccc; font-weight: bolder; } .hl-number { color: #fff; } .hl-inlinetags { color: #f73ef7; font-weight: bold; } .hl-main { /* background-color: #2b2b2b;*/ background: #2b2b2b; } .hl-gutter { background-color: #2b2b2b; color: White; } .hl-table { background: #2b2b2b; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Code-styling ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Owindows ----------------------------------------------------------------- ----------------------------------------------------------- ***/ .odialog-shader { background-color: #fff; filter: alpha(opacity=65); opacity: 0.65 !important; } .owindow{ padding: 0 10px 10px; border: 1px solid #252525; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgba(0,0,0,0.69); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset; box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset; } .owindow .title { font-family: 'Droid Sans', Helvetica, sans-serif; background: none; color: #eee; padding: 10px 5px; text-shadow: 0 1px 0 #000; } .owindow .content { background: #fbfbfb url(http://www.icondeposit.com/local--files/creativefiles:_v1/owcontentbg.jpg) 0 0 repeat; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: none; -webkit-background-clip: padding-box; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 -1px 2px rgba(0,0,0,0.8) inset, 1px 0 2px rgba(0,0,0,0.8) inset, -1px 0 2px rgba(0,0,0,0.8) inset; -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 -1px 2px rgba(0,0,0,0.8) inset, 1px 0 2px rgba(0,0,0,0.8) inset, -1px 0 2px rgba(0,0,0,0.8) inset; box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 -1px 2px rgba(0,0,0,0.8) inset, 1px 0 2px rgba(0,0,0,0.8) inset, -1px 0 2px rgba(0,0,0,0.8) inset; } .owindow .button-bar { position: absolute; top: 5px; right: 0; padding: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } .owindow .button-bar a.button-close-message, .owindow .button-bar a.button.button-cancel { opacity: .6; border: none; color: transparent; text-shadow: none; text-indent: -9999px; display: block; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/delete.png) !important; padding: 0; outline: none !important; margin-top: 0px; width: 16px; height: 16px; margin-right: 5px; font-size: 0; line-height: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } .owindow .button-bar a.button.button-cancel { float: right; margin-top: 1px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } .owindow .button-bar a { background: none; border: none; color: #ccc; text-shadow: none; padding: 0; margin: 0 10px; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } .owindow .button-bar a:hover, .owindow .button-bar a:active { background: none; color: #FC5C00; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } .owindow .button-bar a.button-close-message:hover, .owindow .button-bar a.button.button-cancel:hover { opacity: 1; background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/delete.png) !important; color: transparent; text-indent: -9999px; font-size: 0; line-height: 0; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; } .owindow.owait, .owindow.osuccess { color: #fff; padding: 0; } .owindow.owait .content { /* Page saving dialogue, with spinner */ background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center; text-align: left; padding: 10px 45px 10px 5px; border-top: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .owindow.osuccess .content{ text-align: center; padding: 10px 25px 10px 25px; border-top: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #extrac-div-1 { background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center; visibility: hidden; } #extrac-div-2 { background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center; visibility: hidden; } #extrac-div-3 { background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/ldr.gif) no-repeat right center; visibility: hidden; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Owindows ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start All Action Area Elements + Tooltips (Hovertips) ----------------------------------------------------------------- ----------------------------------------------------------- ***/ .page-options-bottom { margin: 0; text-align: center; height: auto; line-height: 16px; left: 0; } .hovertip { min-width: 1px; max-width: 236px; height: auto; padding: 5px 5px 5px 5px; color: #f5f5f5; border: 1px solid #252525; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgba(0,0,0,0.69); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset; -moz-box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset; box-shadow: 0 0 5px rgba(0,0,0,.8), 0 1px 0 rgba(255,255,255,0.2) inset, 0 -1px 0 rgba(255,255,255,0.2) inset, 1px 0 0 rgba(255,255,255,0.2) inset, -1px 0 0 rgba(255,255,255,0.2) inset; } #action-area { margin-top: 50px; margin-bottom: 10px; width: 928px; padding: 0px 15px 15px 15px; background: transparent; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; } #action-area { margin-top: 50px;} a.action-area-close { display: block; background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/exit.png) 0 -51px no-repeat; border: none; height: 49px; width: 49px; padding: 0px !important; text-indent: -9999px; right: 0px; position: relative !important; margin: 0; font-size: 95%; outline: none; bottom: 25px; } a.action-area-close:hover { display: block; background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/exit.png) 0 0px no-repeat; border: none; height: 49px; width: 49px; padding: 0px !important; text-indent: -9999px; right: 0px; position: relative !important; margin: 0; font-size: 95%; bottom: 25px; } #action-area h1 { border: none; font-family: Oswald, Geneva, sans-serif; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) repeat-x 0% 100%; padding: 0 0 6px 0px; -webkit-font-smoothing: antialiased; } textarea#edit-page-textarea::-webkit-scrollbar, textarea#edit-page-textarea::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;} textarea#edit-page-textarea::-webkit-scrollbar-track-piece, textarea#edit-page-textarea::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;} textarea#edit-page-textarea::-webkit-scrollbar-thumb:vertical, textarea#edit-page-textarea::-moz-scrollbar-thumb:vertical { height: 50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } textarea#edit-page-textarea::-webkit-scrollbar-thumb:horizontal, textarea#edit-page-textarea::-moz-scrollbar-thumb:horizontal { width:50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } textarea#edit-page-textarea::-webkit-scrollbar-track-piece, textarea#edit-page-textarea::-moz-scrollbar-track-piece { border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important; position: absolute !important; box-shadow: 0 -1px !important; } textarea#edit-page-textarea { max-width: 835px; color: #555; border-top: 1px solid #C3C3C3; border-left: none; border-bottom: 1px solid white; border-right: 1px solid white; background: #E3E3E3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none !important; box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); } textarea#edit-page-textarea:focus { box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); border-top-color: #ddd; background: #fefefe; outline: none !important; } div#wd-editor-toolbar-panel.wd-editor-toolbar-panel {max-width: 840px; height: 30px;} .change-textarea-size { float: right; text-align: center; margin-right: 83px; padding: 0; width: 46px; } #edit-page-form .form-row { display: inline-block; background: transparent; border-radius: 2px; padding: 10px 10px 10px 10px; border-bottom: 1px solid #ddd; margin: 0; margin-bottom: 10px; height: auto; max-width: 936px !important; } #edit-page-form .form-row:last-child { border-bottom: none; } #edit-page-form .form-row:hover { display: inline-block; background: transparent; } #edit-page-form .form-row .form-label { font-weight: normal; font-style: normal; font-family: 'Oswald', Geneva, sans-serif; font-size: 14px; display: inline-block; margin-right: 35px; -webkit-font-smoothing: antialiased; } #edit-page-form .form-row .form-value { font-size: 13px; } input#edit-page-title.text, #edit-page-form .form-row .form-value textarea.form-text { padding: 10px; display: inline-block; max-width: 725px !important; /* Leave this value for best results */ color: #555; border-top: 1px solid #C3C3C3; border-left: none; border-bottom: 1px solid white; border-right: 1px solid white; background: #E3E3E3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none !important; box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); } input#edit-page-title.text:focus, #edit-page-form .form-row .form-value textarea.form-text:focus { display: inline-block; max-width: 710px !important; /* Leave this value for best results */ box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); border-top-color: #ddd; background: #fefefe; outline: none !important; } #upload-file-list table { margin: 1em auto; border-collapse: collapse; border-spacing: 0; } #upload-file-list table td, #upload-file-list table th { border: 1px solid #CCC; padding: 0.3em 0.7em; } #upload-file-list table tr.error td{ color: #A00; } #upload-file-list table tr.skipped td{ color: #777; } #upload-file-list table .size { text-align: right; } #upload-file-list table .progress { /*text-align: center;*/ } #upload-file-list table .progress .cont { background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/filecontbg.png) 0 0 repeat-x !important; width: 200px; left:0;margin:0; position: relative; height: 1.5em; z-index: 1 !important; border-radius: 3px !important; overflow: hidden !important; box-shadow: inset 0 1px 5px rgba(0,0,0,0.20) !important; border: 1px solid rgba(0,0,0,0.35) !important; } #upload-file-list table .progress .cont span{ z-index: 3; position: relative; display: block; text-align: center; margin: 0 auto; padding-top: 2px !important; color: #fff !important; font-weight: bold !important; text-shadow: 0px 1px 1px rgba(0,0,0,0.50) !important; } #upload-file-list table .progress .bar { background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/filebg.png) 0px 0px repeat-x !important; min-width: 0 !important; max-width: 200px !important; height: 1.5em; position: absolute; z-index: 2; border-radius: 3px !important; overflow: hidden !important; box-shadow: inset 0 1px 0px rgba(255,255,255,0.69), 1px 0px 0px rgba(0,0,0,0.05)!important; border: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } #file-uploading-status { font-size: 140#; } #file-uploading-status.error { color: #A00; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Action Area + Tooltips (Hovertips) ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start New Wikidot Editor Buttons ----------------------------------------------------------------- ----------------------------------------------------------- ***/ .wd-editor-toolbar-panel{ margin-bottom: 10px; } .wd-editor-toolbar-panel div{ height: 30px; max-width: 340px; float: left; } .wd-editor-toolbar-panel a{ margin: 0 0px 0 0 !important; /*padding: 0.1em 0.2em*/; border: none; /*float: left;*/ background-color: transparent !important; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; box-shadow: 0px 1px 3px rgba(0,0,0,0.18); -webkit-shadow: 0px 1px 3px rgba(0,0,0,0.18); -moz-shadow: 0px 1px 3px rgba(0,0,0,0.18); -o-shadow: 0px 1px 3px rgba(0,0,0,0.18); } .wd-editor-toolbar-panel a:hover{ /*background-color: transparent;*/ border: none; } .wd-editor-toolbar-panel a:active { box-shadow: none; -webkit-shadow: none; -moz-shadow: none; -o-shadow: none; } .wd-editor-toolbar-panel ul{ padding: 0; margin: 0; float: left; list-style: none; } .wd-editor-toolbar-panel ul li{ padding: 0; margin: 1px; float: left; /*background-color: #DDD;*/ } .wd-editor-toolbar-panel ul li ul { position: absolute; /*width: 10em;*/ /*width: 22px;*/ left: -999em; /* background-color: #FFF;*/ z-index: 30; } .wd-editor-toolbar-panel ul li ul li a{ float: none; /*width: 10em;*/ } .wd-editor-toolbar-panel ul li ul li{ margin: 0; } .wd-editor-toolbar-panel ul li ul li a{ display: block; float: none; } .wd-editor-toolbar-panel ul li:hover ul, .wd-editor-toolbar-panel ul li.sfhover ul { left: auto; background-color: black; border: 2px solid #555; } .wd-editor-toolbar-panel li.hseparator{ display: none; } .wd-editor-toolbar-panel ul li a{ height: 22px; width: 22px; padding: 0; margin: 0; display: block; } .wd-editor-toolbar-panel ul li a span{ display: none; } .wd-editor-toolbar-panel a { background-image: url(http://www.icondeposit.com/local--files/creativefiles:_v1/wdb.png); } .wd-editor-toolbar-panel a:hover { background-image: url(http://www.icondeposit.com/local--files/creativefiles:_v1/wdbhover.png); } .wd-editor-toolbar-panel a:active { background-image: url(http://www.icondeposit.com/local--files/creativefiles:_v1/wdbactive.png); } a.weditor-bold{ background-position: -132px 0; } a.weditor-italic{ background-position: -154px 0; } a.weditor-underline{ background-position: -176px 0; } a.weditor-strikethrough{ background-position: -198px 0; } a.weditor-teletype{ background-position: -220px 0; } a.weditor-quote{ background-position: -242px 0; } a.weditor-superscript{ background-position: -264px 0; } a.weditor-subscript{ background-position: -286px 0; } a.weditor-raw{ background-position: -308px 0; } a.weditor-hr{ background-position: -330px 0; } a.weditor-div{ background-position: -352px 0; } a.weditor-clearfloat{ background-position: -374px 0; } a.weditor-clearfloatleft{ background-position: -396px 0; } a.weditor-clearfloatright{ background-position: -418px 0; } a.weditor-divwiz{ background-position: -440px 0; } a.weditor-table{ background-position: -440px 0; } a.weditor-toc{ background-position: -462px 0; } a.weditor-uri{ background-position: -484px 0; } a.weditor-uriwiz{ background-position: -506px 0; } a.weditor-pagelink{ background-position: -528px 0; } a.weditor-pagelinkwiz{ background-position: -550px 0; } a.weditor-image{ background-position: -572px 0; } a.weditor-imagewiz{ background-position: -594px 0; } a.weditor-video{ background-position: -616px 0; } a.weditor-audio{ background-position: -638px 0; } a.weditor-code{ background-position: -660px 0; } a.weditor-codewiz{ background-position: -682px 0; } a.weditor-numlist{ background-position: -704px 0; } a.weditor-bullist{ background-position: -726px 0; } a.weditor-incindent{ background-position: -748px 0; } a.weditor-decindent{ background-position: -770px 0; } a.weditor-deflist{ background-position: -792px 0; } a.weditor-footnote{ background-position: -814px 0; } a.weditor-math{ background-position: -836px 0; } a.weditor-mathinline{ background-position: -858px 0; } a.weditor-eqref{ background-position: -880px 0; } a.weditor-bib{ background-position: -902px 0; } a.weditor-bibcite{ background-position: -924px 0; } a.weditor-h1{ background-position: 0px 0; } a.weditor-h2{ background-position: -22px 0; } a.weditor-h3{ background-position: -44px 0; } a.weditor-h4{ background-position: -66px 0; } a.weditor-h5{ background-position: -88px 0; } a.weditor-h6{ background-position: -110px 0; } a.weditor-html{ background-position: -946px 0; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End New Wikidot Editor + Site Editor Buttons ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Comments Module ----------------------------------------------------------------- ----------------------------------------------------------- ***/ div.comments-box { font-family: 'Droid Sans', Helvetica, sans-serif; line-height: 17px; } div.comments-box, form#new-post-form { padding-top: 20px; border-top: 2px solid rgba(0,0,0,0.12); box-shadow: inset 0px 1px 0px rgba(255,255,255,.9); } div.post-container {position: relative; border-bottom: 1px solid #ddd; padding: 16px 0px 15px 0px;} div.post-container:last-child {border-bottom: none;} div.post-container .post-container {border-top: 1px solid #ddd !important; margin-top: 16px; border-bottom: none !important;} div.post-container .post-container:first-child {border-top: 1px solid #ddd !important; margin-top: 16px; border-bottom: 1px solid #ddd !important;} div.post-container .post-container:last-child {border-top: 1px solid #ddd !important; margin-top: 16px; border-bottom: none !important;} span#np-editor-title { color: transparent; } .thread-container .post .short { display: none; background-color: transparent; padding: 0 !important; } span#np-editor-title::before { font-family: 'Oswald', Helvetica, sans-serif; font-size: 16px; font-weight: normal; font-style: normal; text-decoration: none; content: 'ADD A NEW COMMENT'; opacity: 1 !important; color: #3b3b3b; padding: 0px 0px 0px 3px; width: auto !important; position: relative; display: inline-block; top: 20px; } .thread-container .post {padding: 10px 0 10px 0;width: 100% !important;} .thread-container .post .head { padding: 0 !important; background: transparent; } input#np-title {display: none;} div#np-editor-panel.wd-editor-toolbar-panel {display: none;} textarea#np-text { margin: 0 !important; padding: 10px; width: 98% !important; color: #555; border-top: 1px solid #C3C3C3; border-left: none; border-bottom: 1px solid white; border-right: 1px solid white; background: #E3E3E3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none !important; box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -moz-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); -o-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.05); } textarea#np-text:focus { box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -webkit-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -moz-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); -o-box-shadow: inset 0px 1px 5px rgba(0,0,0,0.02); border-top-color: #ddd; background: #fefefe; outline: none !important; } textarea#np-text::-webkit-scrollbar, textarea#np-text::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;} textarea#np-text::-webkit-scrollbar-track-piece, textarea#np-text::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;} textarea#np-text::-webkit-scrollbar-thumb:vertical, textarea#np-text::-moz-scrollbar-thumb:vertical { height: 50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } textarea#np-text::-webkit-scrollbar-thumb:horizontal, textarea#np-text::-moz-scrollbar-thumb:horizontal { width:50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } textarea#np-text::-webkit-scrollbar-track-piece, textarea#np-text::-moz-scrollbar-track-piece { border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important; position: absolute !important; box-shadow: 0 -1px !important; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Comments Module ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start prettyPhoto Style Lightbox ----------------------------------------------------------------- ----------------------------------------------------------- ***/ .gallery-item { display: inline-block; float: left; margin: 5px; padding: 0 0 0 0; border: 10px solid #fff; border-bottom: 25px solid #fff; border-radius: 2px;background: transparent url(http://www.icondeposit.com/local--files/creativefiles:_v1/transparency%20pixel%20pattern.png) 0 0 repeat; box-shadow: 0px 1px 7px rgba(0,0,0,0.12); -webkit-shadow: 0px 1px 7px rgba(0,0,0,0.12); -moz-shadow: 0px 1px 7px rgba(0,0,0,0.12); -o-box-shadow: 0px 1px 7px rgba(0,0,0,0.12); } .gallery-item.medium { display: inline-block; float: left; margin: 0; margin-right: 20px; margin-bottom: 20px; border: 17px solid #fff; border-bottom: 50px solid #fff; width: 499px; height: 360px; overflow: hidden; } .gallery-item.medium td a { display: block; position: relative; background: none; width: 500px !important; height: 360px !important; top: -1px; left: -1px; margin: 0; } .gallery-item.medium td a:hover { background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/viewimg.jpg) center no-repeat !important; } .gallery-item.medium img { display: block; position: relative; margin: 0; width: 500px; height: auto; top: -1px; left: -1px; opacity: 1; } .gallery-item.medium td a:hover img { display: none; opacity: 0; } .gallery-item.small { display: inline-block; float: left; margin: 0; margin-right: 20px; margin-bottom: 20px; border-bottom: 35px solid #fff; width: 239px; height: 179px; overflow: hidden; } .gallery-item.small td a { display: block; position: relative; background: none; width: 239px !important; height: 179px !important; top: -1px; left: -1px; margin: 0; } .gallery-item.small td a:hover { background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/viewimg.jpg) center no-repeat !important; } .gallery-item.small img { display: block; position: relative; margin: 0; width: 240px; height: auto; top: -1px; left: -1px; opacity: 1; } .gallery-item.small td a:hover img { display: none; } .gallery-item.thumbnail { display: inline-block; float: left; margin: 5px; border: 10px solid #fff; border-bottom: 25px solid #fff; width: 99px; height: 74px; overflow: hidden; } .gallery-item.thumbnail td a { display: block; position: relative; background: none; width: 100px !important; height: 75px !important; top: -1px; left: -1px; margin: 0; } .gallery-item.thumbnail td a:hover { background: #fff url(http://www.icondeposit.com/local--files/creativefiles:_v1/viewimg.jpg) center no-repeat !important; } .gallery-item.thumbnail img { display: block; position: relative; margin: 0; width: 100px; height: auto; top: -1px; left: -1px; opacity: 1; } .gallery-item.thumbnail td a:hover img { display: none; opacity: 0; } .gallery-box { width: 100%; overflow: visible !important; } #lightbox-container-image-box { background: #f8f8f8; border: 5px solid rgba(43, 51, 58, .69); padding-bottom: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1); -moz-box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1); -o-box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1); box-shadow: 0 0px 3px rgba(0,0,0,0.8), inset 0px 1px 1px rgba(255,255,255,1); } #lightbox-container-image-data-box { height: 40px; position: relative; top: -50px; background: #f8f8f8; border: none; border-top: none; -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 999; } #jquery-overlay { background: #fff !important; opacity: 0.69 !important; } #lightbox-loading-link { display: block; width: 32px; height: 32px; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-loader3.gif) no-repeat 0 0; margin: 0 auto; } #lightbox-loading-link img, #lightbox-secNav-btnClose img { display: none; } #lightbox-secNav-btnClose { display: block; width: 27px; height: 21px; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-close.png) no-repeat 0 0; -webkit-transition: opacity .2s ease; -moz-transition: opacity .2s ease; -o-transition: opacity .2s ease; transition: opacity .2s ease; margin-top: 2px; } #lightbox-secNav-btnClose:hover { opacity: 0.50; } #lightbox-nav-btnNext:hover { background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-next.png) no-repeat 100% 50% !important; } #lightbox-nav-btnPrev:hover { background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/lightbox-prev.png) no-repeat 0 50% !important; } #lightbox-nav-btnNext,#lightbox-nav-btnPrev { width: 25% !important; } #lightbox-image-details-caption::after { display: none !important; font-weight: bold; } #lightbox-image-details-currentNumber { font-family: 'Oswald', Geneva, sans-serif; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 16px; font-style: normal; display: block; clear: left; padding: 0 !important; padding-bottom: 0 !important; margin-top: 8px; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End prettyPhoto Style Lightbox ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start Site Manager ----------------------------------------------------------------- ----------------------------------------------------------- ***/ #site-manager::-webkit-scrollbar, #site-manager::-moz-scrollbar {width:8px !important; height:9px !important; border: none !important; padding: 10px !important; background: transparent;} #site-manager::-webkit-scrollbar-track-piece, #site-manager::-moz-scrollbar-track-peice {background-color: #e8e8e8 !important; border: none !important;} #site-manager::-webkit-scrollbar-thumb:vertical, #site-manager::-moz-scrollbar-thumb:vertical { height: 50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } #site-manager::-webkit-scrollbar-thumb:horizontal, #site-manager::-moz-scrollbar-thumb:horizontal { width:50px !important; background-color:#777 !important; border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important !important; } #site-manager::-webkit-scrollbar-track-piece, #site-manager::-moz-scrollbar-track-piece { border-top-left-radius: 50px !important; border-top-right-radius: 50px !important; border-bottom-right-radius: 50px !important; border-bottom-left-radius: 50px !important; border: none !important; position: absolute !important; box-shadow: 0 -1px !important; } #site-manager { background: #fff; float: left; width: 100%; height: 1750px; border-radius: 5px; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.5); box-shadow: 0 0 1px rgba(0,0,0,0.5); overflow: hidden; overflow-y: scroll; z-index: 20; } #site-manager h2 {padding-bottom: 5px;} #site-manager-menu { position: absolute; margin: 0; background: #3b3b3b; border-radius: 4px 0 0 4px; padding: 0; border: none; height: 1750px; overflow: hidden; -webkit-box-shadow: -5px -0px 4px rgba(0,0,0,0.3) inset, 0 1px 0px rgba(255,255,255,0.1) inset; -moz-box-shadow: -5px -0px 4px rgba(0,0,0,0.3) inset, 0 1px 0px rgba(255,255,255,0.1) inset; box-shadow: -5px -0px 4px rgba(0,0,0,0.3) inset, 0 1px 0px rgba(255,255,255,0.1) inset; z-index: 20; } #site-manager-menu .head { color: #fff; font-family: 'Oswald', Geneva, sans-serif; border: none; font-weight: normal; font-size: 18px; padding-bottom: 0px; margin-bottom: 0; line-height: 2.55; } #sm-action-area { margin-left: 209px; float: left; clear: none; width: 756px; z-index: 100; } #sm-action-area > *:not(h1) { margin: 0 30px; line-height: 21px; } #sm-action-area h1, #sm-action-area.file-manager-box h1 {border: none; font-family: 'Oswald', Geneva, sans-serif; background: url(http://www.icondeposit.com/local--files/creativefiles:_v1/diagonal.png) bottom left repeat-x; padding: 29px 0px 16px 29px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; margin-top: 8px;} #sm-menu, #site-manager-menu ul { border-bottom: 1px solid #4d4d4d; border-top: 1px solid #272727; padding: 0; margin: 6px 0; } #site-manager-menu ul, #site-manager-menu ul:last-child { border-bottom: 0 !important; } #sm-menu li a, #site-manager-menu ul li a { padding-top: 5px; border-bottom: 1px solid #2b2b2b; border-top: 1px solid #4d4d4d; color: #ddd; position: relative; text-shadow: 0 1px 0px rgba(0,0,0,0.27); -webkit-transition: text-indent .2s ease; -moz-transition: text-indent .2s ease; transition: text-indent .2s ease; z-index: 20; width: 210px; height: 28px; outline: none !important; } #sm-menu li a:hover, #site-manager-menu ul li a:hover { text-decoration: none; text-indent: 7px; background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.09)), to(rgba(255,255,255,0.04))); background-image:-moz-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.09)), to(rgba(255,255,255,0.04))); color: #FC5C00; z-index: 20; outline: none !important; } #sm-menu li a.active, #site-manager-menu ul li a.active { font-weight: bold; text-indent: 7px; background: #fff; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.75); -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.75); box-shadow: 0 1px 10px rgba(0,0,0,0.75); border: none; color: #FC5C00; z-index: 100; width: 210px; height: 28px; padding-top: 6px; text-shadow: none; outline: none !important; } #sm-menu li a.active:after, #site-manager-menu ul li a.active:after { } #sm-menu li ul li a, #site-manager-menu ul li ul li a { background-color: rgba(255,255,255,0.05); border-top: 1px solid #5d5d5d; outline: none !important; } #sm-menu > li.selected > a, #site-manager-menu ul > li.selected > a { font-weight: bold; text-indent: 7px; background: #fff; -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.75); -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.75); box-shadow: 0 1px 10px rgba(0,0,0,0.75); border: none; color: #FC5C00; z-index: 110; width: 210px; height: 28px; padding-top: 6px; text-shadow: none; outline: none !important; } #site-manager-menu hr { display: none; } #sm-action-area ul {margin-bottom: 10px;} #site-manager-menu .head::after { color: white; content: 'Wikidot CPanel'; display: block !important; text-indent: -7px !important; text-align: center; height: 50px; margin-top: -35px; } #site-manager-menu .head { text-indent: -9999px; height: 64px; } #site-manager a#sm-welcome { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2663px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-welcome.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2661px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-general { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -46px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-general.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -44px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-access-policy { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3347px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-access-policy.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3345px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-permissions { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1777px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-permissions.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1775px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-domain { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2084px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-domain.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2082px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-ssl { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2933px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-ssl.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2931px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-license { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2038px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-license.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2036px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-templates { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2977px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-templates.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2975px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-autonumerate { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1167px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-autonumerate.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1165px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-files { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -823px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-files.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -821px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-api { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3347px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-api.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3345px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-recent-changes { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -2359px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-recent-changes.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -2357px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-pagerate { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1683px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-pagerate.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1681px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-notifications { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1504px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-notifications.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1502px no-repeat !important; text-indent: 22px !important; } #site-manager-menu ul li:nth-child(21) a { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1080px no-repeat !important; text-indent: 22px !important; } #site-manager-menu ul li:nth-child(21) a.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1078px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-backup { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3065px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-backup.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3063px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-pingbacks { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3112px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-pingbacks.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3110px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-tweet-my-wiki { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -909px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-tweet-my-wiki.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -907px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-openid { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -1124px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-openid.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -1122px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-ads { background: transparent url(http://icondeposit.wdfiles.com/local--files/start/mainsprte2.png) -10px -3301px no-repeat !important; text-indent: 22px !important; } #site-manager a#sm-ads.active { background: #FFF url(http://icondeposit.wdfiles.com/local--files/start/mainsprte.png) -10px -3299px no-repeat !important; text-indent: 22px !important; } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End Site Manager ----------------------------------------------------------------- ----------------------------------------------------------- ***/ /*** ------------------------------------------------------------ ----------------------------------------------------------------- Start -webkit- Animation Backend ----------------------------------------------------------------- ----------------------------------------------------------- ***/ @-webkit-keyframes fade-in { 0% {opacity:0;} 100% {opacity: 1;} } @-webkit-keyframes message-notification-slide-in-left { 0% {-webkit-transform:translate(-1224px,0);} 90%{-webkit-transform: translate(15px,0);} 95%{-webkit-transform: translate(25px,0);} 98%{-webkit-transform: translate(-6px,0);} 100%{-webkit-transform: translate(0,0);} } @-webkit-keyframes account-options-height-loader { 0% {height: 0;} 100%{height: 180px;} } /*** ------------------------------------------------------------ ----------------------------------------------------------------- End -webkit- Animation Backend ----------------------------------------------------------------- ----------------------------------------------------------- ***/
page revision: 1, last edited: 26 Aug 2015 18:39