Advertisement
althindor

Code for ArousedVirgin2

Jun 13th, 2018
248
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.52 KB | None | 0 0
  1. /* Profile by AlthIndor */
  2.  
  3. html, body {
  4.  background: url('https://images2.imgbox.com/6f/4a/cKRRTjpw_o.png');
  5.  cursor: url('http://cur.cursors-4u.net/cursors/cur-4/cur330.cur'), default !important;
  6. }
  7. #gaia_header, #columns, #id_contact ul:not(.buttons) li, .custom_panel a, #column_2::before, #column_3::before, #id_comments::before {background: url('https://images2.imgbox.com/f4/47/OwwK7cqb_o.png');}
  8.  
  9. #column_2::before, #column_3::before, #id_comments::before {
  10.  content: '';
  11.  position: absolute;
  12.  top: -25px;
  13.  opacity: .5;
  14.  pointer-events: none;
  15. }
  16.  
  17. /* Fonts */
  18.  
  19. @font-face {
  20.  font-family: 'PT Serif';
  21.  font-style: normal;
  22.  font-weight: 400;
  23.  src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v8/sDRi4fY9bOiJUbgq53yZCfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  24. }
  25.  
  26. @font-face {
  27.  font-family: 'PT Sans';
  28.  font-style: normal;
  29.  font-weight: 400;
  30.  src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v9/jizaRExUiTo99u79D0KEww.woff) format('woff');
  31. }
  32.  
  33. /* Header */
  34.  
  35. #gaia_header {
  36.  background-position: 0 -12px;
  37.  border-top: 1px solid #606060;
  38.  border-bottom: 10px solid transparent;
  39. }
  40.  
  41. #gaia_header #header_left, #gaia_header #header_right {
  42.  background: none !important;
  43.  color: transparent;
  44.  font-family: 'PT Serif', serif;
  45.  font-size: 11px !important;
  46.  letter-spacing: .02em;
  47.  line-height: 26px !important;
  48.  padding: 0 5px 0 5px !important;
  49. }
  50. #gaia_header #header_right {float: right !important;}
  51.  
  52. #gaia_header li {padding: 0 1px 0 1px;}
  53. #gaia_header li.spacer {display: none !important;}
  54.  
  55. #header_left img {
  56.  background: url('https://i.imgur.com/XvyRn9G.png') 0 3px no-repeat;
  57.  width: 0px !important;
  58.  padding: 0 38px 0 0;
  59. }
  60.  
  61. #gaia_header a {
  62.  color: #FFFFFF !important;
  63.  font-weight: normal;
  64.  text-decoration: none;
  65.  text-transform: uppercase;
  66. }
  67.  
  68. /* Columns */
  69.  
  70. #columns, #column_1, #column_2, #column_3 {
  71.  display: block;
  72.  float: none;
  73.  font-size: 0;
  74.  margin: 0;
  75.  overflow: visible;
  76. }
  77.  
  78. #columns {
  79.  background-position: -5px -57px;
  80.  width: 1120px;
  81.  height: 300px;
  82.  top: calc(50% - 148px);
  83.  left: calc(50% - 560px);
  84. }
  85.  
  86. #column_1 {
  87.  width: 100%;
  88.  height: 100%;
  89.  position: absolute;
  90.  top: 0;
  91.  left: 0;
  92.  z-index: 2;
  93. }
  94.  
  95. #column_3 {
  96.  width: 610px;
  97.  height: 110px;
  98.  left: calc(50% - 305px);
  99.  bottom: -100px;
  100.  transition: bottom 1s ease-in-out;
  101.  z-index: 1;
  102. }
  103. #column_3:hover {bottom: 0;}
  104.  
  105. #column_3::before {
  106.  background-position: 0 -410px;
  107.  width: calc(100% + 42px);
  108.  height: 30px;
  109.  left: -20px;
  110. }
  111.  
  112. /* Panels */
  113.  
  114. .panel {
  115.  color: rgb(99,79,66);
  116.  font-family: 'PT Sans', sans-serif;
  117.  font-size: 12px;
  118.  padding: 0;
  119.  margin: 0;
  120. }
  121. .panel h2 {display: none;}
  122.  
  123. .panel a {
  124.  color: #000;
  125.  font-weight: normal;
  126.  text-decoration: none;
  127. }
  128.  
  129. .custom_panel, #id_contact, #id_footprints, #id_wishlist {background: none;}
  130.  
  131. /* Main Content */
  132.  
  133. #column_2, #column_3, #id_comments {
  134.  background: url('https://images2.imgbox.com/1b/66/tlvzM3T7_o.png');
  135.  border: 10px solid transparent;
  136.  position: fixed;
  137.  box-shadow: 0 2px 5px #000;
  138.  box-sizing: border-box;
  139. }
  140.  
  141. #column_2, #id_comments {
  142.  width: 460px;
  143.  height: 180px;
  144.  bottom: -130px;
  145.  transition: all 1s ease-in-out;
  146.  z-index: 2;
  147. }
  148.  
  149. #column_2::before, #id_comments::before {
  150.  width: 236px;
  151.  height: 64px;
  152. }
  153.  
  154. #column_2::before {
  155.  background-position: -632px -410px;
  156.  right: -20px;
  157. }
  158.  
  159. #id_comments::before {
  160.  background-position: -868px -410px;
  161.  left: -20px;
  162. }
  163.  
  164. #column_2 {
  165.  left: -400px;
  166.  transform: rotate(5deg);
  167. }
  168.  
  169. #column_2:hover {
  170.  bottom: 5px;
  171.  left: 5px;
  172.  transform: none;
  173. }
  174.  
  175. #id_comments {
  176.  right: -400px;
  177.  transform: rotate(-5deg);
  178. }
  179.  
  180. #id_comments:hover {
  181.  bottom: 5px;
  182.  right: 5px;
  183.  transform: none;
  184. }
  185.  
  186. /* Details and Visitors */
  187.  
  188. #id_details {
  189.  background: #E0D8C8;
  190.  width: 120px;
  191.  height: 150px;
  192.  padding: 5px;
  193.  overflow: hidden;
  194. }
  195. #id_details .forum_userstatus {display: none;}
  196.  
  197. #id_footprints {
  198.  width: calc(100% - 140px);
  199.  height: 160px;
  200.  position: absolute;
  201.  top: 0;
  202.  right: 0;
  203.  overflow-x: hidden;
  204.  overflow-y: scroll;
  205. }
  206. #id_footprints .item::before {content: 'Visited by ';}
  207.  
  208. /*  Wish List */
  209.  
  210. #id_wishlist {
  211.  display: flex;
  212.  flex-flow: row wrap;
  213.  width: 100%;
  214.  height: 100%;
  215.  overflow-x: hidden;
  216.  overflow-y: scroll;
  217. }
  218.  
  219. .owner_checkmark {
  220.  margin: 0;
  221.  bottom: 5px;
  222.  left: 5px;
  223. }
  224. .premium_sparkle {display: none;}
  225.  
  226. #id_wishlist .item {
  227.  background: #E0D8C8;
  228.  flex-grow: 1;
  229.  min-width: 32px;
  230.  height: 30px;
  231.  text-align: center;
  232.  padding: 5px;
  233.  position: relative;
  234.  margin: 0 10px 10px 0;
  235.  border-radius: 2px;
  236. }
  237.  
  238. #id_wishlist .item img {
  239.  filter: grayscale(100%) sepia(50%);
  240.  transition: filter .5s ease-in-out;
  241. }
  242. #id_wishlist .item:hover img {filter: none;}
  243.  
  244. /* Comments */
  245.  
  246. #id_comments #alerts_banner {display: none;}
  247. #id_comments .deletecomment {display: none;}
  248.  
  249. #id_comments dl {
  250.  width: 100%;
  251.  height: calc(100% - 40px);
  252.  padding: 0 10px 0 0;
  253.  position: absolute;
  254.  bottom: 0;
  255.  box-sizing: border-box;
  256.  overflow-x: hidden;
  257.  overflow-y: scroll;
  258. }
  259.  
  260. #id_comments dt {
  261.  height: auto;
  262.  line-height: initial;
  263.  padding: 0 0 5px 0;
  264.  border-color: rgba(0,0,0,.3);
  265. }
  266. #id_comments .dropBox {display: none;}
  267.  
  268. #id_comments dd {
  269.  text-align: justify;
  270.  margin: 3px 0 10px 0;
  271. }
  272. #id_comments dd:last-of-type {margin-bottom: 0;}
  273.  
  274. /* Comments Buttons */
  275.  
  276. #id_comments h2 ~ div:not(.clear), #id_comments h2 ~ div span,  #id_comments h2 ~ p {
  277.  display: block;
  278.  text-align: center;
  279.  padding: 0;
  280. }
  281.  
  282. #id_comments h2 ~ div:not(.clear), #id_comments h2 ~ p {
  283.  float: left;
  284.  background: #E0D8C8;
  285.  width: calc(50% - 5px);
  286.  height: 30px;
  287.  line-height: 30px;
  288.  text-transform: uppercase;
  289.  margin: 0;
  290. }
  291. #id_comments h2 ~ div span {width: 100%;}
  292. #id_comments h2 ~ p {margin-left: 10px;}
  293.  
  294. /* Photos */
  295.  
  296. .custom_panel {
  297.  width: 100%;
  298.  height: 100% !important;
  299. }
  300. .custom_panel ul {margin: 0 !important;}
  301. .custom_panel br {display: none;}
  302.  
  303. .custom_panel ul:not(.buttons) li {
  304.  display: flex;
  305.  float: left !important;
  306.  width: 158px;
  307.  height: 158px;
  308.  margin: 39px 0 0 32px;
  309.  border: 1px solid rgba(99,79,66,.3);
  310.  box-sizing: border-box;
  311.  overflow: hidden;
  312. }
  313. .custom_panel ul:not(.buttons) li:nth-of-type(1) {margin-left: 41px !important;}
  314. .custom_panel ul:not(.buttons) li:nth-of-type(2) {margin-left: 92px !important;}
  315. .custom_panel ul:not(.buttons) li:nth-of-type(5) {margin-left: 92px !important;}
  316.  
  317. .custom_panel img {
  318.  object-fit: cover;
  319.  object-position: center;
  320.  filter: grayscale(100%) sepia(50%);
  321.  transition: filter .5s ease-in-out;
  322. }
  323. .custom_panel img:hover {filter: none;}
  324.  
  325. /* Contact and Custom Buttons */
  326.  
  327. #id_contact ul:not(.buttons) li, .custom_panel a {
  328.  display: block;
  329.  width: 160px;
  330.  height: 39px;
  331.  opacity: 0;
  332. }
  333. #id_contact ul:not(.buttons) li:hover, .custom_panel a:hover {opacity: 1;}
  334.  
  335. #id_contact, .custom_panel a {
  336.  font-size: 0;
  337.  position: absolute;
  338.  bottom: 7px;
  339. }
  340.  
  341. #id_contact {
  342.  width: 570px;
  343.  left: 290px;
  344. }
  345.  
  346. #id_contact ul:not(.buttons) li {
  347.  float: left;
  348.  margin-right: 30px;
  349.  position: relative;
  350. }
  351. #id_contact ul:not(.buttons) li:nth-of-type(1) {background-position: -160px -371px;}
  352. #id_contact ul:not(.buttons) li:nth-of-type(2) {background-position: -320px -371px;}
  353. #id_contact ul:not(.buttons) li:nth-of-type(3) {background-position: -480px -371px;}
  354.  
  355. .custom_panel a[href*='104520937'] {
  356.  background-position: 0 -371px;
  357.  left: 40px;
  358. }
  359.  
  360. .custom_panel a[href*='104587219'] {
  361.  background-position: -640px -371px;
  362.  right: 40px;
  363. }
  364.  
  365. #id_contact ul:not(.buttons) li a {
  366.  display: block;
  367.  width: 100%;
  368.  height: 100%;
  369. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement