Advertisement
althindor

Pro for Residual Blight

Mar 3rd, 2022 (edited)
1,500
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.01 KB | None | 0 0
  1. /* Profile by AlthIndor */
  2.  
  3. html, body {
  4.   background: #000000;
  5.   height: unset;
  6.   min-height: 100vh;
  7. }
  8.  
  9. body {
  10.   display: flex;
  11.   align-items: center;
  12.   justify-content: center;
  13.   padding: 100px 0;
  14.   position: relative;
  15.   box-sizing: border-box;
  16. }
  17.  
  18. ::selection {
  19.   background: #FF0000;
  20.   color: #FFFFFF;
  21. }
  22.  
  23. /* Fonts */
  24.  
  25. @font-face {
  26.   font-family: 'Lato';
  27.   font-style: normal;
  28.   font-weight: 400;
  29.   src: local('Lato'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  30. }
  31.  
  32. @font-face {
  33.   font-family: 'Lato';
  34.   font-style: normal;
  35.   font-weight: 700;
  36.   src: local('Lato Bold'), local('Lato-Bold'), url('https://fonts.gstatic.com/s/lato/v22/S6u9w4BMUTPHh6UVSwiPGQ.woff2') format('woff2');
  37. }
  38.  
  39. @font-face {
  40.   font-family: 'Oldenburg';
  41.   font-style: normal;
  42.   font-weight: 400;
  43.   src: local('Oldenburg'), url('https://fonts.gstatic.com/s/oldenburg/v18/fC1jPY5JYWzbywv7c4VKVkSp.woff2') format('woff2');
  44. }
  45.  
  46. /* Header */
  47.  
  48. #viewer #gaia_header {position: absolute !important;}
  49. #gaia_header li {margin: 0 5px;}
  50. #gaia_header li.spacer {display: none !important;}
  51.  
  52. #gaia_header #header_left, #gaia_header #header_right {
  53.   width: auto !important;
  54.   font: 700 0/31px 'Oldenburg', sans-serif !important;
  55.   padding: 0 5px !important;
  56. }
  57.  
  58. #gaia_header #header_right {
  59.   float: right;
  60.   display: grid !important;
  61.   grid-auto-flow: column;
  62. }
  63. #gaia_header #header_right li:nth-of-type(4) {grid-column: 2;}
  64.  
  65. #header_left img {
  66.   background: url('https://graphics.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png') no-repeat 0 0 / 100% auto;
  67.   width: 0;
  68.   height: 16px;
  69.   padding: 0 35px 0 0;
  70.   margin-top: -3px;
  71. }
  72.  
  73. #gaia_header a, #gaia_header a:before {font-size: 10px !important;}
  74. #header_right a[href*='mode=edit'], #header_right a[href*='report.php'] {font-size: 0 !important;}
  75.  
  76. #gaia_header a {
  77.   color: #FFFFFF !important;
  78.   text-decoration: none !important;
  79.   text-transform: uppercase;
  80. }
  81.  
  82. #header_right a[href*='mode=edit']::before {content: 'V2 Edit';}
  83. #header_right a[href*='report.php']::before {content: 'Report';}
  84.  
  85. /* Columns */
  86.  
  87. #columns {
  88.   float: none;
  89.   width: 500px;
  90.   position: unset;
  91.   font-size: 0;
  92. }
  93. #columns::before {content: url('https://i.imgur.com/uaWHUPq.png');}
  94. #columns .column {display: contents;}
  95.  
  96. /* Panels */
  97.  
  98. .panel, .panel h2 {
  99.   color: #F0F0F0;
  100.   font: 400 12px/1.7 'Lato', sans-serif;
  101.   padding: 0;
  102.   margin: 0;
  103.   box-sizing: border-box;
  104. }
  105.  
  106. .panel {
  107.   background: none;
  108.   text-align: center;
  109.   margin-top: 10px;
  110. }
  111.  
  112. .panel a {
  113.   color: #FF0000;
  114.   text-decoration: dotted underline;
  115. }
  116. .panel a:hover {color: inherit;}
  117.  
  118. #id_about {
  119.   border: 30px solid transparent;
  120.   border-image: url('https://i.ibb.co/2NVGZbR/about-border.png') 35 / 35px repeat;
  121. }
  122. #id_about h2 {display: none;}
  123. #id_about img {max-width: 100%;}
  124.  
  125. /* Media */
  126.  
  127. .media_panel {
  128.   background: url('https://i.imgur.com/gqTTTvw.png') -24px -8px no-repeat,
  129.     url('https://i.imgur.com/gqTTTvw.png') right -17px bottom -3px no-repeat;
  130.   height: 39px !important;
  131.   border: 5px solid transparent;
  132.   border-image: url('https://i.ibb.co/QHBqyN6/media-border.png') 5 / 5px repeat;
  133.   overflow: hidden;
  134. }
  135.  
  136. .media_panel h2 {
  137.   background: none;
  138.   text-indent: 75px;
  139.   line-height: 26px;
  140.   text-transform: capitalize;
  141. }
  142.  
  143. .media_panel iframe {
  144.   width: calc(100% + 34px);
  145.   height: 100px;
  146.   position: absolute;
  147.   bottom: -3px;
  148.   left: -18px;
  149.   opacity: .001;
  150. }
  151.  
  152. /* Misc */
  153.  
  154. #pictures_container, #texts_container {
  155.   position: absolute;
  156.   top: 50%;
  157.   left: calc(50% - 250px);
  158. }
  159.  
  160. .bbcode-swapping-image {filter: invert(1);}
  161.  
  162. .spoiler-control {
  163.   background: #404040;
  164.   color: #FFFFFF;
  165.   font: 700 10px/20px 'Oldenburg', serif;
  166.   text-transform: uppercase;
  167.   padding: 2px 10px;
  168.   border: 2px solid #606060;
  169.   border-radius: 2px;
  170. }
  171. .spoiler-control:hover {background: #606060;}
  172. .spoiler-control-hide {margin-bottom: 10px;}
  173.  
  174. .spoiler-revealed {
  175.   padding: 5px;
  176.   border-color: #FFFFFF;
  177. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement