1. body.ownlist{
  2. background:
  3. url(http://i.imgur.com/I2RDOYz.png/)
  4. repeat center center fixed,
  5. url(http://i.imgur.com/poQXO58.jpg)
  6. repeat center center fixed;
  7. color:#33AFED;
  8. font-weight:normal;
  9. }
  10. tr.list-table-data:hover td.data.status.watching {
  11. background-color:#00EF16;
  12. }
  13. tr.list-table-data:hover td.data.status.completed {
  14. background-color:#0049FF;
  15. }
  16. tr.list-table-data:hover td.data.status.plantowatch {
  17. background-color:#fff;
  18. }
  19. tr.list-table-data:hover td.data.status.onhold {
  20. background-color:#FFC500;
  21. }
  22. tr.list-table-data:hover td.data.status.dropped {
  23. background-color:#FF0004;
  24. }
  25. a.icon-watch.ml4{
  26. display:none;
  27. }
  28. tr.list-table-data:hover{
  29. background-color:#1b1b1b;
  30. }
  31. tr.list-table-data:hover{
  32. transition: 300ms all;
  33. }
  34. tr.list-table-data{
  35. transition: 500ms all 100ms;
  36. }
  37. /*
  38. header is 1024px and centered in middle incanse you want to add an image at the top
  39. */
  40. ::-webkit-scrollbar{
  41. width: 6px;
  42. }
  43. ::-webkit-scrollbar-button{
  44. display:none;
  45. }
  46. ::-webkit-scrollbar-track{
  47. background-color:#000;
  48. width:5px;
  49. }
  50. ::-webkit-scrollbar-track-piece{
  51. display:none;
  52. }
  53. ::-webkit-scrollbar-thumb{
  54. background-color:#025EB5;
  55. }
  56. ::-webkit-scrollbar:hover ::-webkit-scrollbar-thumb{
  57. background-color:#0049FF;
  58. }
  59. ::-webkit-scrollbar-corner{
  60. display:none;
  61. }
  62. ::-webkit-resizer{
  63. display:none;
  64. }
  65. tr.list-table-data{
  66. min-height:32px;
  67. height: 50px;
  68. }
  69. .header{
  70. padding-left:calc(50% - 530px);
  71. padding-right:calc(50% - 530px);
  72. height: 150px;
  73. }
  74. .header .header-title{
  75. background: none;
  76. width:1100px;
  77. height: 200px;
  78. position: absolute;
  79. text-indent: -9999px;
  80. overflow: hidden;
  81. display: block;
  82. margin-top: 0;
  83. background-size: auto 150px;
  84. }
  85. .header-menu{border:none;
  86. display:none;
  87. }
  88. /* cover image */
  89. #cover-image{
  90. border-top:#000 1px solid;
  91. border-left:#000 1px solid;
  92. border-right:#000 1px solid;
  93. margin-top: 30px;
  94. }
  95. /* menu stuff */
  96. .status-menu-container{
  97. background-color:#101010;
  98. border:#000 solid 1px;
  99. width: 1040px;
  100. }
  101. .status-menu-container .status-menu .status-button{
  102. color:#ededed;
  103. }
  104. .status-menu-container .status-menu .status-button:after{
  105. background-color:#0541A1;
  106. }
  107. .status-menu-container .status-menu .status-button.on{
  108. color:#fff;
  109. }
  110. .status-menu-container.fixed + div.list-block {
  111. margin-top:48px;
  112. }
  113. /* side buttons */
  114. .list-menu-float{
  115. border:#000 solid 1px;
  116. }
  117. .list-menu-float .icon-menu{
  118. background-color:#101010;
  119. }
  120. .list-menu-float .icon-menu:not(.profile):hover{
  121. background-color:#015AB4;
  122. }
  123. .list-menu-float .icon-menu.setting:hover .text .link-style-setting{
  124. border-top: #000 solid 1px;
  125. }
  126. .list-menu-float .icon-menu.setting:hover .text .link-list-setting, .list-menu-float .icon-menu.setting:hover .text .link-style-setting{
  127. background-color:#015AB4;
  128. }
  129. /* list styling */
  130. .list-table .list-table-data .tags .edit {
  131. height: 0px;
  132. width: 20px;
  133. position:absolute;
  134. margin-top:-10px;margin-left:-25px;
  135. }
  136. .list-table .list-table-data .data.title .link {
  137. font-weight:normal;
  138. font-size:12px;
  139. }
  140. .list-table .list-table-data .data.score .link {
  141. font-weight:normal;
  142. font-size:11px;
  143. }
  144. .list-table > tbody:nth-of-type(2n+1) {
  145. background-color:#222;
  146. }
  147. .list-table > tbody:nth-of-type(2n) {
  148. background-color:#2a2a2a;
  149. }
  150. .list-block{
  151. margin-top:0px;
  152. }
  153. .list-table .list-table-data .data.tags{
  154. padding-right:20px;
  155. padding-left:20px;
  156. }
  157. .list-item{
  158. background-color:#101010;
  159. border-color: #101010;
  160. }
  161. .list-unit{
  162. background-color: #111;
  163. border-left:#000 1px solid;
  164. border-right:#000 1px solid;
  165. }
  166. .list-table .list-table-header .header-title.tags {
  167. padding-right:20px;
  168. padding-left:20px;
  169. }
  170. .list-status-title, .list-stats{
  171. background:
  172. url(http://i.imgur.com/MdOqdUA.png)
  173. repeat center center fixed;
  174. text-shadow: 1px 1px 4px #000;
  175. }
  176. .list-container{
  177. background-color:rgba(0,0,0,0);
  178. width:1040px;
  179. border:none;
  180. }
  181. a{
  182. color:#33AFED;
  183. font-weight:normal;
  184. }
  185. .list-table{
  186. border:none;
  187. }
  188. .list-unit .list-status-title{
  189. background-color:#0541A1;
  190. } .list-unit .list-stats{
  191. background-color:#0541A1;
  192. }
  193. .list-table .list-table-data .data {
  194. border-top: 1px solid #000;
  195. border-bottom: 1px solid #000;
  196. border-left:0px #200 none;
  197. border-right:0px #200 none;}
  198. .list-table .list-table-header .header-title{
  199. background-color:#101010;
  200. border-color:#000;
  201. background:none;
  202. }
  203. .list-table .list-table-header .header-title .link.sort{
  204. color:#fff;
  205. }
  206. .list-table-header{
  207. background-color:#101010;
  208. }
  209. /* This is all the white text for list */
  210. .title .link.sort{
  211. color:#e0e0e0;
  212. }
  213. .score .link{
  214. color:#e0e0e0;
  215. }
  216. .progress{
  217. color:#e0e0e0;
  218. }
  219. .progress .link{
  220. color:#e0e0e0;
  221. }
  222. .data.number{
  223. color:#33AFED;
  224. }
  225. .tags{
  226. color:#e0e0e0;
  227. }
  228. .data.tags a {
  229. color:#e0e0e0;
  230. }
  231. /* FOR EVERYONE ELSE */
  232. .list-table .list-table-data a.edit-disabled{
  233. color:#ddd;
  234. }
  235. /* copyright stuff */
  236. #footer-block{
  237. background-color:#101010;
  238. margin-top: 50px;
  239. height: 30px;
  240. border-top: 1px solid #000;
  241. }
  242. #copyright {
  243. color: #3AAEDD;
  244. font-size: 16px;
  245. text-shadow: 2px 2px 4px #000;
  246. }