color.css 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446
  1. a, .link {
  2. color: #042eb8;
  3. }
  4. body {
  5. background-image: url("../wallpaper.jpg");
  6. }
  7. .element div, .element span, .element p{
  8. color:black;
  9. }
  10. select{
  11. color:black;
  12. background-color:white;
  13. }
  14. label {
  15. color: #425f99;
  16. }
  17. textarea,input[type="text"]{
  18. background-color:white;
  19. border-bottom:2px solid #ffffff !important;
  20. border-right:2px solid #ffffff !important;
  21. border-top:2px solid #828282 !important;
  22. border-left:2px solid #828282 !important;
  23. }
  24. input[type="radio"]:checked+label {
  25. color: black;
  26. }
  27. input[type="checkbox"]:checked+label {
  28. color: red;
  29. }
  30. .topbar {
  31. box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  32. }
  33. .appname {
  34. background-image: linear-gradient(#48ab49, #69c069, #48ab49, #48ab49, #3f943f);
  35. padding-right:20px;
  36. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7) inset;
  37. border-radius: 0px 20px 20px 0px;
  38. border-bottom: 3px solid black;
  39. line-height:43px !important;
  40. }
  41. .gotop {
  42. background-color: rgba(255, 255, 255, 0.5);
  43. }
  44. .gotop a {
  45. color: white;
  46. }
  47. .topicon,.badge {
  48. color: white;
  49. }
  50. .search {
  51. box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7) inset;
  52. }
  53. .search input[type="text"],.search input[type="submit"]{
  54. border:0px !important;
  55. background-color:transparent !important;
  56. background-image:none !important;
  57. color: #000;
  58. }
  59. .tiselected {
  60. border-bottom: 2px solid white;
  61. }
  62. .alert {
  63. background-color: red;
  64. }
  65. #notifications {
  66. background-color: #e7e9d4 !important;
  67. color:black;
  68. box-shadow: 1px 1px 1px black;
  69. }
  70. .notif{
  71. color:black;
  72. }
  73. .notif .text{
  74. color:black !important;
  75. }
  76. .uname {
  77. color:blue !important;
  78. text-decoration:blue !important;
  79. }
  80. .new {
  81. background-color:#e7e9d4;
  82. }
  83. .side_element {
  84. background-color: #285bc8;
  85. border:2px solid #042eb8;
  86. border-radius:5px;
  87. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  88. color:white;
  89. }
  90. .profileheader{
  91. border-bottom:2px solid white;
  92. }
  93. .profileButton .fontello,.profileButton{
  94. color:white !important;
  95. }
  96. .notif .profileButton{
  97. border: 1px solid black;
  98. }
  99. .side_element li:hover {
  100. background-color: #000082;
  101. color:white;
  102. }
  103. .side_element li:active {
  104. background-color: rgba(255, 255, 255, 0.25);
  105. }
  106. .userinfo a, .userinfo .ldr {
  107. color: #042eb8 !important;
  108. }
  109. .side_element a {
  110. color:white;
  111. }
  112. .uploadBox,.picker {
  113. box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  114. }
  115. .delpic {
  116. color:red;
  117. background-color:white;
  118. }
  119. input[type="submit"] {
  120. background-image: linear-gradient(to bottom, #fffffc, #eef1eb);
  121. border:2px solid #426fc4;
  122. border-radius:3px;
  123. color:black;
  124. }
  125. .formbtn {
  126. color:black;
  127. }
  128. .formbtn label{
  129. color:black;
  130. }
  131. .loadingImage{
  132. width:100px;
  133. height:100px;
  134. background-image: url("../loadingb.gif");
  135. background-repeat:no-repeat;
  136. background-size:100px;
  137. }
  138. .loader,.menu {
  139. background-color: #e7e9d4 !important;
  140. border-top:2px solid #ffffff;
  141. border-left:2px solid #ffffff;
  142. border-bottom:2px solid #828282;
  143. border-right:2px solid #828282;
  144. }
  145. .mobilemenu {
  146. border-left:2px solid #042eb8;
  147. background-color: #285bc8;
  148. }
  149. .mobilemenu * {
  150. color: #e7e9d4;
  151. }
  152. .notif,.previewpost {
  153. background-color: #fbffbf !important;
  154. border: 1px solid black;
  155. box-shadow: 1px 1px 2px black;
  156. border-radius:10px !important;
  157. }
  158. #notifications .notif {
  159. border-top: 0px;
  160. box-shadow: none;
  161. border-radius:0px !important;
  162. }
  163. .loader a{
  164. color:black;
  165. }
  166. .menu li {
  167. background-color: #e7e9d4 !important;
  168. }
  169. #usermenu .menu {
  170. background-color: #e7e9d4;
  171. }
  172. .postHeader .postMenu {
  173. color:white !important;
  174. padding:5px;
  175. background-image: linear-gradient(to bottom right, #f4a088, #be4e29);
  176. border-radius:4px;
  177. border:1px solid white;
  178. }
  179. .postMenu {
  180. background-color: #e7e9d4 !important;
  181. }
  182. .postMenu div{
  183. background-color: #e7e9d4 !important;
  184. border-top:2px solid #ffffff;
  185. border-left:2px solid #ffffff;
  186. border-bottom:2px solid #828282;
  187. border-right:2px solid #828282;
  188. color:black;
  189. box-shadow: 1px 1px 2px black;
  190. }
  191. .menu li{
  192. background-color: #e7e9d4;
  193. color:black;
  194. }
  195. .menu li:hover {
  196. background-color: #000082 !important;
  197. color:white;
  198. }
  199. .menu li a{
  200. color: #000082 !important;
  201. }
  202. .menu li:hover a{
  203. color:white !important;
  204. }
  205. .listmenu li {
  206. background-color:black;
  207. color:black !important;
  208. }
  209. .listmenu li:hover {
  210. background-color:white;
  211. color:black;
  212. }
  213. .autl:hover li{
  214. background-color:lightgreen !important;
  215. }
  216. .rutl:hover li{
  217. background-color:crimson !important;
  218. }
  219. .unblock,.unmute,.block,.mute,.follow,
  220. .unfollow,
  221. .nsfw,
  222. .unnsfw,
  223. .profileMenu,
  224. .listmenu,.profileButton {
  225. background-color: black;
  226. color: white;
  227. cursor: pointer;
  228. }
  229. .mute:hover,.block:hover,.follow:hover,
  230. .nsfw:hover,.profileButton:hover {
  231. background-color: blue;
  232. }
  233. .unmute:hover,.unblock:hover,.unfollow:hover,
  234. .unnsfw:hover{
  235. background-color: crimson !important;
  236. }
  237. .unbookmark{
  238. color: crimson !important;
  239. }
  240. .unfav, .unreblog{
  241. color: red !important;
  242. }
  243. .profile,
  244. .post,
  245. .rb,
  246. .textonly,
  247. .loadmore,
  248. .searchmobile,.postform {
  249. background-color: #e7e9d4;
  250. border:2px solid #042eb8;
  251. border-radius:5px;
  252. box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  253. }
  254. .userinfo {
  255. background-color: #e7e9d4 !important;
  256. border:3px solid #042eb8;
  257. }
  258. .userinfo_he a{
  259. color:white !important;
  260. }
  261. .icon {
  262. background-color: black;
  263. }
  264. .postHeader,.topbar {
  265. background-image: linear-gradient(#3091ff, #0053e1,#0053e1, #0053e1, #0058ef,#0058ef,#0058ef ,#0058ef, #0060f9, #0060f9, #0060f9, #0060f9);
  266. /*https://pythonhosted.org/pyglet/programming_guide/window_xp_default.png */
  267. /* background-image: linear-gradient(#0055e0, #0063f9); */
  268. color:white;
  269. border-top:2px solid #3a90ff;
  270. border-bottom:3px solid #1047ab;
  271. }
  272. .reply .postHeader{
  273. background-image: none !important;
  274. background-color: #7b97e1 !important;
  275. color:white;
  276. border: 0px !important;
  277. }
  278. .postHeader a, .postHeader .link {
  279. color: white;
  280. }
  281. .postHeader, .postHeader span {
  282. color: white;
  283. }
  284. .toggleblur{
  285. background-color: blue;
  286. color:white;
  287. }
  288. .polloption,.flex{
  289. display:block;
  290. background-color:white;
  291. border:2px solid #707069;
  292. border-radius:3px;
  293. color:black !important;
  294. margin-bottom:2px;
  295. padding:5px;
  296. }
  297. .polloption:hover:not(.fixed),.voted{
  298. cursor:pointer;
  299. background-color: #285bc8;
  300. color:white !important;
  301. }
  302. .voteBar{
  303. background-image: linear-gradient(#b4e6b8, #39c04d, #b4e6b8);
  304. }
  305. .post_footer{
  306. box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
  307. }
  308. .felem a:hover > span {
  309. color: black !important;
  310. background-color: #fbffbf !important;
  311. border: 1px solid black;
  312. box-shadow: 1px 1px 2px black;
  313. border-radius:10px !important;
  314. }
  315. .public::after {
  316. content: '';
  317. }
  318. .unlisted::after {
  319. content: '';
  320. }
  321. .private::after {
  322. content: '';
  323. }
  324. .direct::after {
  325. content: '';
  326. }
  327. .sensitive::after {
  328. content: '';
  329. }
  330. .post_footer .post_buttons a, .post_footer span{
  331. color: #042eb8;
  332. }
  333. .reply {
  334. background-color: #f0f1e4 !important;
  335. border-top:0px solid #6a6a82;
  336. border-bottom:0px solid #26263c;
  337. /* box-shadow: inset 0 1px 20px rgba(0, 0, 0, 0.5), 0 1px rgba(255, 255, 255, 0.1); */
  338. }
  339. .note {
  340. background-color: #ccc;
  341. }
  342. .button {
  343. background-color: white;
  344. }
  345. .setting label {
  346. background-color: white;
  347. border:2px solid white;
  348. border-radius:3px;
  349. color:black;
  350. }
  351. .setting input[type="radio"]:checked+label,.setting input[type="checkbox"]:checked+label {
  352. background-color: #426fc4;
  353. border:2px solid #426fc4;
  354. border-radius:3px;
  355. color:white;
  356. }