althindor

Pro for SoulSuccubus

Aug 3rd, 2020
367
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.65 KB | None | 0 0
  1. /* Profile by AlthIndor */
  2.  
  3. html, body {
  4.   background: url('https://i.pinimg.com/originals/cc/4e/01/cc4e012fc8d96cbe52d99dd863743823.jpg') fixed center / cover #303030;
  5.   height: initial;
  6. }
  7. #columns::before, .panel h2 {background: url('https://i.imgur.com/GROF4wS.png') top center;}
  8.  
  9. body a {
  10.   text-decoration: none !important;
  11.   transition: all .5s ease-in-out;
  12. }
  13.  
  14. #panel-details {
  15.   background: url('https://i.imgur.com/sPLYSEH.png') no-repeat bottom right / contain;
  16.   width: 100vh;
  17.   height: 100vh;
  18.   position: fixed;
  19.   bottom: 0;
  20.   right: 50%;
  21. }
  22.  
  23. /* Fonts */
  24.  
  25. @font-face {
  26.   font-family: 'Shadows Into Light';
  27.   font-style: normal;
  28.   font-weight: 400;
  29.   src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(https://fonts.gstatic.com/s/shadowsintolight/v9/UqyNK9UOIntux_czAvDQx_ZcHqZXBNQzdcD5.woff2) format('woff2');
  30. }
  31.  
  32. @font-face {
  33.   font-family: 'Open Sans';
  34.   font-style: normal;
  35.   font-weight: 400;
  36.   src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  37. }
  38.  
  39. @font-face {
  40.   font-family: 'Open Sans';
  41.   font-style: normal;
  42.   font-weight: 700;
  43.   src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOUuhp.woff2) format('woff2');
  44. }
  45.  
  46. /* Header */
  47.  
  48. #viewer #gaia_header, #gaia_header #header_left, #gaia_header #header_right {
  49.   height: 30px !important;
  50.   box-sizing: border-box;
  51. }
  52. #viewer #gaia_header {background: none !important;}
  53. #gaia_header li.spacer {display: none !important;}
  54. #gaia_header li {margin: 0 3px;}
  55.  
  56. #gaia_header #header_left, #gaia_header #header_right {
  57.   background: #FFFFFF40 !important;
  58.   width: auto !important;
  59.   min-width: 470px;
  60.   font: 400 0/29px 'Shadows Into Light', cursive !important;
  61.   padding: 0 7px !important;
  62.   filter: drop-shadow(0 3px 5px #00000080);
  63. }
  64. #gaia_header #header_left {border-radius: 0 0 10px 0;}
  65.  
  66. #gaia_header #header_right {
  67.   float: right;
  68.   border-radius: 0 0 0 10px;
  69. }
  70.  
  71. #gaia_header img {
  72.  background: url('https://i.imgur.com/5FTB40o.png') 0 4px no-repeat;
  73.  width: 0 !important;
  74.  padding: 0 37px 0 0;
  75.  margin: 0 0 0 2px;
  76. }
  77.  
  78. #gaia_header a {
  79.   background: #A064B0;
  80.   color: #FFFFFF !important;
  81.   font-size: 14px !important;
  82.   letter-spacing: .05em;
  83.   padding: 1px 6px;
  84.   position: relative;
  85.   top: 10px;
  86.   border: 2px solid #00000080;
  87.   border-radius: 5px;
  88. }
  89. #gaia_header a:hover {background: #8C7CF0;}
  90.  
  91. /* Columns */
  92.  
  93. #columns, #columns .column {
  94.   float: none;
  95.   overflow: visible;
  96. }
  97.  
  98. #columns {
  99.   background: #FFFFFF40;
  100.   width: 500px;
  101.   min-height: calc(100% - 100px);
  102.   position: relative;
  103.   top: 100px;
  104.   left: calc(50% - 250px);
  105.   border: 10px solid transparent;
  106.   border-width: 20px 20px 0 20px;
  107.   border-radius: 10px 10px 0 0;
  108.   box-sizing: border-box;
  109. }
  110.  
  111. #columns .column {
  112.   display: block;
  113.   width: 100%;
  114.   font-size: 0;
  115.   margin: 0;
  116. }
  117.  
  118. /* Panels */
  119.  
  120. #columns::before, .panel, .panel h2 {
  121.   color: #FFFFFF;
  122.   text-align: center;
  123.   box-sizing: border-box;
  124. }
  125. #columns::before, .panel h2 {background-color: #703088;}
  126.  
  127. #columns::before {
  128.   content: '';
  129.   display: block;
  130.   height: 118px;
  131. }
  132.  
  133. #columns::before, .panel {
  134.   width: 100%;
  135.   margin: 0 0 20px 0;
  136.   border: 1px solid #000;
  137.   border-radius: 5px;
  138.   box-shadow: 0 3px 5px #00000080;
  139. }
  140.  
  141. .panel {
  142.   background-color: #382C2C;
  143.   font: 10px/1.6 'Open Sans', sans-serif;
  144.   padding: 0 10px 10px 10px;
  145.   overflow: hidden;
  146. }
  147.  
  148. .panel h2 {
  149.   width: calc(100% + 20px);
  150.   height: 40px;
  151.   font-size: 0;
  152.   padding: 0;
  153.   margin: 0 0 10px -10px;
  154.   border-bottom: 1px solid #000;
  155. }
  156. #id_comments h2 {background-position-y: -120px;}
  157. #id_footprints h2 {background-position-y: -160px;}
  158. .custom_panel h2 {background-position-y: -200px;}
  159.  
  160. .custom_panel img, .postcontent img {max-width: 100%;}
  161. .panel a {color: lightblue;}
  162. .panel a:hover {color: turquoise;}
  163.  
  164. /* Comments */
  165.  
  166. #id_comments #alerts_banner {display: none;}
  167. #id_comments .postcontent {text-align: justify;}
  168. #id_comments h2 {margin-bottom: 15px !important;}
  169. #id_comments dl {margin-top: 50px;}
  170. #id_comments dd {margin: 0 0 15px 0;}
  171. #id_comments dd:last-of-type {margin: 0;}
  172.  
  173. #id_comments dt {
  174.   height: auto;
  175.   line-height: normal;
  176.   padding: 0 0 4px 0;
  177.   margin: 0 0 3px 0;
  178.   border-bottom: 1px dotted #FFFFFF40;
  179. }
  180. #id_comments .date a {font-weight: 400;}
  181.  
  182. #id_comments .dropBox {
  183.   background: #FFFFFF40;
  184.   width: 48px;
  185.   height: 56px;
  186.   margin: 4px 10px 0 0;
  187.   border: 1px solid #000;
  188.   overflow: hidden;
  189. }
  190.  
  191. #id_comments .dropBox img {
  192.   width: 120px;
  193.   height: 150px;
  194.   margin: -28px 0 0 -44px;
  195. }
  196.  
  197. #id_comments .deletecomment {
  198.   text-align: right;
  199.   margin: 0 0 0 10px;
  200. }
  201.  
  202. /* Comments Links */
  203.  
  204. #id_comments h2 ~ div:first-of-type, #id_comments h2 ~ p {
  205.   background: #703088;
  206.   width: calc(50% - 5px);
  207.   height: 22px;
  208.   line-height: 21px;
  209.   position: relative;
  210.   border-radius: 2px;
  211.   box-shadow: 0 1px 3px #00000080;
  212.   transition: background .5s ease-in-out;
  213. }
  214. #id_comments h2 ~ div:first-of-type:hover, #id_comments h2 ~ p:hover {background: #8C7CF0;}
  215.  
  216. #id_comments h2 ~ div:first-of-type {
  217.   float: left;
  218.   font-size: 0;
  219. }
  220.  
  221. #id_comments #alert_container {
  222.   float: none;
  223.   padding: 0;
  224. }
  225.  
  226. #id_comments h2 ~ p {
  227.   float: right;
  228.   margin: 0;
  229. }
  230.  
  231. #id_comments h2 ~ div:first-of-type a, #id_comments h2 ~ p a {
  232.   display: block;
  233.   width: 100%;
  234.   height: 100%;
  235.   position: absolute;
  236.   top: 0;
  237.   left: 0;
  238. }
  239.  
  240. #id_comments h2 ~ div:first-of-type a::after, #id_comments h2 ~ p a {
  241.   color: #FFFFFF;
  242.   font-size: 10px;
  243.   text-transform: uppercase;
  244. }
  245. #id_comments h2 ~ div:first-of-type a::after {content: 'Leave A Comment';}
Add Comment
Please, Sign In to add comment