API tools faq
paste
fredysugiman

teievision GOP 1935852912042016

fredysugiman
Apr 12th, 2016
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.62 KB | None | 0 0
raw download clone embed print report
  1. /*--Background listing--*/
  2. html:before, #panel-details:after {
  3. background:url(http://drobs.ru/opyat/10/rendering_vizualizaciya_chb_rendering_figury_2560x1600.jpg);
  4. background-size:cover;
  5. background-position:center;
  6. }
  7.  
  8. #panel-details .hd {
  9. background:url(http://cdn.playbuzz.com/cdn/d717ed0f-a98e-4bd4-8930-f53735a68b15/f58d2215-afd2-4cdb-82ed-fd5cf65200c5.jpg);
  10. background-size:cover;
  11. background-position:center;}
  12.  
  13. #panel-details .bd {
  14. background:url(http://s.cdn.gaiaonline.com/images/event/contest/zomgsplash2010/finalists/ZOMG_SplashScreen.png);
  15. background-size:cover;
  16. background-position:center;}
  17.  
  18. #panel-details .ft {
  19. background:url(https://i.imgur.com/wTiGWlx.jpg);
  20. background-size:cover;
  21. background-position:center;}
  22.  
  23. /*--Side panel deco setting--*/
  24. #column_2 .panel:nth-of-type(1):before {
  25. background-image:url('http://www.clker.com/cliparts/d/6/4/0/1332463569169212797vactor%20flower.png');
  26. background-position:right;
  27. }
  28.  
  29. #column_2 .panel:nth-of-type(2):before {
  30. background-image:url(https://photoshoppngframesimagesquotes.files.wordpress.com/2012/12/02a01-flowervectorsvarious16.png);
  31. background-position:center;
  32. }
  33. #column_2 .panel:nth-of-type(3):before {
  34. background-image:url(http://image.hotdog.hu/user/adri13/magazin/11.png);
  35. background-position:center;
  36. }
  37. #column_2 .panel:nth-of-type(4):before {
  38. background-image:url(http://www.clker.com/cliparts/S/j/e/B/2/U/cool-design-element-hi.png);
  39. background-position:center;
  40. }
  41. #column_2 .panel:nth-of-type(5):before {
  42. background-image:url(http://www.pd4pic.com/images800_/ink-black-splat.png);
  43. background-position:center;
  44. }
  45.  
  46. /*--Enable/Disable side deco--*
  47. Remove the underscore behind each selector from 1st and 2nd part equivalent to each panel to DISABLE the side deco.
  48. *----------------------------*/
  49.  
  50. _#column_2 .panel:nth-of-type(1),
  51. _#column_2 .panel:nth-of-type(2),
  52. _#column_2 .panel:nth-of-type(3),
  53. _#column_2 .panel:nth-of-type(4),
  54. _#column_2 .panel:nth-of-type(5) {
  55. margin:0px 0px !important;
  56. width:730px !important;
  57. border-left:none transparent !Important;
  58. }
  59.  
  60. _#column_2 .panel:nth-of-type(1):before,
  61. _#column_2 .panel:nth-of-type(2):before,
  62. _#column_2 .panel:nth-of-type(3):before,
  63. _#column_2 .panel:nth-of-type(4):before,
  64. _#column_2 .panel:nth-of-type(5):before {
  65. display:none !important;
  66. }
  67.  
  68. /* latin */
  69. @font-face {
  70. font-family: 'Orbitron';
  71. font-style: normal;
  72. font-weight: 400;
  73. src: local('Orbitron-Light'), local('Orbitron-Regular'), url(http://fonts.gstatic.com/s/orbitron/v5/HmnHiRzvcnQr8CjBje6GQvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(http://fonts.gstatic.com/s/orbitron/v5/94ug0rEgQO_WuI_xKJMFc_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
  74. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  75. }
  76.  
  77. /*--Kgroup Gaia BG Changer version 7c public base code--*
  78. Check profile discussion subforum for instructions, updates, edits, and source codes
  79. *-----------------------------------------------------------*/
  80. html, body {background:none transparent;}
  81.  
  82. #panel-details:after {
  83. top:-50px;
  84. left:-85px;
  85. height:40px;
  86. width:70px;
  87. position:absolute;
  88. background-repeat:no-repeat;
  89. background-color:rgba(30,30,30,0.7);
  90. border:5px solid transparent;box-shadow:0px 0px 3px #000;
  91. transition:0.5s;}
  92.  
  93. #panel-details:hover:after {
  94. left:0px;
  95. }
  96.  
  97. #panel-details:before, #panel-details *:before, #panel-details:after, #panel-details *:after, html:before {
  98. display:block;
  99. content:' ';
  100. color:white;
  101. }
  102.  
  103. #panel-details {position:absolute;top:50%;margin-top:-45px;left:0px;width:0px;height:0px;}
  104.  
  105. #panel-details:hover {width:300px;}
  106.  
  107. #panel-details:before {
  108. content:'BG Changer';
  109. z-index:200;
  110. position:absolute;
  111. top:-65px;
  112. left:0px;
  113. background:rgba(30,30,30,0.7);
  114. border-radius:5px 5px 0px 0px;
  115. transform-origin:bottom left;
  116. transform:rotate(90deg);
  117. padding:2px 5px;
  118. width:180px;
  119. height:11px;
  120. text-align:center;
  121. font-size:11px;
  122. letter-spacing:2px;
  123. transition:0.5s;
  124. }
  125.  
  126. #panel-details:hover:before {
  127. top:-15px;
  128. content:'Back to default';
  129. border-radius:0px 10px 0px 0px;
  130. }
  131.  
  132. #panel-details div:before, html:before {
  133. position:fixed;
  134. top:0px;
  135. left:0px;
  136. height:100%;
  137. width:100%;
  138. z-index:-1000;
  139. }
  140.  
  141. #panel-details div:before {
  142. opacity:0;
  143. background:inherit;
  144. transition:opacity 1s 99999s;
  145. }
  146.  
  147. #panel-details:hover div:before {
  148. transition:opacity 1s 0s;
  149. }
  150.  
  151. #panel-details div:hover:before {
  152. opacity:1;
  153. transition:opacity 1s 0s;
  154. }
  155.  
  156. div#panel-details div {
  157. position:absolute;
  158. left:-100px;
  159. top:10px;
  160. width:90px;
  161. height:50px;
  162. overflow:visible;
  163. padding:0px;
  164. box-shadow: 0px 0px 0px 1px #FFF, 0px 0px 3px #000;
  165. background-repeat:no-repeat;
  166. background-position:center;
  167. margin:0px;
  168. transition:0.5s;}
  169.  
  170. div#panel-details:hover div {
  171. left:20px;}
  172.  
  173. div#panel-details div:nth-of-type(2) {top:70px;}
  174. div#panel-details div:nth-of-type(3) {top:130px;}
  175.  
  176. div#panel-details div:after, div#panel-details:hover div:after {
  177. content:'';
  178. position:absolute;
  179. left:-5px;
  180. top:-5px;
  181. width:inherit;
  182. height:inherit;
  183. padding:5px;
  184. z-index:100;
  185. transition: 99999s 9999s;}
  186.  
  187. div#panel-details:hover div:after {
  188. transition:0s 0s;
  189. }
  190.  
  191. div#panel-details div:hover:after {
  192. position:absolute;
  193. left:-35px;
  194. top:-15px;
  195. width:165px;
  196. height:200px;
  197. z-index:50;
  198. transition:0s 0s;}
  199.  
  200. div#panel-details div:nth-of-type(2):hover:after {top:-75px;}
  201. div#panel-details div:nth-of-type(3):hover:after {top:-135px;}
  202.  
  203. /*--All transitions--*/
  204.  
  205. #columns * , #gaia_header * {
  206. -webkit-transition:all 0.5s;
  207. -moz-transition:all 0.5s;
  208. -ms-transition:all 0.5s;
  209. transition:all 0.5s;
  210. }
  211.  
  212. /*--expandable thumbnail--*/
  213. a[href*='ic-project'] + ol .spoiler-wrapper .spoiler {
  214. width:90px;
  215. height:90px;
  216. padding:5px;
  217. background:rgba(55,55,55,0.6);
  218. box-shadow:0px 0px 3px #000;
  219. display:block !important;
  220. text-align:center;
  221. margin:0px;
  222. position:relative;
  223. border:none;
  224. }
  225.  
  226. a[href*='ic-project'] + ol .spoiler-wrapper .spoiler img {
  227. max-height:99%;
  228. margin:0px auto;
  229. display:block;
  230. position:absolute;
  231. top:50%;
  232. left:50%;
  233. -webkit-transform: translateY(-50%) translateX(-50%);
  234. -ms-transform: translateY(-50%) translateX(-50%);
  235. transform: translateY(-50%) translateX(-50%);
  236. transition:all 0.5s;}
  237.  
  238. a[href*='ic-project'] + ol .spoiler-wrapper .spoiler img.bbcode-swap-blocked-image {
  239. z-index:150;
  240. }
  241.  
  242. a[href*='ic-project'] + ol .spoiler-wrapper {
  243. float:left;
  244. margin:5px 5px;
  245. position:relative;
  246. padding:0px;
  247. }
  248.  
  249. a[href*='ic-project'] + ol .spoiler-wrapper .spoiler-title {
  250. position:absolute;
  251. height:20px;
  252. width:20px;
  253. top:0px;
  254. left:0px;
  255. opacity:0;
  256. z-index:30;
  257. box-shadow:0px 0px 3px #000;
  258. background:rgba(140,140,140,0.8) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFC0lEQVR4nN1bX2SeVxx+RUVUVVVFVcVnoqavfjm/5xczsYuaXERVRMRUVdVMTc0uKmpixvQiKiYXuajZRU1URUVMRVRMTE3VTNRE1S52Mb2oiqiaiYhnF++brFmz7/x53/O+0YcjXyR+53me857zO+85vy9JIoCNRgeB9wlcJjBB1dtUnSfwE1WXCTzMf/+WqqMU6acxh2JwqQxU7aLIVaouEVinKr0asEnVRwTGCHTXrccJTJI2AmcJLOYC/ES3bktUHWKStNWtc1fkwh+XLHq3J+MxjTlTt95t0JgGgYXowt804h5Vu+oVL3KRwKvKxf9rwhpFzlUvPE3bqfpdbcLfNGKSSbKvKvEHCCzWLvpNE35go9ERV3x390ECPweS/IvZSv4NRT4lMEyRfor05j8vUnWcwI/5/4aYsMg0bY8jPk3bc3I+hNYJ3CFw1md0qLqfwDCBe97pFJiNkioJ3PIgskFgis3m8cL9qr5LYMbThBtlaH6dxCcenT+kyMlSCSRJQuBDAn848xAZLKvjbuc5CUzEXI1pzKE8/7uY8ILNZmfxTl3mPbBJkY9L0GjnkyRtVL3paMLtYp2JjDiJBy6VI8+DW/bmaDfBmL6wDjKnnzp08lXJ2lz57aPqfQd+S2EdiJxzCH6/zrczqh4h8CzKU+Cw4XlZRporCqoOOUzTGb+gIicdRv+LSJq8Yd2aA+tM08PuAUW+tgR8TtX9ETV5gcb0WQfMJ0tR9VdLwOsR9QSBqo8sgzbrFihND1v333vwjI6qVyyDtuq0YBMYsAT6rQI93mCzedw6DXp6TtgDAdcsoz9ZgZ4g0LZvERlxCWI76TlfgZYgMLtvKJa5rAecIr0VaAmCQ/aasgexraYixyrQEgQCly0GTNuDqC63DJKmByrQEgSqni+cCt9qA1Tv2oNkF5WtDDhagZYgOEyBW/YgqvMWF1GBliA4LIIT9iC2gwbgowq0BMEhDV5xCTJa2MWaQNUnLbkbc9oeRKTfYsAv8aX4g2l61MJ706noIr/9+f+Xoexv9d7K7gLrAqi67B7M/mo5FlFLEKj6wGLAuHswYMwS7M9od3ABoDHGwpfs6XnPPWB2GdI6IPBZRE1eoOqche+TkKBLlqAvqHokgh4/nsactg6W6uf+gV1OW122lhGR1yr8buG4GrR9zyu+7EVPNU4FAncc+IUv2DTmjMNTsFHaTawPN9VxB26k6oNCl6ROt7FZIeRQifpsnG44it/itxJsAlW7CKw5dLJJ1dGSte7kUqQ4q5AJbveEW20+xpUZgSZtZxVRTQAmPTp6RZEv2d19sLDw7Lj7JlU3CokvakJ+XW7bcPy3vSQw5XuQmhdkDeQFVv6F1tFMaDQ66HYnv1unzwjMELhGYJiqH9AYQ5HevP7nAlWvE1iopPo02IRsdGajE6yiFZoOvqlor7aC2WGQ2TtB/UKKtacMfa9hs9lJ+1nc3m/AQpAB20ZkRQpLVRClW/GWfyvjixg0pi9f7ctMX38TmN5KpxQ5RmAlgglzhQ3YNiIrtLiUZ4zVgJF+nht5YbcNFZvNztJNANZKM2AH2SRpY0/PCYqM5PuAKQLTVL2bt+8JTFLkKkUGeerUO05xI5gQxYCYKNuEuvUEoTQTYk2BKlCSCeUtgnWgsAnAQN0aCqOACfN1cy8N+e609UXpzpFf4R444i8VzCrJXb7ROv/WiX8d+cn23I5zzezz3G5z/h+omd30b8GP/gAAAABJRU5ErkJggg==') no-repeat center;
  259. background-size:15px 15px;
  260. border-radius:0px 0px 10px 0px;
  261. }
  262.  
  263. a[href*='ic-project'] + ol .spoiler-hidden:hover .spoiler-title {
  264. opacity:1;
  265. }
  266.  
  267. a[href*='ic-project'] + ol .spoiler-wrapper .spoiler-title * {
  268. position:absolute;
  269. top:0px;
  270. left:0px;
  271. padding:0px;
  272. margin:0px;
  273. width:100%;
  274. height:100%;
  275. opacity:0;
  276. }
  277.  
  278. a[href*='ic-project'] + ol .spoiler-revealed {
  279. position:fixed;
  280. top:0px;
  281. left:0px;
  282. margin:0px 0px;
  283. padding:0px 0px;
  284. background:rgba(250,250,250,0.8);
  285. border:none;
  286. z-index:55;
  287. height:100%;
  288. width:100%;
  289. }
  290.  
  291. a[href*='ic-project'] + ol .spoiler-revealed .spoiler {
  292. position:absolute;
  293. width:auto;
  294. height:auto;
  295. left:50px;
  296. right:50px;
  297. top:50px;
  298. bottom:20px;
  299. }
  300.  
  301. a[href*='ic-project'] + ol .spoiler-revealed .spoiler:before {
  302. content:'Click anywhere to close';
  303. font-variant:small-caps;
  304. letter-spacing:1px;
  305. display:block;
  306. font-size:12px;
  307. position:absolute;
  308. left:0px;
  309. bottom:-17px;
  310. height:15px;
  311. border-radius: 5px;
  312. width:100%;
  313. text-align:center;
  314. background:rgba(60,60,60,0.7);
  315. }
  316.  
  317. a[href*='ic-project'] + ol .spoiler-revealed .spoiler-title {
  318. width:100%;
  319. height:100%;
  320. transition:0s !Important;
  321. }
  322.  
  323. a[href*='ic-project'] + ol .spoiler-wrapper ~ br {display:none;}
  324.  
  325. /*--main code==*/
  326. body {min-width:1000px;}
  327.  
  328. /*-------Column and panels-------*/
  329. #columns, #column_1, #column_2, #column_3 {
  330. height:1px;
  331. padding:0px;
  332. margin:0px 0px;
  333. overflow:visible;
  334. }
  335.  
  336. #columns {
  337. opacity:0.7;
  338. z-index:500;
  339. margin:0px auto;
  340. padding:40px 0px;
  341. height:420px;
  342. width:820px;
  343. float:none;
  344. position:relative;
  345. left:auto;
  346. top:50px;
  347. transition:0.5s;
  348. }
  349.  
  350. #columns:hover {
  351. opacity:1;
  352. }
  353.  
  354. #columns ul.buttons {
  355. display:inline;
  356. position:static;
  357. padding:0px;
  358. margin:0px;
  359. height:15px;
  360. }
  361.  
  362. #columns ul.buttons li {height:15px;}
  363.  
  364. /*--Column 1 and 3--*/
  365. #column_1, #column_3 {
  366. position:absolute;
  367. bottom:40px;
  368. right:25px;
  369. height:auto;
  370. font-size:0px;
  371. width:500px;
  372. }
  373.  
  374. #column_1 {
  375. left:25px;
  376. z-index:10;}
  377.  
  378. #column_1 .panel, #column_3 .panel {
  379. margin:0px;
  380. background:rgba(40,40,40,0.8);
  381. color:white;
  382. font-size:10px;
  383. position:static;
  384. overflow:hidden;
  385. max-height:0px;
  386. padding:0px 10px;
  387. transition:all 1s;}
  388.  
  389. #column_1 .panel h2, #column_3 .panel h2 {
  390. position:absolute;
  391. margin:0px;
  392. top:100%;
  393. right:0px;
  394. width:140px;
  395. padding:5px 5px;
  396. background:rgba(0,0,0,0.7);
  397. font-family:orbitron,helvetica,arial;
  398. text-transform:none;
  399. font-variant:_;
  400. font-size:12px;
  401. font-weight:100;
  402. box-shadow:0px 3px 3px rgba(0,0,0,0.5);
  403. border-radius: 0px 0px 5px 5px;
  404. transition:all 0.5s;}
  405.  
  406. #id_contact h2 {
  407. display:none;}
  408.  
  409. #column_1 #id_details h2 {
  410. left:-25px;
  411. font-size:17px;
  412. font-weight:bold;
  413. letter-spacing:1px;
  414. font-variant:small-caps;
  415. text-indent:20px;
  416. width:250px;
  417. max-width:auto;
  418. min-width:auto;
  419. padding:5px 50px 5px 10px;
  420. border-radius:0px 0px 100px 10px / 0px 0px 50px 10px;
  421. }
  422.  
  423. #column_1 #id_details:hover {
  424. max-height:400px;
  425. border-radius:0px 20px 0px 0px;}
  426.  
  427. #id_details:hover h2 {
  428. color:rgba(255,255,255,0.2);
  429. }
  430.  
  431. #id_details img, #animated_item {
  432. display:block;
  433. float:left;
  434. margin:20px 0px;
  435. padding:10px;
  436. border:1px dotted white;
  437. border-radius:10px;
  438. position:relative;
  439. transition:0.5s;
  440. }
  441.  
  442. /*------------------------------------*
  443. USER STATUS BOX CONTROL
  444. *------------------------------------*/
  445. .forum_userstatus {
  446. margin:0px 0px !important;
  447. padding:3px 12px 5px 2px !important;
  448. color:white !important;
  449. text-decoration:none !important;
  450. border:0px rgba( 255, 255, 255, 0.5 ) solid;
  451. border-radius:0px 0px 10px 10px;
  452. background:rgba(160,160,160,0.6) !important;
  453. z-index:5;
  454. position:absolute;
  455. left:10px;
  456. top:100%;
  457. opacity:0;
  458. }
  459.  
  460. #id_details:hover .forum_userstatus {
  461. opacity:1;
  462. }
  463.  
  464. #avatar_menu {
  465. position:absolute;
  466. left:-2000px;
  467. z-index:5050;
  468. background:rgba(25,20,20,0.7);
  469. display:block !important;
  470. transition:opacity 0.5s, transform 0.5s;
  471. -webkit-transform:scale(1,1);
  472. transform:scale(1,1);
  473. }
  474.  
  475. #avatar_menu[style*='none'] {
  476. opacity:0;
  477. -webkit-transform:scale(0,1);
  478. transform:scale(0,1);
  479. }
  480.  
  481. .online, .offline {
  482. color:white !important;
  483. }
  484.  
  485. #avatar_menu, .forum_userstatus {
  486. width:138px;
  487. }
  488.  
  489. .forum_userstatus .statuslinks {
  490. 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==);
  491. background-position:right center;
  492. background-repeat:no-repeat;
  493. }
  494.  
  495. #avatar_menu li {
  496. width:0px !important;
  497. overflow:visible !important;
  498. text-wrap: none;
  499. background:rgba(225, 225, 225, 0.7) !important;
  500. -moz-transition:width 0.5s;
  501. -webkit-transition:width 0.5s;
  502. -o-transition:width 0.5s;
  503. transition:width 0.5s;
  504. }
  505.  
  506. #avatar_menu li:hover {
  507. width: 100% !important;
  508. }
  509.  
  510. #avatar_menu li a{
  511. display:block !important;
  512. width:200px !important;
  513. line-height:10px;
  514. transition:all 1s;
  515. overflow:hidden !important;
  516. text-wrap: none; /*--- future CSS draft ---*/
  517. color:white !important;
  518. text-decoration:none !important;
  519. text-shadow:0px 0px 3px black, 0px 0px 4px black;
  520. }
  521.  
  522. #avatar_menu li a:hover{
  523. background:none !important;
  524. }
  525.  
  526. /*--Contacts buttons--*/
  527.  
  528. #id_contact ul:not(.buttons) {
  529. position:absolute;
  530. left:-25px;
  531. bottom:0px;}
  532.  
  533. #id_contact ul:not(.buttons) li {
  534. display:block;
  535. position:absolute;
  536. left:0px;
  537. bottom:0px;
  538. height:40px;
  539. width:25px;
  540. font-size:0px;
  541. z-index:200;
  542. background:rgba(0,0,0,0.7);
  543. box-shadow:0px 0px 3px rgba(0,0,0,0.5);
  544. }
  545.  
  546. #id_contact ul:not(.buttons) li:nth-of-type(2) {bottom:40px;}
  547. #id_contact ul:not(.buttons) li:nth-of-type(3) {bottom:80px;border-radius:10px 0px 0px 0px;}
  548.  
  549. #id_contact ul:not(.buttons) li * {
  550. display:block;
  551. position:absolute;
  552. height:40px;
  553. width:25px;
  554. top:0px;
  555. left:0px;
  556. background:no-repeat center;
  557. background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAD5klEQVRo3tWaT2hcVRTGv+/xCFKGIEWCiLgIJUgwCDWkUrroqohCQHChaSpduChSURF0KSXLboSsBTEVjVuLreBCKEZMpAsx4h+qRaWCSVDLUNtYzs+Fb8LLMH/ezLzMTA5c7mHmvXvPOfe755x7z7NKIGBE0mHgqO0pSeOSxiRVskduSdqU9AuwbnsVWEmSpKpBEZACT0TEUkRsRQQAEUFB/p+IuATMR8SBfgo+EhEvRsS1LoRuxm9ExDng3r0UXMAs8CN7RxvAmYhISxU+IkYzqHRl6S7alYgYL8vyExHxfUlQ6YTfAk60k89tLD8t6ZKk+wbkK7Ztn5L0oe2OLX8Y2GLw9G9EPNup8OMR8fsAYNOMvwM8WQhCEVGR9IWkR7rd81lrRknWOqWbto/Y/q4V5gW83eOSvx4RFaBS32f8Yg9jf5lF/V3WyNMJ4HTN7+f8f2Fe0naSJFXb1fredlXSdqdj5vgZSWcbKgCkkhYlJfkX84GsE76p28t5k27GB94Exhop8LztCdvqpbVTAlCPc4wCb+xSAEhsv1YPnW4gVMRf9wChWv9CLW+qKXAUmGwk/LBBKKNRSfM7Cth+rlfo9BFCNSOcApQACTBbr+UwQyjjpyU9kEg6JOnBBjgbZggJSCQdT4GZjhOlNtYtAqGS6EgqaSo/aI3P9xm9ZHuzXogG/NU2ky4Ba7XVyEOvDoYTwLk2z0wqIpYLHjIe6mceHRHHCsh0LbU9VgY0yqaCMDuQSKo02ihN8px+33y0y7uUAtFstw9K8E48YWr7toaQinqqRNIf7aw/KBgVCGrVVNJP+xhC11NJ6wWXaxEocpe5ZPtyC/c4Z/upAuMU8Y7fpJJWWwWy3G+z9f83CS5rki63mPQxYK5dICvIryWSfpD0W7NcqEVOPuhcKGx/ltoO4KKkM/3Cdkm50FeSbtSOlO916n9bBZd+pNPA+7Z3zsQrwNf7CEK3bF+QpDQbNIDzkpb2CYTezSo+u+6FPpD07T6AUFXSQs0ISW5p7wIvS4phhpDtBds3Gt7M2f5U0js9Hrb38lB/FXgrP15ab52IeBU4JmmixamrVSB7NCKeabECE90EL9s3JZ1MkmS7bYEDeBi4MsDCRj3dtf207YudbLQZ4M8hKXDMd+vyZoCdGnCt8NDHAsediJhr5RxcQIlJ4CP9X33vJ/1l+6Ttj8sIPgeB5T7C5nPgUOkRFJiNiJ/3uLR6tvRCd50i90TEK8CvPRSy69sGsAAc7OfFU5p9erAM/N0pRrKPPT4BTgNdf+zhklZlBJiW9LikKdvjku4HKlkwug1s2r4uaR1Ytb2SVR57mvs/OqKgmLeb9VEAAAAASUVORK5CYII=);
  558. background-size:17px auto;
  559. opacity:0.7;
  560. }
  561.  
  562. #id_contact ul:not(.buttons) li:hover a {
  563. opacity:1;
  564. }
  565.  
  566. #id_contact ul:not(.buttons) li span {
  567. opacity:0.3;
  568. }
  569.  
  570. #id_contact ul:not(.buttons) li:nth-of-type(2) * {
  571. background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACGElEQVRYw+2WzUsVURiHn7mIRItLtHQh4iIurlu0ELIgCf+CiGjTPlpE0DKiRfgXRPtsExERCC1c9KHRJgLpS9AKEbmYmgiRcp8278hpGK+D5nWRPzjMmfN+zpzz/s4LhzjEASMDUE8Bo8AA0BUDoJYMkmeKdK1VkLWSZz7/DbwDbmZZ9jpTTwIvgCMd/vhfwOlMfQaMHNAOjGfqLHAcqHc4+E9gpQZ0x54/iL3Zb7wHHkbM7lpMjgIXgSngCjC3D4HnwvdL4ELE7EJd8m9Mqv3qNbXp3tEMX/3qq4JsGXW5xGhRPavW1Tvq+i4Cr4ftMXVIXSjR2TYB1Q31hlpTe9R7sbYTNtT7YYN6vY1d2wRyPFLrQViNeN8Oj9VG6NZ30K2cgOqn3HHOnOpEIp8INs3lJ9QPFfwud1U8wS3gxxZ/Z9mUegYYDioez7Is1V8poeVyVPgDX5L9vKQ+VftL/PSpT9TLodsTtnvaglm1N07yWLK+pl6NA1qL+VoiHwub3vCxqwS+R+0OtnHyVn3TJvnB+DNf2yWwVCKYVwfUWxVLr11J3o7qmd8ugcXC4oI6UsJae8Fk+CySUZPCYlO9q67677GqjhbofTG/jvuibD4DjX2+DT8CJ6J8v9WAmaS1anTgOm4kbdxMpg4Bz5M+sFPYBM7lJDKsTts5TKvnt7riSIKkI67SDVel8LQrbsWXbxao+xD/Mf4A6J3auTFKGkEAAAAASUVORK5CYII=);
  572. }
  573.  
  574. #id_contact ul:not(.buttons) li:nth-of-type(3) * {
  575. background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACFElEQVRYw72XP0iVURjGn3O5yB2koSlCJBxCokLKRYmopmiUCJHGhLCIKGmQEBwaFTTEKaLBQQhCjBqcRKIhxOEGBQ2RkDQIIqFhF++vwXPx43iOfOfTzjPd+97znOf9vvfvlSIBtAL3gRlgGXgKlPW/AXQAc8AOu9gEelIICxgCauxhG7iSSnyK/XioFACeeMSrqWJ+1r5qF32pnn7OI74BVFKIt2WyPYvZo9YqBew9gd8+HrUDoWS6GrB/jakgSZP26z1jTFQIfuBHZ8QdAxneQIx42Wk6WbTlvOOSU0HbQLfvrAGeSWq1MS9JarI54MNbSVv2c13SqjHmsSN+UtKSpBMOd1XSRWPML9fbaYpj1rmrCfhwwPmFfU0MaAa+FBD/Dhx32vZkDt6oL2ZngN8R4n/chARuR/Bv+pzojbjgjsM9b8dzXmwA7T4nxnOQX9gab3COAd8KhLAKNMuTRIsHkD65s8BuRkXxynjeQqiM1mwZrTjnn0tqyZgqkq4HyvidpL+2hOuSVkKN5LLTjGrAtZxN6FTgaWtRewTwIEN+FMG7EHDgZ8wwkqQJSefsmbGIAdcSsH+OcsBOr/4CE7Y9YF+I2QcOgy6PrS7pdYpNqgKse+L/PtUeeSuQ/R0pxEvAkseB4VRPf9cj/hIopRDvthOygR1gJJX4DTvdGpiP2R0PI1y2f92qwBtgEDidnZR58A+b1b5jeeJtPgAAAABJRU5ErkJggg==);
  576. }
  577.  
  578. #column_3 .panel:hover {
  579. max-height:300px;
  580. padding:5px 10px;
  581. overflow:auto;
  582. box-shadow:0px 0px 3px #000;
  583. }
  584.  
  585. #column_3 .panel:hover h2 {
  586. background:rgba(70,70,70,0.8);
  587. box-shadow:0px 3px 3px rgba(0,0,0,0.5), inset 0px 3px 3px rgba(0,0,0,0.5);
  588. text-shadow:0px 0px 3px #aaf, 0px 0px 3px #aaf;}
  589.  
  590. #column_3 .panel:nth-of-type(2) h2 {right:160px;}
  591. #column_3 .panel:nth-of-type(3) h2 {right:320px;}
  592.  
  593. /*--Persistent tabs system--*/
  594. #column_2 {
  595. height:400px;
  596. width:750px;
  597. padding:0px 0px 0px 0px;
  598. border:10px solid transparent;
  599. box-shadow:0px 0px 3px #000;
  600. border-radius:10px 10px 0px 0px;
  601. margin:0px auto;
  602. float:none;
  603. position:relative;
  604. background:rgba(255,255,255,0.9);
  605. pointer-events:none;
  606. }
  607.  
  608. #column_2 .panel {
  609. max-height:0px;
  610. padding:0px 10px;
  611. margin:0px 250px;
  612. overflow:auto;
  613. transition:all 99999s 0s;
  614. height:380px;
  615. width:480px;
  616. position:static;
  617. background:transparent;
  618. border-left:1px solid #CCC;
  619. pointer-events:auto;}
  620.  
  621. /*--side deco setting--*/
  622. #column_2 .panel:before {
  623. display:block;
  624. content:'';
  625. position:absolute;
  626. left:0px;
  627. top:0px;
  628. transition:all 99999s 0s, opacity 0.5s 0s;
  629. background-repeat:no-repeat;
  630. background-size:auto 100%;
  631. height:380px;
  632. width:230px;
  633. padding:0px 10px;
  634. max-height:0px;
  635. opacity:0.4;}
  636.  
  637. /*--misc panel--*/
  638. .media_panel object {
  639. min-width:100%;
  640. min-height:100%;
  641. }
  642.  
  643. #columns img {
  644. max-width:100%;
  645. }
  646.  
  647. /*--tabs header--*/
  648. #column_2 .panel h2 {
  649. position:absolute;
  650. left:0px;
  651. bottom:100%;
  652. padding:5px 4px;
  653. width:140px;
  654. margin:10px 0px;
  655. text-align:center;
  656. font-family:Helvetica,Arial;
  657. font-weight:100;
  658. font-size:12px;
  659. text-transform:none;
  660. font-variant:small-caps;
  661. letter-spacing:1px;
  662. border-radius:5px 5px 0px 0px;
  663. background:rgba(0,0,0,0.5);
  664. box-shadow:0px 0px 1px #000, inset 0px -10px 0px 0px rgba(255,95,95,0);
  665. border-bottom:2px solid transparent;
  666. }
  667.  
  668. #column_2 .panel:hover h2 {
  669. box-shadow:0px 0px 1px #000, inset 0px -10px 20px 0px rgba(255,95,95,0.7);
  670. border-bottom:2px solid red;
  671. }
  672.  
  673. #column_2 .panel:nth-of-type(2) h2 {left:150px;}
  674. #column_2 .panel:nth-of-type(3) h2 {left:300px;}
  675. #column_2 .panel:nth-of-type(4) h2 {left:450px;}
  676. #column_2 .panel:nth-of-type(5) h2 {left:600px;}
  677.  
  678. #column_2 .panel:nth-of-type(1), #column_2 .panel:nth-of-type(1):before {
  679. max-height:380px;
  680. padding:10px 10px;
  681. }
  682.  
  683. #columns #column_2:hover .panel, #columns #column_2:hover .panel:before {
  684. max-height:0px;
  685. padding:0px 10px;
  686. transition:opacity 0.5s 0s;
  687. }
  688.  
  689. div#columns #column_2 .panel:hover, div#columns #column_2 .panel:hover:before {
  690. max-height:380px;
  691. padding:10px 10px;
  692. opacity:1;
  693. transition:opacity 0.5s 0s;
  694. }
  695.  
  696. /*--click version QUICKEN--*/
  697. #columns #column_2:active .panel, #columns #column_2:active .panel:before {
  698. max-height:0px;
  699. padding:0px 10px;
  700. transition:opacity 0.5s 0s;
  701. }
  702.  
  703. #columns #column_2:active .panel:before {
  704. opacity:0.4;
  705. }
  706.  
  707. div#columns #column_2 .panel:active, div#columns #column_2 .panel:active:before {
  708. max-height:380px;
  709. padding:10px 10px;
  710. opacity:1;
  711. transition:opacity 0.5s 0s;
  712. }
  713.  
  714.  
  715. /*--Gaia Header--*/
  716.  
  717. #gaia_header {
  718. min-width:1000px;
  719. background:rgba(255,255,255,0.4) !important;
  720. box-shadow:0px 0px 3px rgba(0,0,0,0.5);
  721. z-index:1000;
  722. height:30px;
  723. overflow:hidden;
  724. }
  725.  
  726. #gaia_header ul {
  727. background:rgba(25,25,25,0.3) !important;
  728. width:auto !important;
  729. font-size:0px;
  730. position:relative;
  731. height:30px !important;
  732. }
  733.  
  734. #gaia_header ul a {
  735. font-size:12px;
  736. padding:0px 5px;
  737. border-top: 5px solid rgba(210,210,255,0);
  738. color:rgba(250,250,250,0.9) !important;
  739. text-shadow:0px 0px 3px rgba(0,0,0,0.5);
  740. font-variant:small-caps;
  741. font-size:12px;
  742. font-weight:100;
  743. letter-spacing:1px;
  744. position:relative;}
  745.  
  746. #gaia_header ul a:hover {
  747. color:rgba(255,255,255,1) !important;
  748. text-shadow:0px 0px 3px rgba(210,210,250,0.5);
  749. text-decoration:none;
  750. -webkit-animation: cfheader 1s infinite alternate;
  751. animation: cfheader 1s infinite alternate;
  752. }
  753.  
  754. @-webkit-keyframes cfheader {
  755. 0% {border-color:rgba(250,210,210,0.2);}
  756. 100% {border-color:rgba(250,200,200,0.8);}
  757. }
  758.  
  759. @keyframes cfheader {
  760. 0% {border-color:rgba(250,210,210,0.2);}
  761. 100% {border-color:rgba(250,200,200,0.8);}
  762. }
  763.  
  764. #gaia_header #header_right {
  765. float:right;
  766. }
  767.  
  768. #gaia_header #header_right:before {
  769. position:absolute;
  770. top:0px;
  771. right:100%;
  772. content:'';
  773. width:20px;
  774. height:0px;
  775. border-style:solid;
  776. border-width:10px 30px 30px 10px;
  777. border-color:rgba(25,25,25,0.3) rgba(25,25,25,0.3) transparent transparent;
  778. }
  779.  
  780. #gaia_header #header_left:before {
  781. position:absolute;
  782. left:100%;
  783. bottom:0px;
  784. content:'';
  785. width:20px;
  786. height:0px;
  787. border-style:solid;
  788. border-width:30px 10px 10px 30px;
  789. border-color:transparent transparent rgba(25,25,25,0.3) rgba(25,25,25,0.3) ;
  790. }
  791.  
  792. #gaia_header #header_left li.spacer + li a {
  793. border:none;
  794. background:black;
  795. top:0px;
  796. left:10px;
  797. padding:0px 3px;
  798. border-radius:0px 0px 8px 8px;
  799. overflow:hidden;
  800. display:inline-block;
  801. float:left;
  802. opacity:0.6;
  803. }
  804.  
  805. #gaia_header #header_left:hover li.spacer + li a {
  806. opacity:1;
  807. }
  808.  
  809. /*----LINK styling----*/
  810.  
  811. .panel a, .decoration a {
  812. color:white !Important;
  813. text-shadow:0px 0px 3px #000000;
  814. }
  815.  
  816. .panel a:hover, .decoration a:hover {
  817. color:#DDF !important;
  818. text-decoration:none !Important;
  819. }
  820.  
  821. /*--Patches--*/
  822.  
  823. #id_wishlist:before {
  824. display:block;
  825. content:' '; /*--none atm--*/
  826. }
  827.  
  828. #id_wishlist .item a {
  829. border-radius:3px;
  830. margin:5px;
  831. display:block;
  832. position:relative;
  833. box-shadow:0px 0px 3px rgba(255,255,255,0.3),inset 0px -15px 15px -5px rgba(255,255,255,0.7) ;
  834. background:rgba(255,255,255,0.5);
  835. }
  836.  
  837. #id_wishlist .item a[title*='Donated'] {
  838. box-shadow:0px 0px 3px rgba(25,25,255,0.3),inset 0px -15px 15px -5px rgba(30,30,255,0.7);
  839. }
  840.  
  841. #id_wishlist .item a[title*='Bought'] {
  842. box-shadow:0px 0px 3px rgba(205,255,55,0.3),inset 0px -15px 15px -5px rgba(200,250,50,0.7);
  843. }
  844.  
  845. #id_wishlist .item a[title*='Wanted'] {
  846. box-shadow:0px 0px 3px rgba(255,255,255,0.6),inset 0px -15px 15px -5px rgba(255,55,55,0.7) ;
  847. }
  848.  
  849. .premium_sparkle, #avatar_menu+div+div, noscript+script+script+noscript+div[style*='display']~div {
  850. display:none;
  851. }
  852.  
  853. .mask {
  854. z-index:1000 !important; /*---mask level---*/
  855. }
  856.  
  857. Kgroup kill code {
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!