Advertisement
Guest User

trigger_death MAL List Style CSS V2

a guest
Sep 26th, 2016
68
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.73 KB | None | 0 0
  1. /**BACKGROUND IMAGE**/
  2. body {
  3.   background-image: url(http://i.imgur.com/wuz7zhQ.png);
  4.   background-size: cover;
  5.   background-position: center top;
  6.   background-attachment: fixed;
  7. }
  8.  
  9. /**ALIGNMENT FOR VERTICAL MONITOR**/
  10. .header {
  11.   width: 940px;
  12. }
  13. .list-container, .list-unit, .list-status-title {
  14.   width: 900px !important;
  15. }
  16. .list-stats, .status-menu-container {
  17.   width: 898px !important;
  18. }
  19. .status-menu {
  20.   margin: 0px 0px 0px 60px !important;
  21.   border-spacing: 20px 0 !important;
  22. }
  23. #fancybox-wrap #fancybox-close {
  24.   right: 30px !important;
  25. }
  26.  
  27. /**SIDE MENU**/
  28. .list-menu-float {
  29.   border-color: black !important;
  30. }
  31. .list-menu-float .icon-menu.setting:hover .text .link-style-setting {
  32.   border-top: black 1px solid;
  33. }
  34. .icon-menu {
  35.   background-color: rgba(0, 0, 0, 0.7) !important;
  36. }
  37. .icon-menu:hover:not(.profile) {
  38.   background-color: rgba(40, 10, 40, 0.8) !important;
  39. }
  40. .list-menu-float .icon-menu.setting:hover .text  .link-list-setting, .list-menu-float .icon-menu.setting:hover .text  .link-style-setting {
  41.   background-color: rgba(40, 10, 40, 0.8) !important;
  42. }
  43. svg.icon {
  44.   fill: #73e70c !important;
  45. }
  46. .icon-menu:hover svg.icon {
  47.   fill: white !important;
  48. }
  49. .list-menu-float .icon-menu.setting {
  50.   width: 50px !important;
  51. }
  52.  
  53. /**HEADER**/
  54. .header {
  55.   text-shadow: 0 0 2px black !important;
  56. }
  57.  
  58. /**LIST**/
  59.  
  60. /*GET RID OF BULKY WATCH ON MAL BUTTON*/
  61. .icon-watch {
  62.   display: none !important;
  63. }
  64.  
  65. /*BACKGROUND FILL*/
  66. .list-item {
  67.   background: rgba(0, 0, 0, 0.6);
  68. }
  69. .list-table > tbody:nth-of-type(2n+1) {
  70.   background: rgba(0, 0, 0, 0.7);
  71. }
  72. .list-stats, .status-menu-container, #status-menu {
  73.   background: rgba(0, 0, 0, 0.7) !important;
  74. }
  75. .list-status-title, .list-container, .list-block, .header-title, .list-table-header {
  76.   background-color: transparent !important;
  77. }
  78. .list-status-title {
  79.   background-image: url('http://imgur.com/Jtai7cA.png');
  80. }
  81. tr:hover:not(.list-table-header) {
  82.   background: rgba(40, 10, 40, 0.6) !important;
  83. }
  84. .more-content tr:hover {
  85.   background: none !important;
  86. }
  87. .list-table .list-table-header .header-title {
  88.   background-image: none;
  89. }
  90.  
  91. /*BORDERS*/
  92. .list-table, .list-table-header > tbody:nth-of-type(2n+1),  .list-table-data .data, .header-title{
  93.      border: 0 transparent solid !important;
  94. }
  95. .status-menu-container, .list-item, .list-table > .list-item:nth-of-type(2n+1) {
  96.   border: 1px solid black !important;
  97. }
  98. .list-stats, .list-table-header {
  99.   border-bottom: 1px solid black;
  100.   border-left: 1px solid black;
  101.   border-right: 1px solid black;
  102. }
  103. .list-container {
  104.   border: none;
  105. }
  106. .link.sort .image {
  107.   border: 1px solid #73e70c !important;
  108. }
  109. tr.more-info {
  110.   border-bottom: black 1px solid !important;
  111.   border-top: black 1px solid !important;
  112. }
  113.  
  114. /*TEXT*/
  115. a {
  116.   text-decoration: none !important;
  117. }
  118. a.edit, .rewatching, .content-status {
  119.   color: #e82929 !important;
  120.   font-style: italic;
  121. }
  122. .list-container a {
  123.   color: #73e70c;
  124.   text-decoration: none;
  125. }
  126. .list-container a:hover {
  127.   color: #b4e326 !important;
  128.   text-shadow: 0px 0px 10px #73e70c;
  129. }
  130. .list-table .list-table-data .tags a.edit:hover {
  131.   color: #ec4646 !important;
  132.   text-shadow: 0px 0px 10px #e82929;
  133. }
  134. span.edit {
  135.   font-style: italic;
  136. }
  137. .add-edit-more {
  138.   color: #e82929;
  139. }
  140. .list-item, .list-stats {
  141.   text-shadow: 1px 1px 0px black;
  142.   color: #a4a4a4 !important;
  143. }
  144. .header-title a {
  145.   text-shadow: 1px 1px 0px black;
  146.   color: #73e70c !important;
  147. }
  148. .header-title.tags {
  149.   text-shadow: 1px 1px 0px black;
  150.   color: #73e70c !important;
  151. }
  152. .header-title.number {
  153.   text-shadow: 1px 1px 0px black;
  154.   color: #a4a4a4 !important;
  155. }
  156. div[class^="tags"] {
  157.   font-size: 9px;
  158. }
  159. .data.number {
  160.   font-size: 12px;
  161. }
  162. .list-status-title .text {
  163.       text-align: left !important;
  164.       padding-left: 20px !important;
  165.       color: rgb(194, 202, 217) !important;
  166.       font-size: 2.3em !important;
  167.       letter-spacing: -2px;
  168.       text-transform: uppercase !important;
  169.       font-weight: bold !important;
  170.   font-family: Tahoma, Arial, sans-serif !important;
  171.       text-shadow: 0px 0px 20px black,0px 0px 20px black,0px 0px 20px black,0px 0px 20px black, 160px 0px 2px rgba(255, 255, 255, 0.5), 320px 0px 3px rgba(255, 255, 255, 0.3), 480px 0px 4px rgba(255, 255, 255, 0.1);
  172. }
  173. .header-title .link {
  174.   transition-property: none !important;
  175. }
  176. .header-title .link:hover {
  177.   transition-property: none !important;
  178. }
  179. .header-title.image .link:hover {
  180.   color: #73e70c !important;
  181.   text-shadow: 1px 1px 0px black !important;
  182. }
  183.  
  184. /**STATUS BUTTONS**/
  185. .status-button {
  186.   text-shadow: 1px 1px 0px black;
  187.   color: #73e70c !important;
  188. }
  189. .status-button:hover {
  190.   text-shadow: 1px 1px 0px #000;
  191.   color: #b4e326 !important;
  192. }
  193. .status-button.on {
  194.   text-shadow: 1px 1px 0px #000;
  195.   color: #b4e326 !important;
  196. }
  197. .status-button::after {
  198.   background-color: #b4e326 !important;
  199. }
  200. .status-menu-container .status-menu .status-button:hover::after {
  201.   opacity: 0.5 !important;
  202. }
  203. .status-menu-container .status-menu .status-button.on:hover::after {
  204.   opacity: 1 !important;
  205. }
  206.  
  207. /**LOADING SPACE**/
  208. div.loading-space {
  209.   height: 38px !important;
  210.   background-image: url('http://imgur.com/QG96xiL.png');
  211.   margin-top: 0px !important;
  212.   margin-left: 0px !important;
  213.   margin-right: 0px !important;
  214. }
  215. i#loading-spinner {
  216.   color: white !important;
  217.   margin-top: 8px !important;
  218. }
  219.  
  220. /**COPYRIGHT**/
  221. #footer-block {
  222.   background: none;
  223.   padding-top: 0px !important;
  224. }
  225. #copyright {
  226.   text-shadow: 0 0 2px black;
  227.   color: white !important;
  228.   font-size: 14px;
  229. }
  230.  
  231. /**FILTERS**/
  232. #fancybox-overlay {
  233.   background-color: black !important;
  234. }
  235. #advanced-options span.widget-header, #advanced-options h2.advanced-options-header, #advanced-options span.text {
  236.   color: white !important;
  237. }
  238. #advanced-options {
  239.   background-color: rgba(0,0,0,0.8);
  240.   border: #73e70c 1px solid;
  241. }
  242. #advanced-options .btn-apply, #advanced-options .btn-clear {
  243.   background-color: white !important;
  244.   color: black !important;
  245.   transition-property: none;
  246. }
  247. #advanced-options .btn-apply:hover, #advanced-options .btn-clear:hover {
  248.   background-color: #73e70c !important;
  249.   transition-property: none;
  250. }
  251. #advanced-options .sort-widget input[type="radio"] + label {
  252.   background-color: white;
  253.   border: white 1px solid;
  254.   color: black;
  255.   transition-property: none;
  256. }
  257. #advanced-options .sort-widget input[type="radio"]:checked + label {
  258.   background-color: #73e70c;
  259.   border: #73e70c 1px solid;
  260.   color: black;
  261.   transition-property: none;
  262. }
  263. #advanced-options #fancybox-close {
  264.   top: 0px !important;
  265.   right: 0px !important;
  266.   background: none !important;
  267.   border-bottom: 0px solid transparent !important;
  268. }
  269. #advanced-options #fancybox-close::before {
  270.   content: "";
  271.   display: block;
  272.   width: 4px;
  273.   height: 24px;
  274.   background-color: #CCC;
  275.   border-radius: 2px;
  276.   -webkit-transform: rotate(45deg);
  277.   -moz-transform: rotate(45deg);
  278.   transform: rotate(45deg);
  279.   position: absolute;
  280.   top: 4px;
  281.   right: 14px;
  282.   transition: background-color 0.15s ease-in-out;
  283. }
  284. #advanced-options #fancybox-close::after {
  285.   content: "";
  286.   display: block;
  287.   width: 4px;
  288.   height: 24px;
  289.   background-color: #CCC;
  290.   border-radius: 2px;
  291.   -webkit-transform: rotate(-45deg);
  292.   -moz-transform: rotate(-45deg);
  293.   transform: rotate(-45deg);
  294.   position: absolute;
  295.   top: 4px;
  296.   right: 14px;
  297.   transition: background-color 0.15s ease-in-out;
  298. }
  299. #advanced-options #fancybox-close:hover::before, #advanced-options #fancybox-close:hover::after {
  300.   background-color: white;
  301. }
  302.  
  303. /**FANCY BOX**/
  304. #fancybox-wrap #fancybox-outer {
  305.   background-color: rgba(0,0,0,0.8);
  306.   border: #73e70c 1px solid;
  307. }
  308. #fancybox-frame {
  309.   background-color: white !important;
  310. }
  311. #fancybox-inner div {
  312.   color: white !important;
  313. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement