lacqueried

AO3 - tesque borders

Jul 16th, 2017
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.30 KB | None | 0 0
  1. body,
  2. #main {
  3.   background: #f0f0f0;
  4.   color: #111;
  5. }
  6.  
  7. p select,
  8. li select {
  9.   max-width: 35%;
  10. }
  11.  
  12. span.question {
  13.   box-shadow: none !important;
  14. }
  15.  
  16. span.position a {
  17.   font-weight: bold;
  18.   font-style: italic;
  19. }
  20.  
  21. .comment div.icon {
  22.   display: inline-block;
  23.   margin: -2.5em 1em 0 0;
  24.   border: 5px solid #ddd;
  25. }
  26.  
  27. .comment h4.byline {
  28.   background: #ddd;
  29.   padding: .5em .5em .5em 8em;
  30.   margin: 0 auto -.25em;
  31. }
  32.  
  33. .icon a:link,
  34. .icon a:visited,
  35. .icon a:hover {
  36.   border: 0 !important;
  37. }
  38.  
  39. .toggled form,
  40. .dynamic form {
  41.   left: 390px !important;
  42.   position: absolute;
  43.   padding: .5em;
  44.   border: none;
  45.   background: #fff;
  46.   box-shadow: 1px 2px 5px;
  47. }
  48.  
  49. div.comment {
  50.   position: relative;
  51.   border: 0;
  52.   overflow: visible;
  53. }
  54.  
  55. div.afterword .series h3 {
  56.   font-weight: bold;
  57. }
  58.  
  59. .blurb ul.series a {
  60.   font-weight: bold;
  61.   font-style: italic;
  62. }
  63.  
  64. .secondary {
  65.   background: transparent;
  66.   position: static;
  67.   z-index: 9999999999999;
  68.   border: 0px solid #452b4a;
  69.   margin: 4.5em auto 2.5em auto;
  70.   padding: .7em 1em .5em .5em;
  71.   overflow: hidden;
  72.   box-shadow: none !important;
  73.   border-radius: 0 !important;
  74. }
  75.  
  76. li {
  77.   margin: 0px;
  78. }
  79.  
  80. .tags li {
  81.   padding: 0 .4em .4em 0;
  82. }
  83.  
  84. a,
  85. a:hover,
  86. a:link,
  87. a:visited,
  88. .blurb h4 a:link {
  89.   border-bottom: 1px solid #452b4a;
  90.   color: #452b4a;
  91. }
  92.  
  93. input[type="submit"],
  94. .actions a:hover,
  95. .actions input:hover,
  96. .actions a:focus,
  97. .actions input:focus,
  98. label.action:hover,
  99. .action:hover,
  100. .action:focus,
  101. .actions a:visited,
  102. .action:visited,
  103. .action a:visited {
  104.   box-shadow: none;
  105.   border: 1px solid #452b4a;
  106.   background: #fff;
  107. }
  108.  
  109. div#reply-to-comment.dynamic.hidden.ui-draggable {
  110.   z-index: 999999999999999;
  111.   display: inline-block;
  112.   background: none;
  113.   border: none;
  114. }
  115.  
  116. a.tag:hover,
  117. h5 a:hover {
  118.   background: #452b4a !important;
  119.   color: #ffffff !important;
  120. }
  121.  
  122. a.current {
  123.   background: #fff !important;
  124. }
  125.  
  126. h1,
  127. .module h1,
  128. h2,
  129. .module h2,
  130. h3,
  131. .module h3,
  132. h3.heading,
  133. .splash .module h3,
  134. h4,
  135. .module h4,
  136. h5,
  137. .module h5,
  138. h6,
  139. .module h6,
  140. .heading,
  141. .heading a {
  142.   font-family: 'lucida sans unicode';
  143.   line-height: inherit;
  144.   color: #452b4a;
  145. }
  146.  
  147. .statistics .index li:nth-of-type(even) {
  148.   background: #ddd !important;
  149. }
  150.  
  151. form dl {
  152.   border: 0;
  153. }
  154.  
  155. form dt {
  156.   border-bottom: 1px solid #452b4a;
  157. }
  158.  
  159. .notice {
  160.   color: #111;
  161. }
  162.  
  163. .hidden,
  164. body .hidden,
  165. .actions .hidden,
  166. .actions a.hidden {
  167.   position: static;
  168.   display: none;
  169.   z-index: 9999999999;
  170. }
  171.  
  172. fieldset,
  173. fieldset dl dl,
  174. fieldset fieldset fieldset,
  175. fieldset fieldset dl dl,
  176. dd.hideme,
  177. form blockquote.userstuff {
  178.   background: #ddd;
  179.   border: 1px solid #452b4a;
  180.   box-shadow: none;
  181.   color: #452b4a !important;
  182.   display: block;
  183. }
  184.  
  185. .listbox,
  186. fieldset fieldset.listbox {
  187.   display: inline-block;
  188.   background: transparent;
  189.   border: none;
  190.   box-shadow: none;
  191.   margin: 0 0 30px 0;
  192. }
  193.  
  194. .listbox .index {
  195.   background: transparent;
  196.   box-shadow: none;
  197.   padding: 10px;
  198. }
  199.  
  200. .listbox>.heading {
  201.   background: #452b4a !important;
  202. }
  203.  
  204. .home .header h2 {
  205.   color: #452b4a;
  206. }
  207.  
  208. .listbox>.heading {
  209.   color: #fff;
  210.   text-transform: uppercase;
  211.   font-family: 'lucida sans unicode';
  212.   padding: 6px 17pt 5px 17px;
  213. }
  214.  
  215. .wrapper {
  216.   box-shadow: none;
  217. }
  218.  
  219. #dashboard .current {
  220.   background: #ffffff;
  221.   border-radius: 0;
  222.   color: #452b4a;
  223. }
  224.  
  225. #dashboard a {
  226.   border-radius: 0;
  227.   color: #ffffff;
  228. }
  229.  
  230. #dashboard a:hover {
  231.   background: #ffffff;
  232.   border-radius: 0;
  233.   border: 0;
  234.   color: #452b4a;
  235. }
  236.  
  237. #dashboard ul {
  238.   border-top: 2px solid #ffffff;
  239.   display: block;
  240.   float: none;
  241.   position: relative;
  242.   text-align: center;
  243. }
  244.  
  245. #dashboard,
  246. #dashboard.own {
  247.   background: #452b4a;
  248.   border-radius: 0;
  249.   border: 1px solid #452b4a;
  250.   color: #ffffff;
  251.   height: 100%;
  252. }
  253.  
  254. .navigation a,
  255. .navigation a:link,
  256. .action,
  257. .navigation:link,
  258. .navigation label,
  259. .navigation input,
  260. .navigation input:hover {
  261.   background-image: none !important;
  262.   background: #452b4a;
  263.   border-radius: 0;
  264.   border: 0;
  265.   box-shadow: none;
  266.   color: #ffffff;
  267.   cursor: pointer;
  268.   display: inline-block;
  269.   font-family: 'lucida sans unicode';
  270.   height: auto;
  271.   overflow: visible;
  272.   position: relative;
  273.   text-decoration: none;
  274.   vertical-align: middle;
  275.   white-space: nowrap;
  276.   width: auto;
  277. }
  278.  
  279. #header {
  280.   background: transparent;
  281.   border-bottom: 1px solid white;
  282.   display: block;
  283.   font-size: .875em;
  284.   width: 100%;
  285.   z-index: 999999;
  286. }
  287.  
  288. #header .primary {
  289.   background: #452b4a;
  290.   box-shadow: none;
  291.   letter-spacing: 1px;
  292.   padding: 5px 0;
  293.   vertical-align: middle;
  294. }
  295.  
  296. #header .heading a {
  297.   color: #452b4a;
  298. }
  299.  
  300. #header .menu li {
  301.   border-bottom: 1px solid #452b4a;
  302.   margin: 0;
  303. }
  304.  
  305. #header .menu .current {
  306.   background: #452b4a;
  307.   color: #fff;
  308. }
  309.  
  310. #header .heading,
  311. #login,
  312. #greeting {
  313.   padding: 10px 10px;
  314. }
  315.  
  316. #header .user,
  317. #header .user a {
  318.   color: #452b4a !important;
  319.   letter-spacing: 1px;
  320. }
  321.  
  322. #header .menu,
  323. #small_login,
  324. #header .dropdown:hover .current+.menu {
  325.   background-image: none;
  326.   background: #fff;
  327.   box-shadow: none;
  328.   color: #452b4a !important;
  329.   display: none;
  330.   font-weight: normal;
  331.   margin: 0;
  332.   position: absolute;
  333.   width: auto;
  334.   z-index: 55;
  335. }
  336.  
  337. #header .dropdown .menu a,
  338. #header .dropdown .menu .current {
  339.   background: transparent;
  340.   display: block;
  341.   font-weight: normal;
  342.   line-height: 1em;
  343.   margin: 0;
  344.   color: #452b4a;
  345. }
  346.  
  347. #header .user a:hover,
  348. #header .user a:focus,
  349. #header .user .current {
  350.   border-radius: 0;
  351.   color: #ffffff;
  352. }
  353.  
  354. #header .actions a:hover,
  355. #header .actions a:focus,
  356. #header .dropdown:hover a,
  357. #header .open a {
  358.   background: #fff;
  359. }
  360.  
  361. .dropdown,
  362. .dropdown a,
  363. a:visited {
  364.   color: #452b4a;
  365. }
  366.  
  367. #footer {
  368.   background: #452b4a;
  369.   border-top: 2px solid;
  370.   color: #fff;
  371.   float: left;
  372.   font-size: .9em;
  373.   position: relative;
  374.   width: 100%;
  375. }
  376.  
  377. #footer a {
  378.   font-size: .9em;
  379. }
  380.  
  381. a.current,
  382. .actions a,
  383. .actions a:link,
  384. .action,
  385. .action:link,
  386. .actions input,
  387. input[type="submit"],
  388. button,
  389. .actions label,
  390. .actions a:hover,
  391. .actions input:hover,
  392. .actions a:focus,
  393. .actions input:focus,
  394. label.action:hover,
  395. .action:hover,
  396. .action:focus,
  397. .actions a:visited,
  398. .action:visited,
  399. .action a:link,
  400. .action a:visited {
  401.   background-image: none;
  402.   background: #452b4a;
  403.   border-radius: 0;
  404.   color: #fff;
  405.   font-family: 'lucida sans unicode';
  406. }
  407.  
  408. .current {
  409.   background: #fff;
  410.   border: 1px solid #452b4a;
  411.   color: #452b4a !important;
  412.   box-shadow: none;
  413.   border-radius: 0;
  414. }
  415.  
  416. .actions input,
  417. #site_search,
  418. .actions input:hover,
  419. #site_search:hover {
  420.   background-image: none !important;
  421.   background: #fff;
  422.   border-radius: 0;
  423.   font-family: 'lucida sans unicode';
  424. }
  425.  
  426. .filters .submit input {
  427.   border: 0;
  428.   color: #fff !important;
  429.   background: #452b4a;
  430.   font-family: 'lucida sans unicode';
  431. }
  432.  
  433. ol.pagination.actions a {
  434.   border: 0;
  435.   color: #fff;
  436. }
  437.  
  438. p.actions input,
  439. li.actions,
  440. .actions li a,
  441. fieldset.actions input,
  442. dd.actions input,
  443. dd.actions input:hover,
  444. .actions li input,
  445. .actions li input[type="submit"] {
  446.   background: #452b4a;
  447.   border: none !important;
  448.   color: #fff;
  449.   height: auto;
  450.   vertical-align: middle;
  451.   font-weight: normal;
  452.   font-family: 'lucida sans unicode';
  453.   box-shadow: none !important;
  454. }
  455.  
  456. ul.actions li input {
  457.   background: #452b4a;
  458.   border: 0;
  459.   color: #fff;
  460.   font-family: 'lucida sans unicode';
  461. }
  462.  
  463. .bookmark .actions a {
  464.   border: 0 !important;
  465.   color: #ffffff !important;
  466.   margin: 10px 0px 10px 0px;
  467.   font-family: 'lucida sans unicode';
  468. }
  469.  
  470. .bookmark .user {
  471.   margin-top: 0px;
  472.   padding: 10px 10px;
  473. }
  474.  
  475. .blurb .datetime {
  476.   position: absolute;
  477.   top: 0;
  478.   right: 0;
  479.   margin: 10px 10px 0 0;
  480. }
  481.  
  482. .bookmark p.status {
  483.   position: absolute;
  484.   right: 65px;
  485.   margin-top: 40px;
  486.   z-index: 1;
  487. }
  488.  
  489. dl.meta {
  490.   border: 1px solid #452b4a;
  491.   margin: 3em auto;
  492.   padding: 2em;
  493. }
  494.  
  495. dl.stats+.landmark+.actions a {
  496.   clear: none;
  497.   float: left;
  498.   margin: 0 0 0 5px !important;
  499.   color: #ffffff;
  500. }
  501.  
  502. li.blurb {
  503.   border: 1px solid #452b4a;
  504.   padding: 2em;
  505.   margin-bottom: 2em;
  506. }
  507.  
  508. .blurb .relationships {
  509.   background: none;
  510.   font-style: italic;
  511. }
  512.  
  513. .blurb blockquote {
  514.   border-bottom: 1px solid #452b4a;
  515.   border-top: 1px solid #452b4a;
  516.   padding: 2em;
  517. }
  518.  
  519. .blurb dl.stats {
  520.   margin-bottom: 15px;
  521. }
  522.  
  523. .blurb ul.required-tags li {
  524.   margin-bottom: 3px !important;
  525. }
  526.  
  527. ul.tags {
  528.   padding-right: .1em;
  529. }
  530.  
  531. ul.tags li.warnings:first-child:before {
  532.   color: #111;
  533.   content: "Archive Warnings: ";
  534.   font-weight: bold;
  535. }
  536.  
  537. ul.tags li.warnings,
  538. ul.tags li.relationships,
  539. ul.tags li.characters,
  540. ul.tags li.freeforms {
  541.   float: left !important;
  542. }
  543.  
  544. li.relationships a.tag {
  545.   background: #452b4a;
  546.   color: #ffffff;
  547. }
  548.  
  549. li.warnings + li.characters:before {
  550.   color: #111;
  551.   content: "Characters: ";
  552.   font-weight: bold;
  553. }
  554.  
  555. li.relationships + li.characters:before {
  556.   color: #111;
  557.   content: "Characters: ";
  558.   font-weight: bold;
  559. }
  560.  
  561. li.warnings + li.relationships:before {
  562.   color: #111;
  563.   content: "Relationships: ";
  564.   font-weight: bold;
  565. }
  566.  
  567. li.characters + li.freeforms:before {
  568.   color: #111;
  569.   content: "Freeform: ";
  570.   font-weight: bold;
  571. }
  572.  
  573. li.warnings + li.relationships,
  574. li.relationships + li.characters,
  575. li.characters + li.freeforms,
  576. li.warnings + li.characters,
  577. li.warnings + li.freeforms,
  578. li.relationships + li.freeforms {
  579.   clear: left;
  580.   padding: none;
  581. }
  582.  
  583. .listbox .index {
  584.   background: transparent;
  585.   box-shadow: none;
  586. }
  587.  
  588. .listbox,
  589. fieldset fieldset.listbox {
  590.   background: transparent;
  591.   border: none;
  592.   box-shadow: none;
  593. }
  594.  
  595. .own {
  596.   background: #ddd;
  597. }
  598.  
  599. .meta dt {
  600.   font-weight: bold;
  601. }
Add Comment
Please, Sign In to add comment