shardshunt

Nonnonbyori paste

Jan 29th, 2016
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.36 KB | None | 0 0
  1. @import url(https://dl.dropboxusercontent.com/s/p373jtm50znhb4v/Topmenu.css);
  2. @import url(https://dl.dropboxusercontent.com/s/l9ukuuohjofl3bm/Tabsc.css);
  3. @import url(https://dl.dropboxusercontent.com/s/01p96339ngcu6a7/Catagoriesc.css);
  4. @font-face {
  5.     font-family: 'PT Sans';
  6.     src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/LKf8nhXsWg5ybwEGXk8UBQ.woff) format('woff');
  7. }
  8.  
  9. #mal\_cs_links div:last-of-type a:last-of-type { display: none; }
  10.  
  11. body {
  12.     font-family: 'PT Sans', serif;
  13.     font-size: 16px;
  14.     color: #595757;
  15.     background-color: rgb(255, 255, 255);
  16.     background-image: url(http://i1051.photobucket.com/albums/s431/shardshunt/watermelon2.png);
  17.     background-attachment: fixed;
  18.     background-size: cover;
  19. }
  20.  
  21. a { color: #595757; text-decoration: none; }
  22.  
  23. body::before {
  24.     pointer-events: none;
  25.     position: absolute;
  26.     display: block;
  27.     content: '';
  28.     width: 250px !important;
  29.     height: 105px;
  30.     background-image: url(http://i1051.photobucket.com/albums/s431/shardshunt/watermelonpic1.png);
  31.     background-repeat: no-repeat;
  32.     top: 0;
  33. }
  34.  
  35.  
  36. #list_surround::before {
  37.     pointer-events: none;
  38.     position: absolute;
  39.     display: block;
  40.     content: '';
  41.     margin: -117px 0 0 -65px;
  42.     width: 500px;
  43.     height: 100%;
  44.     padding: 117px 65px 94px;
  45.     box-shadow: 0 0 10px #000000;
  46.     z-index: 4;
  47. }
  48.  
  49. #list_surround {
  50.     position: relative;
  51.     left: calc(100% - 675px);
  52.     margin: 100px 0 40px;
  53.     width: 500px;
  54.     background-color: rgb(255, 255, 255);
  55.     /* borders */
  56.     background-clip: padding-box;
  57.     border-color: transparent;
  58.     border-style: solid;
  59.     border-width: 117px 65px 94px;
  60.     border-image: url(http://i1051.photobucket.com/albums/s431/shardshunt/page3.png) 117 65 94 round;
  61.     -moz-border-image: url(http://i1051.photobucket.com/albums/s431/shardshunt/page3.png) 117 65 94 round;
  62.     -webkit-border-image: url(http://i1051.photobucket.com/albums/s431/shardshunt/page3.png) 117 65 94 round;
  63. }
  64.  
  65. #list_surround br { display:none; }
  66.  
  67. .td1, .td2 { color: #595757; }
  68.  
  69. .borderRBL, .borderRBL a  { text-align: left !important; }
  70.  
  71. .borderRBL {
  72.     display: block;
  73.     margin: 0 auto;
  74.     width: 450px;
  75.     padding: 5px;
  76.     color: #C31E21 !important;
  77.     font-size: 13px;
  78.     line-height: 15px;
  79.     border-bottom: solid 1px #C31E21;
  80. }
  81.  
  82. .borderRBL small { visibility: visible !important; }
  83.  
  84. td[class^='td']:not(.borderRBL):first-child, td[class^='td']:not(.borderRBL):last-child { width: 50px !important; }
  85.  
  86. td[class^='td']:not(.borderRBL):first-child { text-align: left; padding-left: 5px; }
  87.  
  88. td[class^='td']:not(.borderRBL):last-child { text-align: right; padding-right: 5px; }
  89.  
  90. .animetitle { line-height: 18px; }
  91.  
  92. .animetitle + small {
  93.     visibility: visible !important;
  94.     text-transform: lowercase;
  95.     padding: 0 5px 1px;
  96.     font-size: 13px;
  97.     color: #FFFFFF;
  98.     background-color: #C31E21;
  99.     border-radius: 5px;
  100. }
  101.  
  102. .animetitle:hover {
  103.         text-decoration: underline;
  104. }
  105.  
  106. tr:hover > .td1:not(.borderRBL), tr:hover > .td2:not(.borderRBL) { box-shadow: 0 1px 0 #80cde8; }
  107.  
  108. /* EDIT-MORE */
  109. #list_surround small { visibility: hidden; }
  110.  
  111. #list_surround tr:hover small, #list_surround tr:hover small a { visibility: visible; }
  112.  
  113. /* HEADERS */
  114. .header_title {
  115.     pointer-events: none;
  116.     display: inline-block;
  117.     height: 80px;
  118. }
  119.  
  120. /* Headers pics */
  121. .header_cw span, .header_completed span, .header_onhold span, .header_dropped span, .header_ptw span {
  122.     position: absolute;
  123.     display: inline-block;
  124.     margin: auto 0;
  125.     width: 336px;
  126.     height: 70px;
  127.     font-size: 0;
  128.     background-image: url(http://i1051.photobucket.com/albums/s431/shardshunt/Catasc3.png);
  129.     background-repeat: no-repeat;
  130. }
  131.  
  132. .header_cw span { background-position: 10px 0; }
  133.  
  134. .header_completed span { background-position: 10px -70px; }
  135.  
  136. .header_onhold span { background-position: 10px -140px; }
  137.  
  138. .header_dropped span { background-position: 10px -210px; }
  139.  
  140. .header_ptw span { background-position: 10px -280px; }
  141.  
  142. .category_totals { border-top: solid 1px #C31E21; }
  143.  
  144. .category_totals, #copyright {
  145.     display: block;
  146.     margin: 10px auto;
  147.     width: 450px;
  148.     padding-top: 10px;
  149.     text-align: center;
  150.     font-size: 10px;
  151.     text-transform: uppercase;
  152. }
  153.  
  154. #grand_totals { display:none; }
  155.  
  156. #copyright {
  157.     margin-top: 0 !important;
  158.     padding: 2px 0;
  159.     color: #FFFFFF;
  160.     border-radius: 12px;
  161.         background-color:#C31E21;
  162. }
  163.  
  164.  
  165. #copyright:after {
  166.     display: block;
  167.     content: 'Designed by Shardshunt.';
  168. }
Advertisement
Add Comment
Please, Sign In to add comment