Advertisement
lacqueried

AO3 - violet lines

Dec 28th, 2016
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 8.27 KB | None | 0 0
  1. /* ---------------------
  2.  
  3. i, scarlet/esquitor, made this code. it was Hell.
  4. made relatively quickly and not with much detail.
  5.  
  6. none of these comments or headers are actually
  7. going to show up once you past it into the ao3 skins maker tho,
  8. so make sure to keep an original copy somewhere
  9. for easy editing. because i've sorted most of the code
  10. and given them all Decent Categorization
  11.  
  12. for customization, ctrl+f and replace.
  13.  
  14. accent: #464175
  15. headers: 'Lucida Sans Unicode'
  16. body: 'Tahoma'
  17.  
  18. to keep the header / login bar ON THE PAGE ALWAYS,
  19. move the following two lines outside the comments field.
  20. leave inside or just delete from the code if you don't want it fixed.
  21.  
  22. #header {position:fixed;}
  23. #inner { margin-top: 140px; }
  24.  
  25. put it after this line basically -------------------*/
  26.  
  27.  
  28.  
  29. /* ---BODY--- */
  30.  
  31. body,
  32. blockquote, #main {
  33.     font-family: 'tahoma' !important;
  34.     }
  35.  
  36. a,
  37. a:hover,
  38. a:link,
  39. a:visited,
  40. .blurb h4 a:link {
  41.     border-bottom: 1px solid #464175;
  42.     color: #464175;    
  43. }
  44.  
  45. a.tag:hover,
  46. h5 a:hover {
  47.     background: #464175 !important;
  48.     color: #ffffff !important;
  49.     }
  50.  
  51. h1,
  52. h2,
  53. h3,
  54. h4,
  55. h5,
  56. h6,
  57. .heading,
  58. .heading a {
  59.     font-family: 'lucida sans unicode';
  60.     }
  61.  
  62. form dl {
  63.     border: 0;
  64.     }
  65.  
  66. fieldset,
  67. fieldset dl dl,
  68. fieldset fieldset fieldset,
  69. fieldset fieldset dl dl,
  70. dd.hideme,
  71. form blockquote.userstuff {
  72.     background: #fff;
  73.     border: 1px solid #464175;
  74.     box-shadow: none;
  75.     color: #464175 !important;
  76.     display: block;
  77.     }
  78.  
  79. .wrapper {
  80.     box-shadow: none;
  81.     }
  82.  
  83. /* ---SIDEBAR DASHBOARD--- */
  84.  
  85.  
  86. #dashboard .current {
  87.     background: #ffffff;
  88.     border-radius: 0;
  89.     color: #464175;
  90.     }
  91.  
  92. #dashboard a {
  93.     border-radius: 0;
  94.     color: #ffffff;
  95.     }
  96.  
  97. #dashboard a:hover {
  98.     background: #ffffff;
  99.     border-radius: 0;
  100.     border: 0;
  101.     color: #464175;
  102.     }
  103.  
  104.  
  105. #dashboard ul {
  106.     border-top: 2px solid #ffffff;
  107.     display: block;
  108.     float: none;
  109.     position: relative;
  110.     text-align: center;
  111.     }
  112.  
  113.  
  114. #dashboard, #dashboard.own {
  115.     background: #464175;
  116.     border-radius: 0;
  117.     border: 1px solid #464175;
  118.     color: #ffffff;
  119.     height: 100%;
  120.     }
  121.  
  122. .navigation a,
  123. .navigation a:link,
  124. .action,
  125. .navigation:link,
  126. .current,
  127. .navigation label,
  128. .navigation input,
  129. .navigation input:hover {
  130.     background-image: none !important;
  131.     background: #464175;
  132.     border-radius: 0;
  133.     border: 0;
  134.     box-shadow: none;
  135.     color: #ffffff;
  136.     cursor: pointer;
  137.     display: inline-block;
  138.     font-family: 'lucida sans unicode';
  139.     height: auto;
  140.     overflow: visible;
  141.     position: relative;
  142.     text-decoration: none;
  143.     vertical-align: middle;
  144.     white-space: nowrap;
  145.     width: auto;
  146.     }
  147.  
  148. /* ---HEADER + LOGIN TOP--- */
  149.  
  150. #header {
  151.     background: #fff;
  152.     border-bottom: 1px solid white;
  153.     display: block;
  154.     font-size: .875em;
  155.     width: 100%;
  156.     z-index: 999999;
  157.     }
  158.  
  159. #header .primary {
  160.     background: #464175;
  161.     box-shadow: none;
  162.     letter-spacing: 1px;
  163.     padding: 5px 0;
  164.     vertical-align: middle;
  165.     }
  166.  
  167.  
  168. #header .heading a {
  169.     color: #464175;
  170.     }
  171.  
  172. #header .menu li {
  173.     border-bottom: 1px solid #464175;
  174.     margin: 0;
  175.     }
  176.  
  177. #header .menu .current {
  178.     background: #464175;
  179.     color: #464175;
  180.     }
  181.  
  182. #header .heading,
  183. #login,
  184. #greeting {
  185.     padding: 10px 10px;
  186.     }
  187.  
  188. #header .user,
  189. #header .user a {
  190.     color: #464175 !important;
  191.     letter-spacing: 1px;
  192.     }
  193.  
  194. #header .menu,
  195. #small_login,
  196. #header .dropdown:hover .current+.menu {
  197.     background-image: none;
  198.     background: #fff;
  199.     border: 1px solid #464175;
  200.     box-shadow: none;
  201.     color: #464175 !important;
  202.     display: none;
  203.     font-weight: normal;
  204.     margin: 0;
  205.     position: absolute;
  206.     width: auto;
  207.     z-index: 55;
  208.     }
  209.  
  210. #header .dropdown .menu a,
  211. #header .dropdown .menu .current {
  212.     background: transparent;
  213.     display: block;
  214.     font-weight: normal;
  215.     line-height: 1em;
  216.     margin: 0;
  217.     color: #464175;
  218.     }
  219.  
  220. #header .user a:hover,
  221. #header .user a:focus,
  222. #header .user .current {
  223.     border-radius: 0;
  224.     color: #ffffff;
  225.     }
  226.  
  227. #header .actions a:hover,
  228. #header .actions a:focus,
  229. #header .dropdown:hover a,
  230. #header .open a {
  231.     background: #fff;
  232.     }
  233.  
  234. .dropdown,
  235. .dropdown a,
  236. a:visited {
  237.     color: #464175;
  238.     }
  239.  
  240. /* ---MAIN--- */
  241.  
  242. #footer {
  243.     background: #464175;
  244.     border-top: 2px solid;
  245.     color: #fff;
  246.     float: left;
  247.     font-size: 1em;
  248.     position: relative;
  249.     width: 100%;
  250.     }
  251.  
  252. #footer a {
  253.     font-size: 1em;
  254.     }
  255.  
  256. /*ALL BUTTONS*/
  257.  
  258. .actions a,
  259. .actions a:link,
  260. .action,
  261. .action:link,
  262. .actions input,
  263. input[type="submit"],
  264. button,
  265. .current,
  266. .actions label {
  267.     background-image: none;
  268.     background: #464175;
  269.     border-radius: 0;
  270.     border: 1px solid white;
  271.     color: #fff;
  272.     font-family: 'lucida sans unicode';
  273.  
  274.     }
  275.  
  276. .actions a:hover,
  277. .actions input:hover,
  278. .actions a:focus,
  279. .actions input:focus,
  280. label.action:hover,
  281. .action:hover,
  282. .action:focus {
  283.     box-shadow: 0;
  284.     border: 0;
  285.     box-shadow: none;
  286.     color: #ffffff;
  287.     font-family: 'lucida sans unicode';
  288.  
  289.     }
  290.  
  291. .actions a:visited,
  292. .action:visited,
  293. .action a:link,
  294. .action a:visited {
  295.     color: #ffffff;
  296.     font-family: 'lucida sans unicode';
  297.  
  298.     }
  299.  
  300. .actions input,
  301. #site_search,
  302. .actions input:hover,
  303. #site_search:hover {
  304.     background-image: none !important;
  305.     background: #ffffff;
  306.     border-radius: 0;
  307.     font-family: 'lucida sans unicode';
  308.  
  309.     }
  310.  
  311. .filters .submit input {
  312.     border: 0;
  313.     color: #fff !important;
  314. background: #464175;
  315.     font-family: 'lucida sans unicode';
  316.  
  317.     }
  318.  
  319. ol.pagination.actions a {
  320.     border: 0;
  321.     color: #fff;
  322.     }
  323.  
  324. p.actions input,
  325. li.actions,
  326. .actions li a,
  327. fieldset.actions input,
  328. dd.actions input,
  329. dd.actions input:hover,
  330. .actions li input,
  331. .actions li input[type="submit"] {
  332.     background: #464175;
  333.     color: #fff;
  334.     height: auto;
  335.     vertical-align: middle;
  336.     font-weight: normal;
  337.     font-family: Lucida Sans Unicode;
  338.     font-family: 'lucida sans unicode';
  339.  
  340. }
  341.  
  342.  
  343. ul.actions li input {
  344.     background: #464175;
  345.     border: 0;
  346.     color: #fff;
  347.     font-family: 'lucida sans unicode';
  348.  
  349.     }
  350.  
  351.  
  352. /*BOOKMARKS*/
  353.  
  354. .bookmark .actions a {
  355.     border: 0 !important;
  356.     color: #ffffff !important;
  357.     margin: 10px 0px 10px 0px;
  358.     font-family: 'lucida sans unicode';
  359.  
  360.     }
  361.  
  362. .bookmark .user {
  363.     margin-top: 0px;
  364.     padding: 10px 10px;
  365.     }
  366.  
  367. .blurb .datetime {
  368.     position: absolute;
  369.     top: 0;
  370.     right: 0;
  371.     margin: 10px 10px 0 0;
  372. }
  373.  
  374. .bookmark p.status {
  375.     position: absolute;
  376.     right: 65px;
  377.     margin-top: 40px;
  378.     z-index: 1;
  379. }
  380.  
  381. /*POSTS*/
  382.  
  383. dl.meta {
  384.     border: 1px solid #464175;
  385.     margin: 3em auto;
  386.     padding: 2em;
  387.     }
  388.  
  389. dl.stats+.landmark+.actions a {
  390.     clear: none;
  391.     color: #fff;
  392.     float: left;
  393.     margin: 0 !important;
  394.     color: #ffffff;
  395.     }
  396.  
  397. li.blurb {
  398.     border: 1px solid #464175;
  399.     padding: 2em;
  400.     }
  401.  
  402. .blurb .relationships {
  403.     background: none;
  404.     font-style: italic; }
  405.  
  406. .blurb blockquote {
  407.     border-bottom: 1px solid #464175;
  408.     border-top: 1px solid #464175;
  409.     padding: 2em;
  410.     }
  411.  
  412. .blurb dl.stats {
  413.     margin-bottom: 15px;
  414.     }
  415.  
  416. .blurb ul.required-tags li {
  417.     margin-bottom: 3px !important;
  418.     }
  419.  
  420. ul.tags {
  421.     padding-right: .1em;
  422.     }
  423.  
  424. ul.tags li.warnings:first-child:before {
  425.     color: #111;
  426.     content: "Archive Warnings: ";
  427.     font-weight: bold;
  428.     }
  429.  
  430. ul.tags li.warnings,
  431. ul.tags li.relationships,
  432. ul.tags li.characters,
  433. ul.tags li.freeforms {
  434.     float: left !important;
  435.     }
  436.  
  437.  
  438. li.relationships a.tag {
  439.     background: #464175;
  440.     color: #ffffff;
  441.     }
  442.  
  443. li.warnings + li.characters:before {
  444.     color: #111;
  445.     content: "Characters: ";
  446.     font-weight: bold;
  447.     }
  448.  
  449. li.relationships + li.characters:before {
  450.     color: #111;
  451.     content: "Characters: ";
  452.     font-weight: bold;
  453.     }
  454.  
  455. li.warnings + li.relationships:before {
  456.     color: #111;
  457.     content: "Relationships: ";
  458.     font-weight: bold;
  459.     }
  460.  
  461. li.characters + li.freeforms:before {
  462.     color: #111;
  463.     content: "Freeform: ";
  464.     font-weight: bold;
  465.     }
  466.  
  467. li.warnings + li.relationships,
  468. li.relationships + li.characters,
  469. li.characters + li.freeforms,
  470. li.warnings + li.characters,
  471. li.warnings + li.freeforms,
  472. li.relationships + li.freeforms {
  473.     clear: left;
  474.     padding: none;
  475.     }
  476.  
  477. .listbox .index {
  478.     background: transparent;
  479.     box-shadow: none;
  480.     }
  481.  
  482. .listbox,
  483. fieldset fieldset.listbox {
  484.     background: transparent;
  485.     border: none;
  486.     box-shadow: none;
  487.     }
  488.  
  489. .listbox>.heading,
  490. .home .header h2 {
  491.     color: #464175;
  492.     font-family: 'lucida sans unicode';
  493.     }
  494.  
  495. .listbox>.heading,
  496. .listbox .heading a:visited {
  497.     color: #464175;
  498.     }
  499.  
  500.  
  501.  
  502. /*SERIES PAGE*/
  503.  
  504. .own {
  505.     background: #f2f2f2;
  506.     }
  507.  
  508. .meta dt {
  509.     font-weight: bold;
  510.     }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement