Advertisement
fredysugiman

x-iiGreninja GOP 3634099102082014

Aug 2nd, 2014
283
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.34 KB | None | 0 0
  1. html, body {
  2. background:url(http://www.wallpaper-million.com/Wallpapers/f/Fields/Flower-field-by-the-sea-wallpaper_4055.jpg);
  3. background-size:cover;
  4. background-position:center;
  5. background-attachment:fixed;
  6. }
  7.  
  8. #columns {
  9. position:absolute;
  10. top:200px;
  11. left:50%;
  12. width:0px;
  13. height:0px;
  14. overflow:visible;
  15. z-index:10;
  16. }
  17.  
  18. .column {
  19. overflow:visible !important;
  20. margin:0px !important;
  21. position:absolute;
  22. padding:0px !important;
  23. }
  24.  
  25. #column_1, #column_2 {
  26. top:0px;
  27. left:-175px;
  28. width:350px;
  29. font-size:0px;
  30. }
  31.  
  32. #column_2 {
  33. width:auto !Important;
  34. }
  35.  
  36. #column_1 .panel, #column_2 .panel:nth-of-type(1) {
  37. width:340px;
  38. position:static;
  39. padding:0px 5px;
  40. height:0px !Important;
  41. margin:0px;
  42. overflow:auto;
  43. color:white;
  44. background:rgba(25,25,25,0.2);
  45. }
  46.  
  47. #column_1 .panel:hover, #column_2:hover .panel:nth-of-type(1) {
  48. height:290px !important;
  49. padding:5px 5px;
  50. box-shadow:0px 0px 3px #000;
  51. }
  52.  
  53. #column_1 h2 {
  54. overflow:hidden;
  55. position:absolute;
  56. width:150px;
  57. padding:0px 5px;
  58. line-height:25px;
  59. height:25px;
  60. margin:30px 0px;
  61. text-align:right;
  62. right:100%;
  63. top:0px;
  64. background:rgba(30,15,0,0.7);
  65. font-weight:100;
  66. text-transform:none;
  67. font-variant:small-caps;
  68. font-size:15px;
  69. letter-spacing:1px;
  70. font-family:Lucida console;
  71. border-top:1px double rgba(250,250,250,0.5);
  72. border-left:1px double rgba(250,250,250,0.5);
  73. -ms-transform:scale(0,1);
  74. -moz-transform:scale(0,1);
  75. -webkit-transform:scale(0,1);
  76. transform:scale(0,1);
  77. }
  78.  
  79. #column_1 .panel:hover h2 {
  80. background:rgba(70,45,30,0.4);
  81. text-shadow:0px 0px 3px rgba(100,50,0,0.5);
  82. box-shadow:-130px 0px 60px -60px rgba(70,30,10,0.5) inset;
  83. }
  84.  
  85. #column_1 .panel:nth-of-type(1) h2 {
  86. border-top-left-radius:10px;}
  87.  
  88. #column_1 .panel:nth-last-of-type(1) h2 {
  89. border-bottom-left-radius:10px;
  90. border-bottom:1px double rgba(250,250,250,0.5);
  91. }
  92.  
  93. #column_1 .panel:nth-of-type(2) h2 {top:25px}
  94. #column_1 .panel:nth-of-type(3) h2 {top:50px}
  95. #column_1 .panel:nth-of-type(4) h2 {top:75px}
  96. #column_1 .panel:nth-of-type(5) h2 {top:100px}
  97. #column_1 .panel:nth-of-type(6) h2 {top:125px}
  98. #column_1 .panel:nth-of-type(7) h2 {top:150px}
  99. #column_1 .panel:nth-of-type(8) h2 {top:175px}
  100.  
  101. /*---Column 2---*/
  102.  
  103. #column_2 .panel:nth-of-type(1) h2 {
  104. position:absolute;
  105. top:0px;
  106. left:175px;
  107. margin:-30px -40px;
  108. width:80px;
  109. height:50px;
  110. padding:30px 0px 0px 0px;
  111. text-align:center;
  112. border-radius:999px;
  113. text-transform:none;
  114. font-weight:100;
  115. font-size:15px;
  116. z-index:-1;
  117. font-variant:small-caps;
  118. letter-spacing:1px;
  119. background:rgba(30,15,0,0.3);
  120. box-shadow:0px 0px 3px rgba(0,0,0,0.5);
  121. }
  122.  
  123. #columns:hover #column_2 .panel:nth-of-type(1) h2 {
  124. position:absolute;
  125. height:330px;
  126. width:350px;
  127. left:0px;
  128. margin:-30px 0px;
  129. border-radius:5px;
  130. padding:5px;
  131. }
  132.  
  133. #column_2 .panel:nth-of-type(2) {
  134. position:absolute;
  135. left:350px;
  136. top:30px;
  137. background:rgba(30,15,0,0.3);
  138. box-shadow:0px 0px 3px rgba(0,0,0,0.5);
  139. overflow:hidden;
  140. border-radius:0px 0px 0px 0px;
  141. padding:5px;
  142. -ms-transform:scale(0,0);
  143. -moz-transform:scale(0,0);
  144. -webkit-transform:scale(0,0);
  145. transform:scale(0,0);
  146. }
  147.  
  148. #columns:hover h2, #columns:hover #column_2 .panel:nth-of-type(2) {
  149. -ms-transform:scale(1,1);
  150. -moz-transform:scale(1,1);
  151. -webkit-transform:scale(1,1);
  152. transform:scale(1,1);
  153. }
  154.  
  155. #column_2 .panel:nth-of-type(2) h2 {
  156. display:none;
  157. }
  158.  
  159. .column img {
  160. max-width:100% !Important;
  161. }
  162.  
  163. .media_panel object {
  164. height:280px !Important;
  165. width:320px !important;
  166. }
  167.  
  168. /*---Hidden column---*/
  169. #column_3 {
  170. position:fixed;
  171. left:-2000px;
  172. }
  173.  
  174. /*========================*
  175. GAIA HEADER CONTROL
  176. *========================*/
  177.  
  178. #gaia_header {
  179. position:fixed;
  180. z-index:99999;
  181. padding-top:3px;
  182. overflow-x:visible;
  183. overflow-y:visible;
  184. font-family:arial !important;
  185. font-weight:bold;
  186. letter-spacing:1px;
  187. font-size:10px !important;
  188. background:none rgba(30,65,0,0.7);
  189. width:100% !important;
  190. min-width:1000px !important;
  191. height:28px;
  192. box-shadow:0px 0px 5px #000;
  193. -moz-transition:opacity 0.3s, background-color 0.4s;
  194. -webkit-transition:opacity 0.3s, background-color 0.4s;
  195. -o-transition:opacity 0.3s, background-color 0.4s;
  196. transition:opacity 0.53, background-color 0.4s;
  197. z-index:10000;
  198. }
  199.  
  200. #gaia_header a{
  201. display:inline;
  202. height:24px;
  203. color:#AAA !important;
  204. font-weight:normal;
  205. font-size:11px;
  206. font-variant:small-caps;
  207. letter-spacing:1px;
  208. -moz-transition:all 0.5s;
  209. -webkit-transition:all 0.5s;
  210. -o-transition:all 0.5s;
  211. transition:all 0.5s;
  212. text-decoration:none;
  213. line-height:20px;
  214. }
  215.  
  216. #gaia_header:hover a{
  217. color:#DDD !Important;
  218. text-shadow:0px 0px 7px #444, 0px 0px 9px #444;
  219. }
  220.  
  221. #gaia_header a:hover{
  222. color:white !Important;
  223. text-shadow:0px 0px 7px #CCF, 0px 0px 9px #CCF;
  224. text-decoration:none !important;
  225. }
  226.  
  227. #header_left li.spacer+li a:hover {
  228. box-shadow:none;
  229. }
  230.  
  231. #header_left, #header_right {
  232. background:none !important;
  233. line-height:23px !important;
  234. width:49% !important;
  235. }
  236.  
  237. #header_right li {
  238. margin:0px 4px 0px 0px;
  239. }
  240.  
  241. #header_left li.spacer+li {
  242. margin:-3px 4px 0px 0px;
  243. background-image:url(http://s.cdn.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png);
  244. background-size:47px auto !important;
  245. background-position:10px 4px;
  246. background-repeat:no-repeat;
  247. display:inline-block !important;
  248. width:47px !important;
  249. height:23px !important;
  250. -o-transition:all 0.5s;
  251. -moz-transition:all 0.5s;
  252. -webkit-transition:all 0.5s;
  253. transition:all 0.5s;
  254. padding:3px 10px 0px 10px;
  255. line-height:23px;
  256. position:relative;
  257. top:-2px;
  258. background-color:rgba(0,0,0,0.3);
  259. border-radius:0px 0px 10px 10px;
  260. margin-right:5px;
  261. }
  262.  
  263.  
  264. #header_left li.spacer+li:hover {
  265. background-color:rgba(0,0,0,0.8) !important;
  266. }
  267.  
  268. #header_left li a img {
  269. opacity:0 !important;
  270. }
  271.  
  272. #gaia_header #header_left, #gaia_header #header_right {
  273. color:transparent;
  274. }
  275.  
  276. /*ALL TRANSITIONS*/
  277.  
  278. #gaia_header *, #columns * {
  279. -webkit-transition:all 0.5s;
  280. transition:all 0.5s;
  281. }
  282.  
  283. /*---Link styling---*/
  284. .panel a {
  285. color:white !Important;
  286. -webkit-transition:all 1s;
  287. transition: all 1s;
  288. text-shadow:0px 0px 3px #000000;
  289. }
  290.  
  291. .panel a:hover {
  292. color:black !important;
  293. text-shadow:0px 0px 3px #FFFFFF;
  294. text-decoration:none !Important;
  295. }
  296. /*------------------------------------*
  297. USER STATUS BOX CONTROL
  298. *------------------------------------*/
  299. .forum_userstatus {
  300. margin:10px auto 0px auto !important;
  301. padding:3px 2px 5px 2px !important;
  302. color:white !important;
  303. text-decoration:none !important;
  304. text-shadow:0px 0px 3px black, 0px 0px 4px black;
  305. border:0px rgba( 255, 255, 255, 0.5 ) solid;
  306. border-radius:5px;
  307. width:120px;
  308. background:none !important;
  309. }
  310.  
  311. #avatar_menu {
  312. position:absolute;
  313. z-index:5050;
  314. background:rgba(255,240,240,0.7);
  315. }
  316.  
  317. .online, .offline {
  318. color:white !important;
  319. }
  320.  
  321. #avatar_menu, .forum_userstatus {
  322. box-shadow:0px 0px 12px #FFFFFF inset, 0px 0px 24px #FFFFFF inset;
  323. }
  324.  
  325. .forum_userstatus .statuslinks {
  326. 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==);
  327. background-position:right center;
  328. background-repeat:no-repeat;
  329. }
  330.  
  331. #avatar_menu li {
  332. width:0px !important;
  333. overflow:visible !important;
  334. text-wrap: none;
  335. background:rgba(25, 25, 25, 0.7) !important;
  336. transition:width 0.5s;
  337. -moz-transition:width 0.5s;
  338. -webkit-transition:width 0.5s;
  339. -o-transition:width 0.5s;
  340. }
  341.  
  342. #avatar_menu li:hover {
  343. width: 100% !important;
  344. }
  345.  
  346. #avatar_menu li a{
  347. display:block !important;
  348. width:200px !important;
  349. overflow:visible !important;
  350. text-wrap: none; /*--- future CSS draft ---*/
  351. color:white !important;
  352. text-decoration:none !important;
  353. text-shadow:0px 0px 3px black, 0px 0px 4px black;
  354. }
  355.  
  356. #avatar_menu li a:hover{
  357. background:none !important;
  358. }
  359.  
  360. /*----wishlist----*/
  361.  
  362. #id_wishlist .item img{
  363. border-radius: 6px;
  364. margin:3px;
  365. box-shadow: 0px 0px 7px white;
  366. }
  367.  
  368. #id_wishlist .item:hover img {
  369. background:rgba(255,255,255,0.5);
  370. }
  371.  
  372. /*----patches----*/
  373. .premium_sparkle, #avatar_menu+div+div, noscript+script+script+noscript+div[style*='display']~div {
  374. display:none;
  375. }
  376.  
  377. #columns ul.buttons {
  378. display:inline !important;
  379. position:static !Important;
  380. }
  381.  
  382. .mask {
  383. z-index:1000 !important;
  384. }
  385.  
  386. Kill code {
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement