API tools faq
paste
fredysugiman

GOP 2935393301112017

fredysugiman
Oct 31st, 2017
123
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.07 KB | None | 0 0
raw download clone embed print report
  1. /*--WIDTH ADJUSTMENT--*/
  2. #id_signature:hover {width:630px !important;}
  3. /*-- PANEL HEADERS TITLE --*
  4. This follow order from top to bottom
  5. --------------------------*/
  6.  
  7. #column_2 .panel:nth-of-type(1) h2:after {content:'My Signature';}
  8. #column_2 .panel:nth-of-type(2) h2:after {content:'My Stalkers';}
  9. #column_2 .panel:nth-of-type(3) h2:after {content:'Chat Me Up';}
  10. #column_2 .panel:nth-of-type(4) h2:after {content:'Buy Me Stuff';}
  11. #column_2 .panel:nth-of-type(5) h2:after {content:'Sweet About Me';}
  12. #column_2 .panel:nth-of-type(6) h2:after {content:'My Avatar';}
  13.  
  14. /*--PANELS SIDE DECO--*/
  15.  
  16. #column_2 .panel:nth-of-type(1):before {
  17. background-image:
  18. background-position:right 0px center;
  19. background-size:auto 100%;
  20. }
  21.  
  22. #column_2 .panel:nth-of-type(2):before {
  23. background-image:
  24. background-position:right 20px top 10px;
  25. background-size:auto 100%;
  26. }
  27.  
  28. #column_2 .panel:nth-of-type(3):before {
  29. background-image:
  30. background-position:right 15px top 5px;
  31. background-size:auto 100%;
  32. }
  33.  
  34. #column_2 .panel:nth-of-type(4):before {
  35. background-image:
  36. background-size:auto 110%;
  37. background-position: right 0px top 10px;
  38. }
  39.  
  40. #column_2 .panel:nth-of-type(5):before {
  41. background-image:
  42. background-size: auto 100%;
  43. background-position: right 0px top 10px;
  44. }
  45.  
  46. #column_2 .panel:nth-of-type(6):before {
  47. background-image:
  48. background-size: auto 100%;
  49. background-position:right 60px center;
  50. }
  51.  
  52. /*--BACKGROUND --*/
  53.  
  54. html, body {
  55. background:black url(https://s.ytimg.com/yts/img/channels/c4/default_banner-vfl7DRgTn.png);
  56. background-size:auto;
  57. background-position:center;}
  58.  
  59. /*-- PANEL LINKS--*/
  60.  
  61. .panel a {
  62. color:#91A3B0 !Important;
  63. text-shadow:0px 0px 3px #FFF:
  64. -webkit-transition:all 1s;
  65. transition:all 1s;
  66. }
  67.  
  68. .panel a:hover {
  69. color:#D3D3D3 !Important;
  70. text-decoration:none;
  71. }
  72.  
  73. /*MAIN CSS OVERRIDE */
  74. #columns {background:rgba(0,0,0,0.1);
  75. width:1px;
  76. margin:0px auto;
  77. top:50px;
  78. left:0px;
  79. float:none;
  80. position:relative;
  81. overflow:visible;
  82. background:transparent;
  83. }
  84.  
  85. #columns .column {overflow:visible;margin:0px;
  86. padding:0px;}
  87.  
  88. /*--media panel--*/
  89. #column_1 {position:absolute;margin:0px -50px;left:-200px;top:500px;width:400px;height:1px;
  90. z-index:300;}
  91.  
  92. #column_1 .media_panel {
  93. background:transparent;
  94. position:absolute;
  95. bottom:0px;
  96. left:0px;
  97. padding:0px;
  98. width:100%;
  99. height:24px;
  100. overflow:hidden;
  101. margin:0px;
  102. transition:0.5s;
  103. }
  104.  
  105. #column_1 .media_panel h2 {display:none;}
  106.  
  107. #column_1 .media_panel:hover {
  108. height:250px;
  109. }
  110.  
  111. #column_1 .media_panel object {
  112. position:absolute;
  113. height:250px;
  114. width:100%;
  115. bottom:0px;
  116. left:0px;}
  117.  
  118. /*==main column==*/
  119.  
  120. #column_2:before {display:block;
  121. content:'';
  122. width:10px;
  123. height:1px;transition:1s 5s;
  124. }
  125.  
  126. #column_2:active:before {
  127. width:400px;
  128. transition:1s 0.1s;
  129. }
  130.  
  131. #column_2 {margin-top:50px !important;position:relative;z-index:100;width:auto;height:1px;
  132. transform:translate(-50%,0);
  133. -webkit-filter:drop-shadow(0px 0px 5px rgba(5,5,5,1));
  134. filter:drop-shadow(0px 0px 5px rgba(5,5,5,1));
  135. left:200px;}
  136.  
  137. #column_2:hover {
  138. left:0px;}
  139.  
  140. #column_2 ul.buttons {display:inline;position:static;
  141. }
  142.  
  143. #column_2 .panel {position:static;
  144. min-height:0px;
  145. max-height:0px;
  146. overflow:auto;
  147. margin:0px;
  148. width:10px;
  149. padding:0px 5px;
  150. border:solid transparent;
  151. border-width:0px 5px;
  152. transition:0.5s;
  153. background:rgba(25,25,25,0.6);
  154. _box-shadow:0px 0px 3px #000;
  155. border-radius:5px;
  156. color:white;
  157. }
  158. #column_2 .panel:nth-of-type(even) {float:right;}
  159.  
  160. #column_2 .panel:hover {min-height:100px;
  161. max-height:350px;
  162. width:380px;
  163. padding:5px 5px;border-width:5px;
  164. margin:5px 0px;}
  165.  
  166. #column_2 .panel:hover ~ .panel {width:380px;}
  167.  
  168. #column_2:after, #column_2 .panel:before, #column_2 .panel:after {
  169. content:' ';
  170. display:block;
  171. position:absolute;
  172. top:-80px;
  173. left:-350px;
  174. margin:0px 0px;
  175. background:rgba(255,25,25,0);
  176. width:100%;
  177. padding:0px 350px;
  178. height:10px;
  179. z-index:-10;
  180. transition:height 0.1s 0s, opacity 0.1s 0s;
  181. opacity:0;
  182. background-repeat:no-repeat;
  183. background-position:right 30px center;
  184. background-size:auto 90%;}
  185.  
  186. #column_2 .panel:nth-last-of-type(1):before {
  187. min-height:500px;
  188. opacity:1;
  189. }
  190.  
  191. _form #columns *:after {
  192. display:none;}
  193.  
  194. #column_2 .panel:hover ~ .panel:nth-last-of-type(1):before {
  195. min-height:0px;
  196. opacity:0;
  197. }
  198.  
  199. #column_2:after, #column_2 .panel:after {
  200. z-index:1000;
  201. border-radius:999px;
  202. position:absolute;
  203. height:0px;
  204. width:0px;
  205. top:20px;
  206. left:-300px;
  207. margin:0px;
  208. padding:0px;}
  209.  
  210. #column_2 .panel:hover:before {
  211. height:500px;
  212. opacity:1;
  213. }
  214.  
  215. #column_2 .panel:hover:after {
  216. height:260px;
  217. width:260px;
  218. }
  219.  
  220. #column_2 .panel:active:after {
  221. height:0px;
  222. transition:height 0s 0s, opacity 0.5s 0s;}
  223.  
  224. #column_2:after {
  225. top:-100px;
  226. left:-350px;
  227. margin:0px;
  228. height:520px;
  229. width:730px;
  230. z-index:2000;
  231. transition:1s 9999s;
  232. border-radius:0px;
  233. }
  234.  
  235. #column_1:hover ~ #column_2:after {
  236. height:0px;
  237. transition:1s 1s;
  238. }
  239.  
  240. html body #columns #column_2:active:after {height:0px;
  241. transition:0s 0s;}
  242.  
  243. /*== circle tabs==*/
  244. #column_2 h2 {position:absolute;
  245. left:-180px;top:160px;margin:0px;padding:0px;width:140px;height:140px;border-radius:0px 0px 999px 0px;
  246. overflow:hidden;
  247. transform-origin:0 0;
  248. pointer-events:none;
  249. background:transparent;
  250. font-size:0px;
  251. transition:0.3s;
  252. }
  253.  
  254. #column_2 .panel:nth-of-type(1) h2 {transform:rotate(-90deg);}
  255. #column_2 .panel:nth-of-type(2) h2 {transform:rotate(-30deg);}
  256. #column_2 .panel:nth-of-type(3) h2 {transform:rotate(30deg);}
  257. #column_2 .panel:nth-of-type(4) h2 {transform:rotate(90deg);}
  258. #column_2 .panel:nth-of-type(5) h2 {transform:rotate(150deg);}
  259. #column_2 .panel:nth-of-type(6) h2 {transform:rotate(210deg);}
  260.  
  261. #column_2 .panel:hover h2 {
  262. padding:10px;
  263. z-index:150;}
  264.  
  265. #column_2 h2:before {content:'';position:absolute;display:block;
  266. width:100%;
  267. height:100%;top:0;left:0;
  268. pointer-events:auto;
  269. transform:rotate(-30deg);
  270. transform-origin:0 0;
  271. background:rgba(50,50,50,0.5);
  272. border-radius:0px 0px 350px 0px;
  273. z-index:80;
  274. box-shadow:inset 30px 30px 100px -70px #FFF;}
  275.  
  276. #column_2 .panel:hover h2:before {
  277. background:rgba(90,90,90,0.5);
  278. }
  279.  
  280. _#column_2 .panel:nth-of-type(n+4) h2:before {
  281. background:rgba(20,20,20,0.5);
  282. }
  283. #column_2 .panel:hover h2:before {
  284. z-index:280;}
  285.  
  286. #column_2 h2:after {
  287. font-size:14px;
  288. font-weight:100;
  289. font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;
  290. text-transform:none;
  291. display:block;
  292. position:absolute;
  293. top:-2px;
  294. left:15px;
  295. transform-origin:left;
  296. font-variant:small-caps;
  297. line-height:15px;
  298. height:20px;
  299. width:117px;
  300. padding:0px 0px;
  301. text-align:center;
  302. transform:rotate(30deg);
  303. z-index:90;
  304. text-shadow:0px 0px 2px #BBF, 0px 0px 5px #BBF;
  305. background:transparent;}
  306.  
  307. #column_2 .panel:nth-of-type(n+4) h2:after {
  308. left:116px;
  309. top:56px;
  310. transform:rotate(210deg);
  311. _color:black;
  312. }
  313.  
  314. #column_2 .panel:hover h2:after {
  315. z-index:290;
  316. text-shadow:0px 0px 5px #FBB, 0px 0px 5px #FBB;}
  317.  
  318. /*--bottom tabs--*/
  319.  
  320. #column_3 {display:block;
  321. position:fixed;
  322. left:25px;
  323. top:50%;
  324. margin:-150px 0px !important;
  325. width:300px;
  326. height:0px;
  327. font-size:0px;
  328. z-index:4000;
  329. pointer-events:none;
  330. }
  331.  
  332. #column_3 .panel {
  333. pointer-events:auto;background:rgba(255,255,255,0.8);padding:0 5px; margin:0 0 30px 0;height:auto;min-height:0px;max-height:0px;overflow:auto;transition:all 0.5s;border:solid transparent;border-width:0px 5px;position:static;border-radius:5px;box-shadow:0px 0px 3px #000;}
  334.  
  335. #column_3 .panel:hover {max-height:300px;min-height:120px;border-width:5px 5px 10px 5px;
  336. padding:5px 5px;}
  337.  
  338. #column_3 .panel h2 {position:absolute;left:0px;top:0px;margin:0px;
  339. height:22px;width:134px;text-align:center;padding:3px 5px;border:3px solid white;box-shadow:0px 0px 3px #000;border-radius:10px 10px 0px 0px;background:rgba(30,30,30,0.7);text-transform:none;font-variant:small-caps;font-size:12px;
  340. transform:rotate(90deg);transform-origin:0 0;}
  341.  
  342. #column_3 .panel:nth-of-type(2) h2 {
  343. left:190px;}
  344. #column_3 .panel:nth-of-type(3) h2 {
  345. left:360px;}
  346. #column_3 .panel:nth-of-type(4) h2 {
  347. left:530px;}
  348.  
  349. /*---IMAGE VIEWER - ART GALLERY---*/
  350.  
  351. a[href*='imgviewer.kproject'] + div[style*='center'] {
  352. display:block;
  353. position:relative;
  354. height:auto;
  355. width:358px;
  356. border:dotted 1px white;
  357. background:rgba(250,250,250,0.4);
  358. }
  359.  
  360. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-wrapper {
  361. position:relative;
  362. width:100%;
  363. height:auto;
  364. top:0px;
  365. left:0px;
  366. min-height:30px;
  367. padding:0px;
  368. -webkit-transition:all 1s;
  369. transition:all 1s;
  370. float:right;
  371. }
  372.  
  373. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler {
  374. display:block !important;
  375. border:none !important;
  376. }
  377.  
  378. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler img {
  379. max-width:100% !important;
  380. }
  381.  
  382. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-title {
  383. position:absolute;
  384. top:0px;
  385. right:0px;
  386. width:50%;
  387. height:20px;
  388. background:rgba(25,25,25,0.5);
  389. overflow:hidden;
  390. opacity:0;
  391. -webkit-transition:all 0.3s;
  392. transition:all 0.3s;
  393. }
  394.  
  395. a[href*='imgviewer.kproject'] + div[style*='center']:hover .spoiler-hidden .spoiler-title,
  396. a[href*='imgviewer.kproject'] + div[style*='center']:hover .spoiler-revealed:nth-of-type(1) .spoiler-title {
  397. opacity:1;
  398. }
  399.  
  400. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-title:before {
  401. content:'Next Image';
  402. position:absolute;
  403. display:block;
  404. width:100%;
  405. left:0px;
  406. top:0px;
  407. color:white;
  408. font-size:12px;
  409. text-align:center;
  410. }
  411.  
  412. a[href*='imgviewer.kproject'] + div[style*='center'] button {
  413. position:absolute;
  414. left:0px;
  415. top:0px;
  416. width:100%;
  417. height:100%;
  418. opacity:0;
  419. }
  420.  
  421. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-revealed {
  422. margin-top:-20px;
  423. margin-bottom:20px;
  424. height:0px;
  425. border:none 0px !important;
  426. min-height:0px;
  427. }
  428.  
  429. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-revealed img {
  430. height:0px !important;
  431. }
  432.  
  433. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-hidden ~ *, a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-hidden ~ * * {
  434. opacity:0;
  435. height:0px;
  436. min-height:0px;
  437. }
  438.  
  439. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-wrapper:nth-last-of-type(1) .spoiler-title {
  440. display:none;
  441. }
  442.  
  443. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-revealed .spoiler-title {
  444. left:0px;
  445. right:auto;
  446. top:20px;
  447. z-index:10;
  448. }
  449.  
  450. a[href*='imgviewer.kproject'] + div[style*='center'] .spoiler-revealed .spoiler-title:before {
  451. content:'Previous image';
  452. }
  453.  
  454. a[href*='imgviewer.kproject'] + div[style*='center'] .bbcode-swap-blocked-image {
  455. margin-top:25px;
  456. }
  457.  
  458. /*------------------------------------*
  459. USER STATUS BOX CONTROL
  460. *------------------------------------*/
  461. .forum_userstatus {
  462. margin:0px auto 0px auto !important;
  463. padding:3px 2px 5px 2px !important;
  464. text-decoration:none !important;
  465. border:0px rgba( 205, 205, 205, 0.5 ) solid;
  466. border-radius:5px;
  467. background:none !important;
  468. }
  469.  
  470. #avatar_menu {
  471. position:absolute;
  472. z-index:5050;
  473. background:rgba(255,240,240,0.9);
  474. }
  475.  
  476. .online, .offline {
  477. color:white !important;
  478. }
  479.  
  480. #avatar_menu, .forum_userstatus {
  481. box-shadow:0px 0px 12px #FFFFFF inset, 0px 0px 24px #FFFFFF inset;
  482. width:145px;
  483. }
  484.  
  485. .forum_userstatus .statuslinks {
  486. 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==);
  487. background-position:right center;
  488. background-repeat:no-repeat;
  489. }
  490.  
  491. #avatar_menu li {
  492. width:0px !important;
  493. overflow:visible !important;
  494. text-wrap: none;
  495. background:rgba(205, 205, 255, 0.7) !important;
  496. transition:width 0.5s;
  497. -moz-transition:width 0.5s;
  498. -webkit-transition:width 0.5s;
  499. -o-transition:width 0.5s;
  500. }
  501.  
  502. #avatar_menu li:hover {
  503. width: 100% !important;
  504. }
  505.  
  506. #avatar_menu li a{
  507. display:block !important;
  508. width:200px !important;
  509. overflow:visible !important;
  510. text-wrap: none; /*--- future CSS draft ---*/
  511. color:#88F !important;
  512. text-decoration:none !important;
  513. }
  514.  
  515. #avatar_menu li a:hover{
  516. background:none !important;
  517. }
  518.  
  519. /*========================*
  520. GAIA HEADER CONTROL
  521. *========================*/
  522.  
  523. #gaia_header {
  524. pointer-events:auto;
  525. padding-bottom:5px;
  526. overflow-x:visible;
  527. overflow-y:visible;
  528. font-family:arial !important;
  529. font-weight:bold;
  530. letter-spacing:1px;
  531. font-size:10px !important;
  532. width:100%;
  533. min-width:1000px !important;
  534. min-height:22px;
  535. -moz-transition:opacity 0.3s, background-color 0.4s;
  536. -webkit-transition:opacity 0.3s, background-color 0.4s;
  537. -o-transition:opacity 0.3s, background-color 0.4s;
  538. transition:opacity 0.53, background-color 0.4s;
  539. z-index:9000;
  540. position:relative;
  541. margin:auto;
  542. box-shadow: inset 0px 14px 24px -24px #000, inset 0px 14px 24px -24px #000, 0px 0px 3px #000;
  543. background:rgba(255,255,255,0.2);
  544. }
  545.  
  546. #gaia_header a{
  547. display:inline;
  548. height:24px;
  549. color:white !important;
  550. font-weight:normal;
  551. font-size:11px;
  552. font-variant:small-caps;
  553. letter-spacing:1px;
  554. font-family:comic sans ms;
  555. -moz-transition:all 0.5s;
  556. -webkit-transition:all 0.5s;
  557. -o-transition:all 0.5s;
  558. transition:all 0.5s;
  559. text-decoration:none;
  560. line-height:24px;
  561. text-shadow:0px 0px 8px #666, 0px 0px 9px #666;
  562. }
  563.  
  564. #gaia_header a:hover{
  565. color:#F77 !Important;
  566. text-shadow:0px 0px 8px #FFF, 0px 0px 9px #FFF;
  567. text-decoration:none !important;
  568. }
  569.  
  570. #header_left li.spacer+li a:hover {
  571. box-shadow:none;
  572. }
  573.  
  574. #header_left, #header_right {
  575. line-height:23px !important;
  576. width:auto !Important;
  577. background:none transparent !Important;
  578. padding:0px 5px 5px 5px ;
  579. }
  580.  
  581. #header_left {
  582. -o-transition:all 1s;
  583. -webkit-transition: all 0.5s;
  584. -moz-transition: all 0.5s;
  585. transition: all 0.5s;
  586. float:left;
  587. margin-left:0px;
  588. border-radius:0px 0px 5px 0px;
  589. }
  590.  
  591. #header_right {
  592. -o-transition:all 1s;
  593. -webkit-transition: all 1s;
  594. -moz-transition: all 1s;
  595. transition: all 1s;
  596. float:right;
  597. margin-right:0px;
  598. right:0px!important;
  599. position:absolute !important;
  600. border-radius:0px 0px 0px 5px;
  601. }
  602.  
  603. #header_right li {
  604. margin:0px 3px 0px 0px;
  605. }
  606.  
  607. #header_left li.spacer+li {
  608. background-image:url(http://s.cdn.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png);
  609. background-size:47px auto !important;
  610. background-position:10px 1px;
  611. background-repeat:no-repeat;
  612. display:inline-block !important;
  613. width:47px !important;
  614. height:23px !important;
  615. -webkit-transition:all 0.5s;
  616. transition:all 0.5s;
  617. padding:0px 10px 0px 10px;
  618. line-height:23px;
  619. position:relative;
  620. top:-2px;
  621. left:-5px;
  622. background-color:rgba(0,0,0,0.3);
  623. border-radius:0px 0px 10px 10px;
  624. }
  625.  
  626. #header_left li.spacer+li:hover {
  627. background-color:rgba(0,0,0,0.8) !important;
  628. }
  629.  
  630. #header_left li a img {
  631. opacity:0 !important;
  632. }
  633.  
  634. #gaia_header #header_left, #gaia_header #header_right {
  635. color:transparent;
  636. }
  637.  
  638. /*----patches----*/
  639. .premium_sparkle, #avatar_menu+div+div, noscript+script+script+noscript+div[style*='display']~div {
  640. display:none;
  641. }
  642.  
  643. #id_wishlist .item {position:relative;}
  644.  
  645.  
  646.  
  647. .mask {
  648. z-index:1000 !important;
  649. }
  650.  
  651. Kproject 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!