color.css 4.9 KB

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