Advertisement
althindor

Pro for Nuclear Panacea

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