wovenstarlight

Skin for AO3: chocolate cherries

Mar 8th, 2021 (edited)
690
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.64 KB | None | 0 0
  1. .actions,
  2. .actions input,
  3. .modal .footer .action {
  4.   text-transform: lowercase;
  5. }
  6.  
  7. #header .menu,
  8. #small_login,
  9. #header .dropdown:hover .current + .menu,
  10. #header .actions a:hover,
  11. #header .actions a:focus,
  12. #header .dropdown:hover a,
  13. #header .open a,
  14. #header .dropdown:hover .menu a:hover,
  15. #header .dropdown .menu a:focus,
  16. .search span.tip {
  17.   background: #000;
  18. }
  19.  
  20. #outer {
  21.   background: #867a6c;
  22. }
  23.  
  24. #inner {
  25.   background: rgba(255,255,255,0.25);
  26.   padding: 1.5em 1em;
  27. }
  28.  
  29. #header,
  30. #footer ul.actions {
  31.   background: rgba(0,0,0,0.5);
  32.   min-height: 0;
  33.   margin: 0;
  34.   box-shadow: 1px 0 1px #000;
  35. }
  36.  
  37. #main,
  38. #footer,
  39. li.blurb,
  40. .wrapper,
  41. .flash,
  42. .listbox,
  43. .listbox .index,
  44. .dashboard .listbox .index,
  45. #main fieldset,
  46. .verbose legend,
  47. .preface,
  48. li.comment.odd,
  49. ol.comment li.read {
  50.   background: rgba(34, 22, 9, 0.6);
  51.   color: #ccc;
  52. }
  53.  
  54. li.blurb {
  55.   background: rgba(34, 22, 9, 0.6) !important;
  56.   color: #ccc;
  57. }
  58.  
  59. #header ul.primary {
  60.   background: rgba(0,0,0,0.35);
  61.   display: block;
  62.   margin-top: 0.7em;
  63.   text-align: right;
  64.   border-color: rgba(0,0,0,0.5);
  65. }
  66.  
  67. #header .heading a {
  68.   color: #c9b8c1;
  69. }
  70.  
  71. #header .actions a,
  72. #header .current,
  73. #header fieldset {
  74.   background: none;
  75.   color: rgba(255,255,255,0.75);
  76.   border: 0;
  77.   box-shadow: none;
  78. }
  79.  
  80. #header #search input,
  81. #header #search input:focus,
  82. .actions a,
  83. .actions a:visited,
  84. .actions a:link,
  85. .action,
  86. .action:link,
  87. .actions input,
  88. input[type="submit"],
  89. button,
  90. .current,
  91. .actions label,
  92. #modal .footer .action {
  93.   background: rgba(153, 0, 0, 0.5);
  94.   color: #eee;
  95.   border: none;
  96. }
  97.  
  98. #header #search input,
  99. #header #search input:focus,
  100. .actions a,
  101. .actions a:link,
  102. .action,
  103. .action:link,
  104. .actions input,
  105. input[type="submit"],
  106. button,
  107. .current,
  108. .actions label,
  109. #modal .footer .action {
  110.   background-image: -moz-linear-gradient(#900 2%,#600 95%,#400 100%);
  111. }
  112.  
  113. #header #search input,
  114. #header #search input:focus,
  115. .actions a,
  116. .actions a:link,
  117. .action,
  118. .action:link,
  119. .actions input,
  120. input[type="submit"],
  121. button,
  122. .current,
  123. .actions label,
  124. #modal .footer .action {
  125.   background-image: -webkit-linear-gradient(#900 2%,#600 95%,#400 100%);
  126. }
  127.  
  128. #header #search input,
  129. #header #search input:focus,
  130. .actions a,
  131. .actions a:link,
  132. .action,
  133. .action:link,
  134. .actions input,
  135. input[type="submit"],
  136. button,
  137. .current,
  138. .actions label,
  139. #modal .footer .action {
  140.   background-image: -o-linear-gradient(#900 2%,#600 95%,#400 100%);
  141. }
  142.  
  143. #header #search input,
  144. #header #search input:focus,
  145. .actions a,
  146. .actions a:link,
  147. .action,
  148. .action:link,
  149. .actions input,
  150. input[type="submit"],
  151. button,
  152. .current,
  153. .actions label,
  154. #modal .footer .action {
  155.   background-image: -ms-linear-gradient(#900 2%,#600 95%,#400 100%);
  156. }
  157.  
  158. #header #search input,
  159. #header #search input:focus,
  160. .actions a,
  161. .actions a:link,
  162. .action,
  163. .action:link,
  164. .actions input,
  165. input[type="submit"],
  166. button,
  167. .current,
  168. .actions label,
  169. #modal .footer .action {
  170.   background-image: linear-gradient(#900 2%,#600 95%,#400 100%);
  171. }
  172.  
  173. #header #search input:hover,
  174. #header #search input:focus,
  175. .actions a:hover,
  176. .actions a:focus,
  177. .action:hover,
  178. .action:focus,
  179. .actions input:hover,
  180. .actions input:focus,
  181. .button:hover,
  182. .button:focus,
  183. input[type="submit"]:hover,
  184. input[type="submit"]:focus,
  185. .current:hover,
  186. .current:focus,
  187. .actions label:hover,
  188. .actions label:focus,
  189. #modal .footer .action:hover,
  190. #modal .footer .action:focus {
  191.   box-shadow: inset 0 2px 5px #00000080;
  192.   color: #eee;
  193.   border: none;
  194. }
  195.  
  196. #header .current {
  197.   background: rgba(0,0,0,0.25);
  198.   box-shadow: inset 0 0 3px #000;
  199. }
  200.  
  201. #header .primary .open a,
  202. #header .primary .dropdown:hover a,
  203. #header .primary .dropdown a:focus,
  204. #header .user a:hover,
  205. #header .user a:focus,
  206. #header .user .current,
  207. #header #search .button:focus,
  208. #header .dropdown .menu li[role="menu-item"] a {
  209.   color: rgba(255,255,255,0.75);
  210. }
  211.  
  212. #header .primary .dropdown a:hover,
  213. #header .user a:hover,
  214. #header .dropdown .menu li[role="menu-item"] a:hover,
  215. #footer .navigation .module .menu li a:hover,
  216. .required {
  217.   color: #c22;
  218. }
  219.  
  220. form dd.required,
  221. .autocomplete .notice,
  222. .listbox > .heading {
  223.   color: #ccc;
  224. }
  225.  
  226. #header .menu,
  227. #small_login,
  228. #header .dropdown:hover .current + .menu,
  229. #header .actions a:hover,
  230. #header .actions a:focus,
  231. #header .dropdown:hover a,
  232. #header .open a,
  233. #header .dropdown:hover .menu a:hover,
  234. #header .dropdown .menu a:focus,
  235. .search span.tip {
  236.   background: rgba(0,0,0,0.8);
  237. }
  238.  
  239. #header .dropdown:hover .menu a {
  240.   background: transparent;
  241. }
  242.  
  243. .actions a,
  244. .current,
  245. #inner #dashboard ul,
  246. #dashboard.own {
  247.   border-color: #beb5ac;
  248. }
  249.  
  250. #main,
  251. li.blurb,
  252. .wrapper,
  253. .flash,
  254. .listbox {
  255.   box-shadow: 0 1px 2px;
  256.   outline: none;
  257. }
  258.  
  259. #inner #main .tag {
  260.   color: #c9b8c1;
  261.   line-height: 1.65em;
  262. }
  263.  
  264. #inner #main .tag:hover {
  265.   color: #f9c4e0;
  266. }
  267.  
  268. .blurb .header .heading {
  269.   line-height: 1.35em;
  270. }
  271.  
  272. .series {
  273.   line-height: 1.7em;
  274. }
  275.  
  276. .blurb h4 a:link,
  277. .blurb ul.series a,
  278. .series .position a,
  279. .series a.next,
  280. .series a.previous,
  281. .listbox h4.heading a {
  282.   color: #ffc1d0 !important;
  283.   background: #900;
  284.   padding: 0.05em 0.3em;
  285. }
  286.  
  287. .blurb h4 a:hover,
  288. .blurb ul.series a:hover,
  289. .series .position a:hover,
  290. .series a.next:hover,
  291. .series a.previous:hover,
  292. .blurb h4 a:visited:hover,
  293. .blurb ul.series a:visited:hover,
  294. .series .position a:visited:hover,
  295. .series a.next:visited:hover,
  296. .series a.previous:visited:hover,
  297. .listbox h4.heading a:hover,
  298. .listbox h4.heading a:visited:hover {
  299.   color: #ffe8ed !important;
  300.   background: #b00;
  301. }
  302.  
  303. .blurb h4 a:visited,
  304. .blurb ul.series a:visited,
  305. .series a.next:visited,
  306. .series a.previous:visited,
  307. .listbox h4.heading a:visited {
  308.   color: #ff90ab !important;
  309.   background: #600;
  310. }
  311.  
  312. li.relationships a {
  313.   background: #600;
  314. }
  315.  
  316. .filter-toggle button.expander,
  317. a:link {
  318.   color: #ccc;
  319. }
  320.  
  321. a:hover,
  322. a:visited:hover {
  323.   color: #fff;
  324. }
  325.  
  326. a:visited {
  327.   color: #888;
  328. }
  329.  
  330. #modal {
  331.   background: #4f463c;
  332.   color: #ccc;
  333.   border: 10px solid #867a6c;
  334. }
  335.  
  336. .draft {
  337.   background: rgba(0,0,0, 0.35);
  338.   border-color: #c22;
  339.   margin-bottom: 1em;
  340. }
  341.  
  342. .notice,
  343. .error,
  344. .comment_error,
  345. .alert.flash {
  346.   color: #eee;
  347.   background: #900;
  348.   border: 1px solid #a90000;
  349.   box-shadow: inset 1px 1px 2px #600;
  350. }
  351.  
  352. form fieldset p textarea,
  353. form fieldset div textarea,
  354. fieldset dl dd textarea,
  355. fieldset dl dd input {
  356.   background: #bfb7ac;
  357. }
  358.  
  359. form fieldset p textarea:focus,
  360. form fieldset div textarea:focus,
  361. fieldset dl dd textarea:focus,
  362. fieldset dl dd input:focus {
  363.   background: #a3998d;
  364. }
  365.  
  366. li.comment.even,
  367. ol.comment li.unread,
  368. div.latest.messages ul li.unread,
  369. div.favorite ul,
  370. .reading h4.viewed,
  371. .bookmark .user {
  372.   background: rgba(34, 22, 9, 0.9);
  373. }
  374.  
  375. div#bookmark-form {
  376.   margin-top: 1em;
  377. }
  378.  
  379. div#bookmark-form form {
  380.   background: #c22;
  381. }
  382.  
  383. div#bookmark-form form fieldset,
  384. div#bookmark-form form fieldset fieldset,
  385. form.inbox fieldset.actions,
  386. div.favorite ul,
  387. .reading h4.viewed {
  388.   padding: 0.75em;
  389. }
  390.  
  391. .verbose form fieldset legend,
  392. .skins-edit form fieldset legend {
  393.   background: #867a6c;
  394.   color: #fff;
  395. }
  396.  
  397. fieldset.comments {
  398.   background: transparent !important;
  399. }
  400.  
  401. .preface.group {
  402.   padding-bottom: 0.5em;
  403. }
  404.  
  405. .comment h4.byline {
  406.   background: #900;
  407. }
  408.  
  409. .statistics .index li:nth-of-type(2n),
  410. div.favorite ul li:nth-of-type(2n) {
  411.   background: rgba(255,255,255,0.2);
  412.   color: #ccc;
  413. }
  414.  
  415. .statistics .index li:nth-of-type(2n+1),
  416. div.favorite ul li:nth-of-type(2n+1) {
  417.   background: rgba(255,255,255,0.1);
  418.   color: #ccc;
  419. }
  420.  
  421. .splash .favorite li:nth-of-type(2n+1) a {
  422.   background: none;
  423. }
  424.  
  425. .splash .module h3 {
  426.   background: rgba(34, 22, 9, 0.5);
  427.   padding: 0.5em;
  428.   color: #c22;
  429. }
Add Comment
Please, Sign In to add comment