color.css 6.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385
  1. a, .link, a > span {
  2. color: #b7fff4;
  3. text-shadow: 0 0 3px rgba(212,151,107,0.8);
  4. }
  5. div,span,p {
  6. color:#ecf3fd;
  7. }
  8. body {
  9. background-color: #11141b;
  10. background-image: url("../bg.jpg");
  11. }
  12. select{
  13. color:black;
  14. background-color: rgba(255,255,255,0.9);
  15. border-left: 6px solid #ff6300;
  16. }
  17. label {
  18. color: #ff6300;
  19. }
  20. textarea,input[type="text"]{
  21. border: 2px solid #edf3fe;
  22. border-left: 6px solid #ff6300;
  23. background-color: rgba(255,255,255,0.9);
  24. color:black;
  25. box-shadow: 5px 0 2px rgba(237,243,254,0.2);
  26. }
  27. input[type="radio"]:checked+label {
  28. color: black;
  29. }
  30. input[type="checkbox"]:checked+label {
  31. color: #ff6300;
  32. }
  33. .topbar {
  34. background-color: rgba(0,0,0,0.5);
  35. border-bottom: 2px solid #edf3fe;
  36. }
  37. .appname {
  38. color: #edf3fe;
  39. text-shadow: 0 0 5px rgba(237,243,254,1);
  40. }
  41. .gotop {
  42. background-color: rgba(223,234,250,0.4);
  43. border: 2px solid #edf3fe;
  44. }
  45. .gotop a {
  46. color: #ff6300;
  47. text-shadow: 0 0 3px rgba(212,151,107,1);
  48. }
  49. .topicon {
  50. color: #edf3fe;
  51. }
  52. .tiselected {
  53. color: #edf3fe;
  54. text-shadow: 0 0 5px rgba(237,243,254,1);
  55. border-bottom: 2px solid #ff6300;
  56. }
  57. .badge {
  58. color: #edf3fe;
  59. }
  60. .alert {
  61. background-color: red;
  62. }
  63. #notifications {
  64. background-color: rgba(10,10,10,0.8);
  65. border: 2px solid #edf3fe;
  66. border-right: 6px solid #edf3fe;
  67. box-shadow: 5px 0 2px rgba(237,243,254,0.2);
  68. box-shadow: 5px 0 2px rgba(237,243,254,0.2) inset;
  69. }
  70. .notif{
  71. border-left: 6px solid #edf3fe;
  72. border-bottom:1px solid #eeaa88;
  73. background-color:rgba(223,234,250,0.1);
  74. color:white;
  75. transition: border 1s;
  76. }
  77. .notif:hover{
  78. border-left: 6px solid #ff6300;
  79. }
  80. .new,.previewpost,.userinfo {
  81. border: 2px solid #edf3fe;
  82. border-left: 6px solid #ff6300;
  83. background-color: rgba(10,10,10,0.8);
  84. color:white;
  85. box-shadow: 5px 0 2px rgba(237,243,254,0.2);
  86. }
  87. .menu {
  88. border: 2px solid #edf3fe;
  89. box-shadow: 1px 1px 2px black;
  90. }
  91. .mobilemenu {
  92. background-color: rgba(10,10,10,0.8) !important;
  93. box-shadow: -1px -1px 2px black;
  94. border-left: 6px solid #fff;
  95. }
  96. .menu li{
  97. transition: border 1s;
  98. }
  99. .menu, .menu li {
  100. border-left: 6px solid #fff;
  101. background-color: rgba(10,10,10,0.8) !important;
  102. color:white !important;
  103. }
  104. .menu a {
  105. color:white !important;
  106. }
  107. .menu li:hover{
  108. border-left: 6px solid #ff6300;
  109. background-color:B94A00 !important;
  110. }
  111. .menu li:hover a {
  112. color:#fff !important;
  113. }
  114. .side_element,.postform {
  115. background-color: rgba(223,234,250,0.4);
  116. border: 2px solid #edf3fe;
  117. border-right: 6px solid #edf3fe;
  118. box-shadow: 5px 0 2px rgba(237,243,254,0.2);
  119. box-shadow: 5px 0 2px rgba(237,243,254,0.2) inset;
  120. }
  121. .side_element:first-of-type,.postform {
  122. border-right: 6px solid #ff6300;
  123. }
  124. .side_element li {
  125. transition: color 1s;
  126. transition: border 1s;
  127. }
  128. .side_element li:hover {
  129. background-color: rgba(255, 255, 255, 0.25);
  130. border-right: 6px solid #ff6300;
  131. box-shadow: 5px 0 2px rgba(237,243,254,0.2);
  132. }
  133. .side_element li:active {
  134. background-color: rgba(255, 255, 255, 0.25);
  135. }
  136. .side_element a {
  137. color: white;
  138. }
  139. .uploadBox {
  140. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  141. }
  142. .delpic {
  143. color:red;
  144. background-color:white;
  145. }
  146. input[type="submit"] {
  147. background-color:#739ccb;
  148. border: 1px solid #fff;
  149. color:white;
  150. transition: background-color 1s;
  151. }
  152. input[type="submit"]:hover {
  153. background-color:#ff6300;
  154. }
  155. .search input[type="submit"] {
  156. color:#800 !important;
  157. background-color:transparent !important;
  158. border: 0px !important;
  159. }
  160. .formbtn {
  161. color:#fff;
  162. }
  163. .formbtn label{
  164. color:#fff;
  165. }
  166. .listmenu li {
  167. background-color:black;
  168. color:white;
  169. }
  170. .listmenu li:hover {
  171. background-color:white;
  172. color:black;
  173. }
  174. .autl:hover li{
  175. background-color:lightgreen !important;
  176. }
  177. .rutl:hover li{
  178. background-color:crimson !important;
  179. }
  180. .unblock,.unmute,.block,.mute,.follow,
  181. .unfollow,
  182. .nsfw,
  183. .unnsfw,
  184. .profileMenu,
  185. .listmenu,.profileButton {
  186. background-color: black;
  187. color: white;
  188. cursor: pointer;
  189. }
  190. .mute:hover,.block:hover,.follow:hover,
  191. .nsfw:hover,.profileButton:hover {
  192. background-color: lime;
  193. }
  194. .unmute:hover,.unblock:hover,.unfollow:hover,
  195. .unnsfw:hover{
  196. background-color: crimson !important;
  197. }
  198. .unbookmark{
  199. color: crimson !important;
  200. }
  201. .unfav, .unreblog{
  202. color: red !important;
  203. }
  204. .loadingImage{
  205. background-image: url("../loadingb.png") !important;
  206. }
  207. .post,
  208. .rb,
  209. .textonly,
  210. .loadmore,.profile,.loader,.flex {
  211. background-color: rgba(0,0,0,0.4);
  212. border: 2px solid #edf3fe;
  213. border-right: 6px solid #edf3fe;
  214. box-shadow: 0 0 10px rgba(237,243,254,1) inset;
  215. }
  216. .element_pad > .post {
  217. border-left:4px solid #ff6300;
  218. }
  219. /*
  220. .postform,.searchmobile {
  221. background-color: #eeaa88;
  222. border:1px solid #eeaa88;
  223. }
  224. */
  225. .icon {
  226. background-color: black;
  227. }
  228. .toggleblur{
  229. background-color: #117743;
  230. color:white;
  231. }
  232. .polloption{
  233. display:block;
  234. margin:5px;
  235. padding:5px;
  236. background-color: rgba(223,234,250,0.4);
  237. border:2px solid rgba(223,234,250,1);
  238. border-right: 6px solid #edf3fe;
  239. border-radius:3px;
  240. color:#FFF;
  241. font-weight:bold;
  242. transition: background-color 1s;
  243. }
  244. .polloption:hover:not(.fixed),.voted{
  245. cursor: pointer;
  246. background-color: #ff6300;
  247. color:white;
  248. }
  249. .voteBar{
  250. background-color: #ff6300;
  251. box-shadow: 0 0 4px rgba(237,243,254,1);
  252. }
  253. .post_footer {
  254. background-color: rgba(223,234,250,0.4);
  255. border-top:2px solid rgba(223,234,250,1);
  256. }
  257. .postAge{
  258. color: #edf3fF !important;
  259. text-shadow: 0 0 5px rgba(237,243,254,1);
  260. }
  261. .felem a:hover > span {
  262. background-color: #ff6300;
  263. border:1px solid #fff;
  264. color: #fff;
  265. }
  266. .public::after {
  267. content: '';
  268. }
  269. .unlisted::after {
  270. content: '';
  271. }
  272. .private::after {
  273. content: '';
  274. }
  275. .direct::after {
  276. content: '';
  277. }
  278. .sensitive::after {
  279. content: '';
  280. }
  281. .post_buttons {
  282. color: #425f99;
  283. }
  284. .notif .post_buttons {
  285. background-color: #fff0d7;
  286. }
  287. .reply {
  288. background-color: rgba(223,234,250,0.4);
  289. border-bottom: 1px solid #fff;
  290. }
  291. .reply:hover {
  292. border-right: 1px solid #ff6300;
  293. }
  294. .note {
  295. background-color: #ccc;
  296. }
  297. .button {
  298. background-color: white;
  299. }
  300. .setting label {
  301. background-color: rgba(255, 255, 255, 0.8);
  302. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  303. color:#800000;
  304. }
  305. .setting input[type="radio"]:checked+label,.setting input[type="checkbox"]:checked+label {
  306. background-color: #ff6300;
  307. box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  308. color: white;
  309. }