Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body {
- background:url(http://im.mtv.fi/image/3515980/landscape16_9/1024/576/ab37b5a79f92a8f51af381ba38bec84d/Gs/the-1975.jpg);
- background-size:cover;
- background-position:center;
- background-attachment:fixed;
- background-repeat:no-repeat;
- background-color:black;
- }
- @font-face {
- font-family: 'Allura';
- font-style: normal;
- font-weight: 400;
- src: local('Allura'), local('Allura-Regular'), url(http://themes.googleusercontent.com/static/fonts/allura/v2/ExiT4hKozv4E-LiOi2vvJA.woff) format('woff');
- }
- #columns {
- position:relative;
- float:none;
- margin:0px auto;
- width:1000px;
- top:0px;
- height:600px;
- }
- .column {
- opacity:1;
- position:absolute;
- overflow:visible !Important;
- }
- /*---column 1---*/
- #column_1 {
- position:absolute;
- height:0px;
- width:0px;
- height:0px;
- left:0px;
- top:50px;
- overflow:visible;
- }
- /*---Column MAIN---*/
- .column:not(#column_1) {
- top:310px;
- left:335px;
- width:330px;
- margin:0px;
- padding:0px;
- z-index:10;
- height:210px;}
- #column_2:hover {
- z-index:20;
- }
- #column_2:hover ~ #column_3 {
- opacity:0.5;
- }
- .column:not(#column_1) .panel {
- position:static !important;
- height:0px !important;
- overflow-x:hidden !important;
- overflow-y:auto !important;
- color:black;
- padding:0px 10px;
- margin:0px;
- background:transparent;
- }
- .column:not(#column_1) .panel:hover {
- height:190px !Important;
- padding:10px 10px;
- box-shadow:0px 0px 3px #000;
- background:rgba(255,255,255,0.5);
- }
- .column:not(#column_1) h2 {
- position:absolute;
- margin:0px 0px;
- left:100%;
- top:0px;
- padding:4px 9px 4px 4px;
- height:24px;
- width:195px;
- border-radius:0px 8px 8px 0px;
- text-align:right;
- font-weight:100;
- font-size:15px;
- font-family:Century Gothic, CenturyGothic, AppleGothic, sans-serif;
- background:rgba(255,255,255,0.7) !important;
- text-transform:none;
- color:black;
- box-shadow:0px 0px 3px rgba(0,0,0,0.5);
- }
- #column_2 .panel h2 {
- width:205px ;
- margin:5px 0px;
- opacity:0.5;
- }
- #column_2:hover .panel h2 {
- opacity:1;
- }
- .column:not(#column_1) .panel:hover h2 {
- box-shadow:-140px 0px 100px -60px rgba(25,25,25,0.5) inset;
- text-shadow:0px 0px 3px #AAF;
- color:white;
- }
- /*---array list---*/
- .column:not(#column_1) .panel:nth-of-type(2) h2 {top:40px;}
- .column:not(#column_1) .panel:nth-of-type(3) h2 {top:80px;}
- .column:not(#column_1) .panel:nth-of-type(4) h2 {top:120px;}
- .column:not(#column_1) .panel:nth-of-type(5) h2 {top:165px;}
- .column:not(#column_1) ul.buttons {
- display:inline !important;
- position:static !Important;
- }
- /*--SP PANELS--*/
- #id_details {
- top:255px;
- left:140px;
- width:160px;
- height:210px;
- background:rgba(255,255,255,0.4) !important;
- padding:0px;
- border-radius:5px;
- box-shadow:0px 0px 3px #000;
- }
- #id_details h2 {
- position:absolute;
- left:170px;
- top:-15px;
- margin:0px 0px;
- width:320px;
- height:245px;
- font-size:38px;
- color:rgba(25,25,25,0.5);
- text-align:center;
- font-family:Impact, Allura, Segoe Script, Comic Sans MS;
- background:rgba(255,255,255,0.5);
- padding:5px;
- box-shadow:0px 0px 3px #000;
- line-height:80px !important;
- }
- #id_contact {
- padding:0px;
- margin:0px;
- background-color:transparent;
- top:255px;
- left:310px;
- width:335px;
- height:35px;
- opacity:0.5;
- text-align:center;
- }
- #id_contact:hover {
- opacity:1;
- }
- #id_contact h2 {
- display:none;
- }
- #id_contact ul:not(.buttons) li{
- position:relative;
- float:left !important;
- display:block;
- top:0px;
- left:0px;
- width:110px;
- height:auto;
- padding:3px 0px;
- background:rgba(0,0,0,0.5);
- box-shadow:0px 0px 2px #FFF, 0px 0px 0px 0px rgba(0,0,0,0.5) inset;
- color:white;
- }
- #id_contact ul:not(.buttons) li:hover {
- box-shadow:0px 0px 2px #FFF, 0px 20px 20px -10px rgba(0,0,0,0.5) inset;
- }
- .media_panel {
- position:absolute;
- left:310px;
- top:auto;
- bottom:-520px;
- width:330px;
- height:25px!important;
- overflow:hidden !important;
- padding:0px;
- margin:0px;
- background:white !important;
- z-index:100;
- }
- .media_panel:hover {
- height:280px !important;
- }
- .media_panel h2 {
- display:none;
- }
- .media_panel object {
- position:absolute;
- left:0px;
- bottom:0px;
- height:280px!Important;
- width:100%!important;
- }
- /*---PIC CONTAINER---*/
- #pictures_container, #texts_container {
- width:1000px;
- height:0px;
- right:50%;
- left:auto;
- margin-right:-500px;
- position:absolute;
- top:0px;
- }
- @media screen and (max-width:1000px) {
- #texts_container, #pictures_container {
- margin-right:0px;
- right:0px;}
- }
- /*========================*
- GAIA HEADER CONTROL
- *========================*/
- #gaia_header {
- background:transparent !Important;
- pointer-events:auto;
- overflow-x:visible;
- overflow-y:visible;
- font-family:arial !important;
- font-weight:bold;
- letter-spacing:1px;
- font-size:10px !important;
- width:100%;
- min-width:800px !important;
- height:0px !important;
- -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:9000;
- }
- #header_left, #header_right {
- padding:0px 5px;
- position:absolute;
- color:transparent !important;
- width:auto !Important;
- background-color:rgba(20,20,20,0.1)!important;
- box-shadow: inset 0px 24px 24px -24px rgba(255,255,255,0.2);
- -webkit-transition:all 0.5s;
- transition:all 0.5s;
- border-radius:0px 0px 5px 0px;
- left:0px;
- }
- #header_right {left:auto!important;right:0px;
- border-radius:0px 0px 0px 5px;}
- #gaia_header ul:hover {
- background:rgba(0,0,0,0.3)!important;
- }
- #gaia_header a{
- color: black !Important;
- text-decoration:none !Important;
- font-weight:100;
- font-size:12px;
- font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
- font-variant:small-caps;
- }
- #gaia_header a:hover {
- color:white !important;
- }
- #header_left li.spacer+li {
- 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 1px;
- 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:0px 10px 0px 10px;
- line-height:23px;
- position:relative;
- top:-2px;
- left:-5px;
- background-color:rgba(0,0,0,0.5);
- border-radius:0px 0px 10px 10px;
- }
- #header_left li a img {
- opacity:0 !important;
- }
- /*---Link styling---*/
- .panel a {
- font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
- color:#555;
- -webkit-transition:all 1s;
- transition: all 1s;
- text-shadow:0px 0px 3px #559;
- }
- .panel a:hover {
- color:black !important;
- text-shadow:0px 0px 3px #FFFFFF;
- text-decoration:none !Important;
- }
- /*ALL TRANSITIONS*/
- #gaia_header *, #columns * {
- -webkit-transition:all 0.5s;
- transition:all 0.5s;
- }
- /*------------------------------------*
- 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 {
- display:none;
- }
- .mask {
- z-index:1000 !important;
- }
- /*---KILL CODE - KProject Group only---*/
- KillKP {
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement