Advertisement
althindor

Pro for Amnesla

Aug 3rd, 2018
349
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.67 KB | None | 0 0
  1. /* Code by AlthIndor, Graphics with Cassiel Socks */
  2.  
  3. html, body {background: url('https://images2.imgbox.com/7a/fd/RUfmeCMa_o.png') fixed center repeat;}
  4. #columns, #id_contact ul:not(.buttons) li, .media_panel {background: url('https://images2.imgbox.com/9c/0c/NtuuVdpT_o.png') no-repeat;}
  5.  
  6. /* Fonts */
  7.  
  8. @font-face {
  9.  font-family: 'Open Sans';
  10.  font-style: normal;
  11.  font-weight: 400;
  12.  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  13. }
  14.  
  15. /* Header */
  16.  
  17. #gaia_header {
  18.  background: rgba(128,160,30,.6);
  19.  border-top: 1px solid transparent;
  20.  box-shadow: 0 1px 1px rgba(0,0,0,.4);
  21. }
  22.  
  23. #gaia_header #header_left, #gaia_header #header_right {
  24.  background: none;
  25.  color: transparent !important;
  26.  font: bold 9px/22px 'Open Sans', sans-serif !important;
  27.  padding: 0 8px 0 8px !important;
  28.  box-sizing: border-box;
  29. }
  30. #gaia_header #header_right {float: right;}
  31. #gaia_header .spacer {display: none !important;}
  32.  
  33. #header_left img {
  34.  background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 1px no-repeat;
  35.  background-size: 100% auto;
  36.  width: 0;
  37.  height: 0;
  38.  padding: 20px 40px 0 0;
  39.  margin-right: 5px;
  40. }
  41.  
  42. #gaia_header a {
  43.  color: #FFFFFF !important;
  44.  font-size: 11px !important;
  45.  text-decoration: none;
  46.  text-transform: uppercase;
  47. }
  48.  
  49. /* Columns */
  50.  
  51. #columns, #column_1, #column_2, #column_3 {
  52.  float: none;
  53.  margin: 0;
  54.  position: absolute;
  55. }
  56.  
  57. #columns {
  58.  width: 1000px;
  59.  height: 740px;
  60.  top: 40px;
  61.  left: calc(50% - 500px);
  62.  padding-bottom: 20px;
  63. }
  64. @media screen and (min-height: 800px) {#columns {top: calc(50% - 370px); padding: 0;}}
  65.  
  66. #column_1, #column_2, #column_3 {
  67.  width: 1px;
  68.  height: 1px;
  69.  top: 0;
  70.  left: 0;
  71.  overflow: visible;
  72. }
  73.  
  74. /* Panels */
  75.  
  76. .panel {
  77.  color: #602410;
  78.  font: 12px/1.6em 'Open Sans', sans-serif;
  79.  text-align: justify;
  80.  padding: 0;
  81.  margin: 0;
  82.  position: absolute;
  83.  box-sizing: border-box;
  84.  overflow: hidden;
  85. }
  86. .panel h2 {display: none;}
  87. .panel img {max-width: 100% !important;}
  88.  
  89. .panel a {
  90.  color: #646430;
  91.  font-weight: normal;
  92. }
  93.  
  94. #id_about, #id_comments, #id_wishlist, #id_footprints {
  95.  background: none;
  96.  width: 455px;
  97.  left: 272px;
  98.  border: 10px solid transparent;
  99. }
  100. #id_about, #id_comments dl, #id_wishlist, #id_footprints {overflow-y: scroll;}
  101.  
  102. #id_about, #id_comments {height: 150px;}
  103. #id_about, #id_comments dl {padding-right: 10px;}
  104. #id_wishlist, #id_footprints {height: 60px;}
  105. #id_about {top: 160px;}
  106. #id_comments {top: 345px;}
  107. #id_wishlist {top: 530px;}
  108.  
  109. #id_footprints {
  110.  text-align: center;
  111.  top: 625px;
  112. }
  113.  
  114. #id_footprints .item {
  115.  text-indent: 15px;
  116.  margin-top: 1px;
  117. }
  118. @-moz-document url-prefix() {#id_footprints {text-indent: 0;}}
  119.  
  120. /* Contact and Media */
  121.  
  122. #id_contact {
  123.  background: none;
  124.  width: 529px;
  125.  left: 200px;
  126. }
  127. #id_contact, .media_panel, #id_contact ul:not(.buttons) li {height: 54px !important;}
  128. #id_contact, .media_panel {top: 54px;}
  129. #id_contact * {font-size: 0 !important;}
  130.  
  131. #id_contact ul:not(.buttons) li, .media_panel {
  132.  width: 55px;
  133.  opacity: .001;
  134.  transition: opacity .5s ease-in-out;
  135. }
  136. #id_contact ul:not(.buttons) li:hover, .media_panel:hover {opacity: 1;}
  137.  
  138. #id_contact ul:not(.buttons) li {
  139.  position: absolute;
  140.  top: 0;
  141. }
  142.  
  143. #id_contact ul:not(.buttons) li:nth-of-type(1) {
  144.  background-position: right 0;
  145.  left: 0;
  146. }
  147.  
  148. #id_contact ul:not(.buttons) li:nth-of-type(2) {
  149.  background-position: right -54px;
  150.  left: 70px;
  151. }
  152.  
  153. #id_contact ul:not(.buttons) li:nth-of-type(3) {
  154.  background-position: right -108px;
  155.  right: 0;
  156. }
  157.  
  158. #id_contact a {
  159.  display: block;
  160.  width: 100%;
  161.  height: 100%;
  162. }
  163.  
  164. .media_panel {
  165.  background-origin: border-box;
  166.  background-position: right -162px;
  167.  left: 744px;
  168.  border: 10px solid transparent;
  169. }
  170.  
  171. .media_panel object {
  172.  position: absolute;
  173.  bottom: 0;
  174.  left: -9px;
  175.  opacity: .001;
  176. }
  177.  
  178. /* Comments */
  179.  
  180. #id_comments {overflow: visible;}
  181. #id_comments #alerts_banner {display: none;}
  182. #id_comments .dropBox {display: none;}
  183. #id_comments dd {margin-bottom: 10px;}
  184. #id_comments dd:last-of-type {margin: 0;}
  185.  
  186. #id_comments dl {
  187.  height: 100%;
  188.  overflow-x: hidden;
  189. }
  190.  
  191. #id_comments dt {
  192.  padding: 0;
  193.  border-bottom: 1px dotted #D08840;
  194. }
  195.  
  196. /* Comments Buttons */
  197.  
  198. #id_comments #alert_container, #id_comments h2 ~ p {
  199.  float: none;
  200.  padding: 0;
  201.  margin: 0;
  202.  position: absolute;
  203.  top: -26px;
  204. }
  205. #id_comments #alert_container {left: 125px;}
  206. #id_comments h2 ~ p {right: 125px;}
  207.  
  208. #id_comments #alert_container a[href*='addcomment'], #id_comments h2 ~ p a[href*='comments'] {
  209.  display: block;
  210.  width: 16px;
  211.  height: 16px;
  212.  font-size: 0;
  213.  border: 2px solid #FFFFFF;
  214.  border-radius: 50%;
  215.  overflow: hidden;
  216.  transition: background-color .5s ease-in-out;
  217. }
  218. #id_comments #alert_container a[href*='addcomment'] {background: lightskyblue;}
  219. #id_comments h2 ~ p a[href*='comments'] {background: lightcoral;}
  220. #id_comments a[href*='comment']:hover {background: #FFC000 !important;}
  221.  
  222. /* Wish List */
  223.  
  224. #id_wishlist {
  225.  display: flex;
  226.  flex-flow: row wrap;
  227. }
  228. #id_wishlist .clear {display: none;}
  229.  
  230. #id_wishlist .item {
  231.  background: rgba(255,255,255,.5);
  232.  flex-grow: 1;
  233.  min-width: 30px;
  234.  width: 30px;
  235.  height: 30px;
  236.  text-align: center;
  237.  padding: 5px;
  238.  position: relative;
  239.  margin: 0 10px 10px 0;
  240.  border-radius: 5px;
  241.  transition: background-color .5s ease-in-out;
  242. }
  243. #id_wishlist .item:hover {background: #FFC000;}
  244.  
  245. @-moz-document url-prefix() {
  246.  #id_wishlist .item:nth-of-type(8n) {margin-right: 0;}
  247.  #id_wishlist .item:nth-last-of-type(2) {margin-right: 0;}
  248. }
  249.  
  250. .owner_checkmark {
  251.  margin: 0;
  252.  top: 5px;
  253.  left: calc(50% - 15px);
  254. }
  255. .premium_sparkle {display: none;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement