color.css 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330
  1. a, .link {
  2. color: steelblue;
  3. }
  4. body {
  5. background-color: #001935;
  6. }
  7. select{
  8. color:darkgray;
  9. background-color:white;
  10. }
  11. label {
  12. color: gray;
  13. }
  14. textarea,input[type="text"],.flex{
  15. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
  16. border-radius: 5px;
  17. border:0px;
  18. }
  19. input[type="radio"]:checked+label,select {
  20. color: black;
  21. }
  22. input[type="checkbox"]:checked+label {
  23. color: red;
  24. }
  25. .topbar {
  26. background-color: #00152d;
  27. }
  28. .gotop {
  29. background-color: rgba(255, 255, 255, 0.5);
  30. }
  31. .gotop a {
  32. color: white;
  33. }
  34. .topicon {
  35. color: white;
  36. }
  37. .tiselected {
  38. border-bottom: 2px solid white;
  39. }
  40. .badge {
  41. color: white;
  42. }
  43. .alert {
  44. background-color: red;
  45. }
  46. #notifications {
  47. background-color:white;
  48. box-shadow: 1px 1px 1px black;
  49. }
  50. .notif{
  51. border-bottom:1px solid lightgray;
  52. background-color:white;
  53. color:black;
  54. -webkit-box-shadow: inset -6px 73px 100px -117px rgba(209,209,209,1);-moz-box-shadow: inset -6px 73px 100px -117px rgba(209,209,209,1);box-shadow: inset -6px 73px 100px -117px rgba(209,209,209,1);
  55. }
  56. .text {
  57. color:black !important;
  58. }
  59. #quicksend {
  60. background-color: #305792;
  61. border: 1px solid darkgray;
  62. color: white;
  63. }
  64. .new {
  65. background-color:white;
  66. }
  67. .side_element {
  68. background-color: rgba(255, 255, 255, 0.0);
  69. /* box-shadow: 1px 1px 1px black; */
  70. color: lightgray;
  71. }
  72. .side_element li:hover {
  73. background-color: rgba(255, 255, 255, 0.25);
  74. }
  75. .side_element li:active {
  76. background-color: rgba(255, 255, 255, 0.25);
  77. }
  78. .side_element a, .rt * {
  79. color: lightgray;
  80. }
  81. .uploadBox {
  82. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  83. }
  84. .delpic {
  85. color:red;
  86. background-color:white;
  87. }
  88. input[type="submit"] {
  89. background-color:#305792;
  90. border: 1px solid #305792;
  91. color:white;
  92. }
  93. .search input[type="submit"] {
  94. color:#305792 !important;
  95. background-color:transparent !important;
  96. border: 0px !important;
  97. }
  98. .search input[type="text"],input[name="spoiler"] {
  99. box-shadow: none !important;
  100. }
  101. .formbtn {
  102. color:#305792;
  103. }
  104. .formbtn label{
  105. color:#305792;
  106. }
  107. .profile,.loader {
  108. background-color:white;
  109. }
  110. .menu,.menu li,.mobilemenu {
  111. background-color: white;
  112. box-shadow: 1px 1px 2px black;
  113. }
  114. .mobilemenu {
  115. box-shadow: -1px -1px 2px black;
  116. }
  117. .mobilemenu .appname a{
  118. color: #001935 !important;
  119. }
  120. .menu li:hover {
  121. background-color:#203960 !important;
  122. }
  123. .menu li a{
  124. color:#203960;
  125. }
  126. .menu li:hover a,.menu li:hover span{
  127. color:white;
  128. }
  129. .listmenu li {
  130. background-color:black;
  131. color:white;
  132. }
  133. .listmenu li:hover {
  134. background-color:white;
  135. color:black;
  136. }
  137. .autl:hover li{
  138. background-color:lightgreen !important;
  139. }
  140. .rutl:hover li{
  141. background-color:crimson !important;
  142. }
  143. .unblock,.unmute,.block,.mute,.follow,
  144. .unfollow,
  145. .nsfw,
  146. .unnsfw,
  147. .profileMenu,
  148. .listmenu,
  149. .profileButton {
  150. background-color: black;
  151. color: white;
  152. cursor: pointer;
  153. }
  154. .mute:hover,.block:hover,.follow:hover,
  155. .nsfw:hover {
  156. background-color: lime;
  157. }
  158. .unmute:hover,.unblock:hover,.unfollow:hover,
  159. .unnsfw:hover{
  160. background-color: crimson !important;
  161. }
  162. .unbookmark{
  163. color: crimson !important;
  164. }
  165. .unfav, .unreblog{
  166. color: red !important;
  167. }
  168. .post,
  169. .rb,
  170. .textonly,
  171. .loadmore {
  172. background-color: white;
  173. box-shadow: 1px 1px 2px black;
  174. }
  175. .postform,.searchmobile {
  176. background-color: white;
  177. box-shadow: 1px 1px 2px black;
  178. }
  179. .previewpost {
  180. background-color: white;
  181. border: 1px solid darkgray;
  182. box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  183. }
  184. .userinfo {
  185. background-color: white;
  186. border: 1px solid darkgray;
  187. box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  188. }
  189. .icon {
  190. background-color: black;
  191. }
  192. .toggleblur{
  193. background-color: steelblue;
  194. color:white;
  195. }
  196. .polloption{
  197. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), 0 1px rgba(255, 255, 255, 0.1);
  198. border-radius: 5px;
  199. display:block;
  200. margin:5px;
  201. padding:5px;
  202. background-color: #ddd;
  203. }
  204. .polloption:hover:not(.fixed),.voted{
  205. background-color: #305792;
  206. box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  207. color: white;
  208. cursor: pointer;
  209. }
  210. .voteBar{
  211. background-color: #305792;
  212. }
  213. .post_footer {
  214. background-color: transparent;
  215. }
  216. .felem a:hover > span {
  217. background-color:white;
  218. box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  219. color: black !important;
  220. border-radius:4px;
  221. }
  222. .public::after {
  223. content: '';
  224. }
  225. .unlisted::after {
  226. content: '';
  227. }
  228. .private::after {
  229. content: '';
  230. }
  231. .direct::after {
  232. content: '';
  233. }
  234. .sensitive::after {
  235. content: '';
  236. }
  237. .post_buttons {
  238. color: #404040;
  239. }
  240. .notif .post_buttons {
  241. background-color:white;
  242. }
  243. .reply {
  244. background-color: #ddd;
  245. border-bottom: 1px solid #666;
  246. }
  247. .note {
  248. background-color: #ccc;
  249. }
  250. .button {
  251. background-color: white;
  252. }
  253. .setting label {
  254. background-color: lightgray;
  255. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  256. }
  257. .setting input[type="radio"]:checked+label,.setting input[type="checkbox"]:checked+label {
  258. background-color: #305792;
  259. box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  260. color: white;
  261. }