Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background:transparent none;
- }
- .media_panel object {min-width:400px;
- min-height:300px;
- opacity:0.3;
- }
- .media_panel:hover object {
- opacity:1;
- }
- #columns {
- margin:-250px -400px;
- position:absolute;
- float:none;
- width:800px;
- height:500px;
- top:50%;
- left:50%;
- padding:0px;
- background:rgba(0,0,0,0.3);
- overflow:visible;
- pointer-events:none;
- z-index:20;}
- .panel {pointer-events:auto;background:rgba(255,255,255,0.4);}
- .panel:not(.custom_panel):not(.media_panel) {position:absolute;left:-20px;pointer-events:none;opacity:0;transform:scale(0,0);}
- .custom_panel span {position:fixed;_height:5%;height:10%;
- width:5%;display:block;
- _background:rgba(255,2,2,0.1);
- left:0px;
- top:0px;
- z-index:-10;
- }
- .custom_panel center {
- background:rgba(255,255,255,0.3) url(http://s.cdn.gaiaonline.com/images/petbattle/petbase/bear_coral_sm/idle.gif);
- border-radius:999px;
- background-position:0px -70px;
- background-size:auto auto;
- background-repeat:no-repeat;
- display:block;
- width:50px;
- height:50px;
- font-size:0px;
- position:fixed;
- left:50%;
- top:50%;
- pointer-events:none;
- }
- /*== 2 hundreds==*/
- .custom_panel span:nth-of-type(n), .custom_panel span:nth-of-type(n):hover ~ center {top:0%;}
- .custom_panel span:nth-of-type(n+21), .custom_panel span:nth-of-type(n+21):hover ~ center {top:10%;}
- .custom_panel span:nth-of-type(n+41), .custom_panel span:nth-of-type(n+41):hover ~ center {top:20%;}
- .custom_panel span:nth-of-type(n+61), .custom_panel span:nth-of-type(n+61):hover ~ center {top:30%;}
- .custom_panel span:nth-of-type(n+81), .custom_panel span:nth-of-type(n+81):hover ~ center {top:40%;}
- .custom_panel span:nth-of-type(n+101), .custom_panel span:nth-of-type(n+101):hover ~ center {top:50%;}
- .custom_panel span:nth-of-type(n+121), .custom_panel span:nth-of-type(n+121):hover ~ center {top:60%;}
- .custom_panel span:nth-of-type(n+141), .custom_panel span:nth-of-type(n+141):hover ~ center {top:70%;}
- .custom_panel span:nth-of-type(n+161), .custom_panel span:nth-of-type(n+161):hover ~ center {top:80%;}
- .custom_panel span:nth-of-type(n+181), .custom_panel span:nth-of-type(n+181):hover ~ center {top:90%;}
- .custom_panel span:nth-of-type(200) ~ span {display:none;}
- /*== 4 hundred
- .custom_panel span:nth-of-type(n), .custom_panel span:nth-of-type(n):hover ~ center {top:0%;}
- .custom_panel span:nth-of-type(n+21), .custom_panel span:nth-of-type(n+21):hover ~ center {top:5%;}
- .custom_panel span:nth-of-type(n+41), .custom_panel span:nth-of-type(n+41):hover ~ center {top:10%;}
- .custom_panel span:nth-of-type(n+61), .custom_panel span:nth-of-type(n+61):hover ~ center {top:15%;}
- .custom_panel span:nth-of-type(n+81), .custom_panel span:nth-of-type(n+81):hover ~ center {top:20%;}
- .custom_panel span:nth-of-type(n+101), .custom_panel span:nth-of-type(n+101):hover ~ center {top:25%;}
- .custom_panel span:nth-of-type(n+121), .custom_panel span:nth-of-type(n+121):hover ~ center {top:30%;}
- .custom_panel span:nth-of-type(n+141), .custom_panel span:nth-of-type(n+141):hover ~ center {top:35%;}
- .custom_panel span:nth-of-type(n+161), .custom_panel span:nth-of-type(n+161):hover ~ center {top:40%;}
- .custom_panel span:nth-of-type(n+181), .custom_panel span:nth-of-type(n+181):hover ~ center {top:45%;}
- .custom_panel span:nth-of-type(n+201), .custom_panel span:nth-of-type(n+201):hover ~ center {top:50%;}
- .custom_panel span:nth-of-type(n+221), .custom_panel span:nth-of-type(n+221):hover ~ center {top:55%;}
- .custom_panel span:nth-of-type(n+241), .custom_panel span:nth-of-type(n+241):hover ~ center {top:60%;}
- .custom_panel span:nth-of-type(n+261), .custom_panel span:nth-of-type(n+261):hover ~ center {top:65%;}
- .custom_panel span:nth-of-type(n+281), .custom_panel span:nth-of-type(n+281):hover ~ center {top:70%;}
- .custom_panel span:nth-of-type(n+301), .custom_panel span:nth-of-type(n+301):hover ~ center {top:75%;}
- .custom_panel span:nth-of-type(n+321), .custom_panel span:nth-of-type(n+321):hover ~ center {top:80%;}
- .custom_panel span:nth-of-type(n+341), .custom_panel span:nth-of-type(n+341):hover ~ center {top:85%;}
- .custom_panel span:nth-of-type(n+361), .custom_panel span:nth-of-type(n+361):hover ~ center {top:90%;}
- .custom_panel span:nth-of-type(n+381), .custom_panel span:nth-of-type(n+381):hover ~ center {top:95%;}
- .custom_panel span:nth-of-type(400) ~ span {display:none;}
- ==*/
- .custom_panel span:nth-of-type(20n+1), .custom_panel span:nth-of-type(20n+1):hover ~ center {left:0px;}
- .custom_panel span:nth-of-type(20n+2), .custom_panel span:nth-of-type(20n+2):hover ~ center {left:5%;}
- .custom_panel span:nth-of-type(20n+3),
- .custom_panel span:nth-of-type(20n+3):hover ~ center {left:10%;}
- .custom_panel span:nth-of-type(20n+4),
- .custom_panel span:nth-of-type(20n+4):hover ~ center {left:15%;}
- .custom_panel span:nth-of-type(20n+5),
- .custom_panel span:nth-of-type(20n+5):hover ~ center {left:20%;}
- .custom_panel span:nth-of-type(20n+6),
- .custom_panel span:nth-of-type(20n+6):hover ~ center {left:25%;}
- .custom_panel span:nth-of-type(20n+7),
- .custom_panel span:nth-of-type(20n+7):hover ~ center {left:30%;}
- .custom_panel span:nth-of-type(20n+8),
- .custom_panel span:nth-of-type(20n+8):hover ~ center {left:35%;}
- .custom_panel span:nth-of-type(20n+9),
- .custom_panel span:nth-of-type(20n+9):hover ~ center {left:40%;}
- .custom_panel span:nth-of-type(20n+10),
- .custom_panel span:nth-of-type(20n+10):hover ~ center {left:45%;}
- .custom_panel span:nth-of-type(20n+11),
- .custom_panel span:nth-of-type(20n+11):hover ~ center {left:50%;}
- .custom_panel span:nth-of-type(20n+12),
- .custom_panel span:nth-of-type(20n+12):hover ~ center {left:55%;}
- .custom_panel span:nth-of-type(20n+13),
- .custom_panel span:nth-of-type(20n+13):hover ~ center {left:60%;}
- .custom_panel span:nth-of-type(20n+14),
- .custom_panel span:nth-of-type(20n+14):hover ~ center {left:65%;}
- .custom_panel span:nth-of-type(20n+15),
- .custom_panel span:nth-of-type(20n+15):hover ~ center {left:70%;}
- .custom_panel span:nth-of-type(20n+16),
- .custom_panel span:nth-of-type(20n+16):hover ~ center {left:75%;}
- .custom_panel span:nth-of-type(20n+17),
- .custom_panel span:nth-of-type(20n+17):hover ~ center {left:80%;}
- .custom_panel span:nth-of-type(20n+18),
- .custom_panel span:nth-of-type(20n+18):hover ~ center {left:85%;}
- .custom_panel span:nth-of-type(20n+19),
- .custom_panel span:nth-of-type(20n+19):hover ~ center {left:90%;}
- .custom_panel span:nth-of-type(20n+20),
- .custom_panel span:nth-of-type(20n+20):hover ~ center {left:95%;}
- .custom_panel span:nth-of-type(1) {left:0px !important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement