Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body {
- background:url(http://www.wallpaper-million.com/Wallpapers/f/Fields/Flower-field-by-the-sea-wallpaper_4055.jpg);
- background-size:cover;
- background-position:center;
- background-attachment:fixed;
- }
- #columns {
- position:absolute;
- top:200px;
- left:50%;
- width:0px;
- height:0px;
- overflow:visible;
- z-index:10;
- }
- .column {
- overflow:visible !important;
- margin:0px !important;
- position:absolute;
- padding:0px !important;
- }
- #column_1, #column_2 {
- top:0px;
- left:-175px;
- width:350px;
- font-size:0px;
- }
- #column_2 {
- width:auto !Important;
- }
- #column_1 .panel, #column_2 .panel:nth-of-type(1) {
- width:340px;
- position:static;
- padding:0px 5px;
- height:0px !Important;
- margin:0px;
- overflow:auto;
- color:white;
- background:rgba(25,25,25,0.2);
- }
- #column_1 .panel:hover, #column_2:hover .panel:nth-of-type(1) {
- height:290px !important;
- padding:5px 5px;
- box-shadow:0px 0px 3px #000;
- }
- #column_1 h2 {
- overflow:hidden;
- position:absolute;
- width:150px;
- padding:0px 5px;
- line-height:25px;
- height:25px;
- margin:30px 0px;
- text-align:right;
- right:100%;
- top:0px;
- background:rgba(30,15,0,0.7);
- font-weight:100;
- text-transform:none;
- font-variant:small-caps;
- font-size:15px;
- letter-spacing:1px;
- font-family:Lucida console;
- border-top:1px double rgba(250,250,250,0.5);
- border-left:1px double rgba(250,250,250,0.5);
- -ms-transform:scale(0,1);
- -moz-transform:scale(0,1);
- -webkit-transform:scale(0,1);
- transform:scale(0,1);
- }
- #column_1 .panel:hover h2 {
- background:rgba(70,45,30,0.4);
- text-shadow:0px 0px 3px rgba(100,50,0,0.5);
- box-shadow:-130px 0px 60px -60px rgba(70,30,10,0.5) inset;
- }
- #column_1 .panel:nth-of-type(1) h2 {
- border-top-left-radius:10px;}
- #column_1 .panel:nth-last-of-type(1) h2 {
- border-bottom-left-radius:10px;
- border-bottom:1px double rgba(250,250,250,0.5);
- }
- #column_1 .panel:nth-of-type(2) h2 {top:25px}
- #column_1 .panel:nth-of-type(3) h2 {top:50px}
- #column_1 .panel:nth-of-type(4) h2 {top:75px}
- #column_1 .panel:nth-of-type(5) h2 {top:100px}
- #column_1 .panel:nth-of-type(6) h2 {top:125px}
- #column_1 .panel:nth-of-type(7) h2 {top:150px}
- #column_1 .panel:nth-of-type(8) h2 {top:175px}
- /*---Column 2---*/
- #column_2 .panel:nth-of-type(1) h2 {
- position:absolute;
- top:0px;
- left:175px;
- margin:-30px -40px;
- width:80px;
- height:50px;
- padding:30px 0px 0px 0px;
- text-align:center;
- border-radius:999px;
- text-transform:none;
- font-weight:100;
- font-size:15px;
- z-index:-1;
- font-variant:small-caps;
- letter-spacing:1px;
- background:rgba(30,15,0,0.3);
- box-shadow:0px 0px 3px rgba(0,0,0,0.5);
- }
- #columns:hover #column_2 .panel:nth-of-type(1) h2 {
- position:absolute;
- height:330px;
- width:350px;
- left:0px;
- margin:-30px 0px;
- border-radius:5px;
- padding:5px;
- }
- #column_2 .panel:nth-of-type(2) {
- position:absolute;
- left:350px;
- top:30px;
- background:rgba(30,15,0,0.3);
- box-shadow:0px 0px 3px rgba(0,0,0,0.5);
- overflow:hidden;
- border-radius:0px 0px 0px 0px;
- padding:5px;
- -ms-transform:scale(0,0);
- -moz-transform:scale(0,0);
- -webkit-transform:scale(0,0);
- transform:scale(0,0);
- }
- #columns:hover h2, #columns:hover #column_2 .panel:nth-of-type(2) {
- -ms-transform:scale(1,1);
- -moz-transform:scale(1,1);
- -webkit-transform:scale(1,1);
- transform:scale(1,1);
- }
- #column_2 .panel:nth-of-type(2) h2 {
- display:none;
- }
- .column img {
- max-width:100% !Important;
- }
- .media_panel object {
- height:280px !Important;
- width:320px !important;
- }
- /*---Hidden column---*/
- #column_3 {
- position:fixed;
- left:-2000px;
- }
- /*========================*
- GAIA HEADER CONTROL
- *========================*/
- #gaia_header {
- position:fixed;
- z-index:99999;
- padding-top:3px;
- overflow-x:visible;
- overflow-y:visible;
- font-family:arial !important;
- font-weight:bold;
- letter-spacing:1px;
- font-size:10px !important;
- background:none rgba(30,65,0,0.7);
- width:100% !important;
- min-width:1000px !important;
- height:28px;
- box-shadow:0px 0px 5px #000;
- -moz-transition:opacity 0.3s, background-color 0.4s;
- -webkit-transition:opacity 0.3s, background-color 0.4s;
- -o-transition:opacity 0.3s, background-color 0.4s;
- transition:opacity 0.53, background-color 0.4s;
- z-index:10000;
- }
- #gaia_header a{
- display:inline;
- height:24px;
- color:#AAA !important;
- font-weight:normal;
- font-size:11px;
- font-variant:small-caps;
- letter-spacing:1px;
- -moz-transition:all 0.5s;
- -webkit-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- text-decoration:none;
- line-height:20px;
- }
- #gaia_header:hover a{
- color:#DDD !Important;
- text-shadow:0px 0px 7px #444, 0px 0px 9px #444;
- }
- #gaia_header a:hover{
- color:white !Important;
- text-shadow:0px 0px 7px #CCF, 0px 0px 9px #CCF;
- text-decoration:none !important;
- }
- #header_left li.spacer+li a:hover {
- box-shadow:none;
- }
- #header_left, #header_right {
- background:none !important;
- line-height:23px !important;
- width:49% !important;
- }
- #header_right li {
- margin:0px 4px 0px 0px;
- }
- #header_left li.spacer+li {
- margin:-3px 4px 0px 0px;
- background-image:url(http://s.cdn.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png);
- background-size:47px auto !important;
- background-position:10px 4px;
- background-repeat:no-repeat;
- display:inline-block !important;
- width:47px !important;
- height:23px !important;
- -o-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -webkit-transition:all 0.5s;
- transition:all 0.5s;
- padding:3px 10px 0px 10px;
- line-height:23px;
- position:relative;
- top:-2px;
- background-color:rgba(0,0,0,0.3);
- border-radius:0px 0px 10px 10px;
- margin-right:5px;
- }
- #header_left li.spacer+li:hover {
- background-color:rgba(0,0,0,0.8) !important;
- }
- #header_left li a img {
- opacity:0 !important;
- }
- #gaia_header #header_left, #gaia_header #header_right {
- color:transparent;
- }
- /*ALL TRANSITIONS*/
- #gaia_header *, #columns * {
- -webkit-transition:all 0.5s;
- transition:all 0.5s;
- }
- /*---Link styling---*/
- .panel a {
- color:white !Important;
- -webkit-transition:all 1s;
- transition: all 1s;
- text-shadow:0px 0px 3px #000000;
- }
- .panel a:hover {
- color:black !important;
- text-shadow:0px 0px 3px #FFFFFF;
- text-decoration:none !Important;
- }
- /*------------------------------------*
- USER STATUS BOX CONTROL
- *------------------------------------*/
- .forum_userstatus {
- margin:10px auto 0px auto !important;
- padding:3px 2px 5px 2px !important;
- color:white !important;
- text-decoration:none !important;
- text-shadow:0px 0px 3px black, 0px 0px 4px black;
- border:0px rgba( 255, 255, 255, 0.5 ) solid;
- border-radius:5px;
- width:120px;
- background:none !important;
- }
- #avatar_menu {
- position:absolute;
- z-index:5050;
- background:rgba(255,240,240,0.7);
- }
- .online, .offline {
- color:white !important;
- }
- #avatar_menu, .forum_userstatus {
- box-shadow:0px 0px 12px #FFFFFF inset, 0px 0px 24px #FFFFFF inset;
- }
- .forum_userstatus .statuslinks {
- background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAKCAMAAAC+Ge+yAAAAaVBMVEX///8AAAAAAAAAAAD////9/f0AAAAAAAAAAABfX1/////6+vp+fn7////////9/f3///+bm5v///////////99fX319fX////8/Pz8/Pz///+5ubn9/f2dnZ38/Py4uLj///8AAAC2traxXVsaAAAAI3RSTlMAAAgNGLwSBxlKPrhXK1O2HGUCITZWFrC+thByu2S9cwUGc9YpLywAAABKSURBVHheHcZFAoQwAMDA1KijLqv/fySUXCaIQdyNPdoEqLcZm96hjv4HKq3RS+CrJi930EurZD419mjabF4W3KcxXQXg/sXniheVvgMct5vtUQAAAABJRU5ErkJggg==);
- background-position:right center;
- background-repeat:no-repeat;
- }
- #avatar_menu li {
- width:0px !important;
- overflow:visible !important;
- text-wrap: none;
- background:rgba(25, 25, 25, 0.7) !important;
- transition:width 0.5s;
- -moz-transition:width 0.5s;
- -webkit-transition:width 0.5s;
- -o-transition:width 0.5s;
- }
- #avatar_menu li:hover {
- width: 100% !important;
- }
- #avatar_menu li a{
- display:block !important;
- width:200px !important;
- overflow:visible !important;
- text-wrap: none; /*--- future CSS draft ---*/
- color:white !important;
- text-decoration:none !important;
- text-shadow:0px 0px 3px black, 0px 0px 4px black;
- }
- #avatar_menu li a:hover{
- background:none !important;
- }
- /*----wishlist----*/
- #id_wishlist .item img{
- border-radius: 6px;
- margin:3px;
- box-shadow: 0px 0px 7px white;
- }
- #id_wishlist .item:hover img {
- background:rgba(255,255,255,0.5);
- }
- /*----patches----*/
- .premium_sparkle, #avatar_menu+div+div, noscript+script+script+noscript+div[style*='display']~div {
- display:none;
- }
- #columns ul.buttons {
- display:inline !important;
- position:static !Important;
- }
- .mask {
- z-index:1000 !important;
- }
- Kill code {
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement