API tools faq
paste
alexandrine

Untitled

alexandrine
Oct 4th, 2016
136
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 16.01 KB | None | 0 0
raw download clone embed print report
  1. /* Walthers (Maggie) - layout by manual@dw
  2. For the Brittle theme
  3. Patterns from http://subtlepatterns.com/, used with permission under Creative Commons License */
  4.  
  5. body {
  6.     padding: 0;
  7.     background: #111 url(http://i.imgur.com/o9WL7x5.png);
  8.     font-family: Tahoma, Arial, sans-serif; font-size: 1em;
  9.     color: #222;
  10.     line-height: 1.6em;
  11.     text-align: center;
  12.     }
  13.  
  14.     html body {
  15.         margin-left: 0em;
  16.         margin-right: 0em;
  17.         }
  18.  
  19. .entry img { border: none; opacity: 0.7; filter: alpha(Opacity=70); }
  20.  
  21. .entry img:hover { opacity: 1; filter: alpha(Opacity=1); }
  22.  
  23. a { text-decoration: none; font-variant: small-caps; text-shadow: 1px 1px #cecece; }
  24. a, a:link { color: #cc0000;   }
  25. a:visited { color: #777; }
  26. a:hover { color: #ff0000; }
  27.  
  28. q { font-style: italic; }
  29.  
  30. #canvas {
  31.     margin: 0 auto;
  32.     padding: 5% 0;
  33.     padding-left: 15%;
  34.     text-align: justify;
  35.     width: 85%;
  36. }
  37.  
  38. #primary {
  39.     float: left;
  40.     width: 65%;
  41.     text-align: justify;
  42.     margin-right: 3%;
  43.     }
  44.  
  45. #secondary {
  46.     float: left;
  47.     width: 15em;
  48.     margin: 1px 0 0 0;
  49.     padding: 0 1em;
  50.     font-size: 1em;
  51. }
  52.  
  53. #tertiary {
  54.     background-color: #ffffff;
  55.     clear: both;
  56.     color: #7a7a7a;
  57.     line-height: 125%;
  58.     margin-right: auto;
  59.     width: 45%;
  60.     }
  61.  
  62. #tertiary > .inner:first-child { }
  63.  
  64. #tertiary .separator-after { clear: both; }
  65.  
  66.  
  67. /*--- header + footer ---*/
  68.  
  69. #header {
  70.     display: inline-block;
  71.     width: 85%;
  72.     background: transparent!important;
  73.     color: #fff;
  74.     font-family: 'Century Gothic', 'Geneva', sans-serif;
  75.     margin-bottom: 20px;
  76.     margin-left: -80px;
  77.     letter-spacing: 0.1em;
  78. }
  79.  
  80. h1#title {
  81.     font-size: 2.5em;
  82.     font-weight: bolder;
  83.     text-transform: uppercase;
  84.     padding-top: 20px 0 0 0;
  85. }
  86.  
  87. h2#subtitle  {
  88.     font-size: 1.5em;
  89.     font-weight: bolder;
  90.     text-transform: uppercase;
  91.     padding-bottom: 20px 0 0 0;
  92. }
  93.  
  94. h2#pagetitle {
  95.     display: none;
  96. }
  97.  
  98. #footer {
  99.     background: transparent!important;
  100.     width: 65%;
  101.     font-size: 1em;
  102.     font-weight: lighter;
  103.     text-transform: uppercase;
  104.     text-align: left;
  105.     clear: both;
  106.     margin-top: 10px;
  107.     margin-right: auto;
  108. }
  109.  
  110. #footer a, #footer a:link, #footer a:active { color: #fff; }
  111. #footer a:visited { color: #999; }
  112. #footer a:hover { color: #cc0000; }
  113.  
  114. #footer .inner { padding: 10px; }
  115.  
  116.  
  117. /*--- prev/next navigation ---*/
  118.  
  119. li.page-back, li.page-forward {
  120.     display: inline;
  121.     list-style: none;
  122.     padding: 0;
  123.     margin: 0;
  124.     }
  125.  
  126. li.page-separator { display: none; }
  127.  
  128. div.navigation ul {
  129.     display: inline;
  130.     padding: 0;
  131.     margin: 0;
  132.     }
  133.  
  134. /*--- entry ---*/
  135.  
  136. .entry {
  137.     background: #ffffff;
  138.     color: #111;
  139.     padding: 20px;
  140.     border-top: 15px solid #330000;
  141.     border-left: 15px solid #330000;
  142.     border-right: 15px solid #808080;
  143.     border-bottom: 15px solid #808080;
  144.     margin: 0 0 10px 0;
  145.     margin-left: -80px;
  146.     font-family: Tahoma, Arial, sans-serif;
  147.     font-size: 0.75em;
  148.     }
  149.  
  150. .entry a, #tertiary a {
  151.     color: ;
  152.     }
  153.  
  154. .entry a:visited, #tertiary a:visited {
  155.     color: #777;
  156.     }
  157.  
  158. .entry a:hover, #tertiary a:hover {
  159.     color: #ff0000;
  160.     }
  161.  
  162. .entry-content { margin: 10px 0 0 0; }
  163.  
  164. .entry .header {
  165.     padding: 0;
  166.     margin: 0 0 10px 0;
  167.     border-bottom: 1px dotted #999;
  168.     }
  169.  
  170. h3.entry-title {
  171.     margin: 0;
  172.     padding: 0;
  173.     font-family: 'Helvetica', 'Geneva', sans-serif; font-size: 2.5em;
  174.     font-weight: normal;
  175.     font-variant: small-caps;
  176.     letter-spacing: 1px;
  177.     color: #000;
  178.     }
  179.  
  180. h3.entry-title a { color: #000; text-shadow: 3px 0 #330000; }
  181.  
  182. .datetime {
  183.     font-family: Helvetica, Georgia, sans-serif; font-size: 0.8em;
  184.     text-transform: uppercase;
  185.     color: #999;
  186.     }
  187. .datetime a { color: #666; }
  188.  
  189. div.entry div.userpic {
  190.     display: block;
  191.     margin: 0;
  192.     }
  193.  
  194. div.entry div.userpic img {
  195.     display: none;
  196.     }
  197.  
  198. span.poster {
  199.     font-family: Helvetica, Arial, sans-serif; font-size: 0.6em;
  200.     text-transform: uppercase;
  201.     }
  202.  
  203. .metadata { margin: 1.25em 0 0 0; }
  204.  
  205. .metadata.top-metadata { margin: 10px 0 1.25em 0; }
  206.  
  207. div.metadata ul {
  208.     padding: 0;
  209.     margin: 0;
  210.     }
  211.  
  212. div.metadata ul li {
  213.     list-style: none;
  214.     font-size: 90%;
  215.     font-weight: normal;
  216.     text-transform: lowercase;
  217.     color: #666;
  218.     letter-spacing: 0;
  219.     padding: 0;
  220.     }
  221.  
  222. span.tag-text {
  223.     list-style: none;
  224.     font-size: 90%;
  225.     text-transform: uppercase;
  226.     display: none;
  227.     }
  228.  
  229. div.tag ul {
  230.     padding: 0 0 0 13px;
  231.     margin: 30px 0 0 0;
  232.     display: inline;
  233.     }
  234.  
  235. div.tag ul li {
  236.     display: inline;
  237.     list-style: none;
  238.     font-size: 90%;
  239.     font-weight: normal;
  240.     text-transform: lowercase;
  241.     color: #cc0000;
  242.     letter-spacing: 0;
  243.     margin-top: 25px;
  244.     margin-left: -10px;
  245.     padding-top: 10px;
  246.     }
  247.  
  248. ul.module-list {
  249.     list-style: none;
  250.     padding-bottom: 20px;
  251.     }
  252.  
  253. ul.module-list li {
  254.     padding: 0;
  255.     list-style: none;
  256.     }
  257.  
  258. ul.module-list-item {
  259.     list-style: none;
  260.     }
  261.  
  262. ul.module-list-item li {
  263.     padding: 0;
  264.     list-style: none;
  265.     }
  266.  
  267. ul.entry-management-links {
  268.     padding: 0;
  269.     margin: 30px 0 0 0;
  270.     text-align: center;
  271.     }
  272.  
  273. ul.entry-management-links li {
  274.     display: inline;
  275.     list-style: none;
  276.     font-size: 90%;
  277.     font-weight: normal;
  278.     text-transform: uppercase;
  279.     color: #cc0000;
  280.     letter-spacing: 0;
  281.     padding: 0 5px 0 0;
  282.     }
  283.  
  284. ul.entry-interaction-links {
  285.     padding: 0 0 5px 0;
  286.     margin: 10px 0 0 0;
  287.     text-align: center;
  288.     }
  289.  
  290. ul.entry-interaction-links li {
  291.     display: inline;
  292.     list-style: none;
  293.     font-size: 90%;
  294.     font-weight: normal;
  295.     text-transform: uppercase;
  296.     color: #cc0000;
  297.     letter-spacing: 0;
  298.     padding: 0 5px 0 0;
  299.     }
  300.  
  301. /*-- archive --*/
  302.  
  303. li.active {
  304.     list-style: none;
  305.     display: inline;
  306.     padding: 0;
  307.     margin: 10px;
  308.     }
  309.  
  310. .month {
  311.     background-color: #ffffff;
  312.     color: #7a7a7a;
  313.     padding: 20px;
  314.     margin: 0;
  315.     }
  316.  
  317. .month h3 {
  318.     font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.7em;
  319.     font-weight: normal;
  320.     text-transform: lowercase;
  321.     letter-spacing: 1px;
  322.     padding: 0;
  323.     margin: 0;
  324.     text-align: right;
  325.     }
  326.  
  327. .month a {
  328.     color: #5f8a92;
  329.     }
  330.  
  331. .month a:visited {
  332.     color: #8da8ad;
  333.     }
  334.  
  335. .month a:hover {
  336.     color: #acc5c9;
  337.     }
  338.  
  339. .navigation ul { display: inline; }
  340. .navigation li { display: inline; list-style: inside; }
  341.  
  342. table.month { border: 0; }
  343. .month caption { display: none; }
  344. .month th {
  345.     text-align: center;
  346.     margin: 0 2px;
  347.     text-transform: lowercase;
  348.     font-weight: normal;
  349.     }
  350. .month td.day {
  351.     font-weight: normal;
  352.     color: #939393;
  353.     }
  354. .month td.day-has-entries {
  355.     font-weight: normal;
  356.     color: #939393;
  357.     }
  358. .month td.day-has-entries p {
  359.     padding: 0 0 0 5px;
  360.     margin: 0;
  361.     display: inline;
  362.     }
  363. .month table {
  364.     width: 100%;
  365.     border: 0;
  366.     margin: auto;
  367.     }
  368.  
  369. td.day {
  370.     padding: 10px;
  371.     border: 0;
  372.     text-align: center;
  373.     }
  374.  
  375.  
  376. /*-- tags --*/
  377.  
  378. .page-tags .tags-container {
  379.     background-color: #ffffff;
  380.     color: #7a7a7a;
  381.     font-family: Georgia, Georgia, sans-serif; font-size: 0.95em;
  382.     padding: 10px;
  383.     margin: 0 0 10px 0;
  384.     }
  385.  
  386. .page-tags .tags-container h2 {
  387.     margin: 0 0 10px 0;
  388.     padding: 0;
  389.     font-family: Georgia, Georgia, sans-serif; font-size: 0.7em;
  390.     border-width: 0 0 1px 0;
  391.     border-style: dotted;
  392.     border-color: #d4d4d4;
  393.     font-weight: normal;
  394.     text-transform: lowercase;
  395.     letter-spacing: 1px;
  396.     color: #939393;
  397.     }
  398.  
  399. .page-tags .ljtaglist { margin: 0; padding: 0; }
  400. .page-tags .ljtaglist li {
  401.     padding: 0 0 0 10px;
  402.     margin: 0;
  403.     text-transform: lowercase;
  404.     letter-spacing: 0;
  405.     list-style: none;
  406.     }
  407.  
  408. .page-tags .tags-container a {
  409.     color: #5f8a92;
  410.     }
  411.  
  412. .page-tags .tags-container a:visited {
  413.     color: #8da8ad;
  414.     }
  415.  
  416. .page-tags .tags-container a:hover {
  417.     color: #acc5c9;
  418.     }
  419.  
  420. .page-tags .tags_cloud { text-align: center; }
  421.  
  422. /*--- comments ---*/
  423.  
  424. #comments {
  425.     font-family: Georgia, Georgia, sans-serif; font-size: 0.95em;
  426.     }
  427.  
  428. .comment-title {
  429.     font-family: Georgia, sans-serif;
  430.     }
  431.  
  432. .comment-title h4 {
  433.     font-size: inherit;
  434.     font-weight: inherit;
  435.     margin: 0;
  436.     padding: 0;
  437. }
  438.  
  439. hr.above-entry-interaction-links, hr.below-reply-container { display: none; }
  440.  
  441. input, textarea {
  442.     background-color: #ffffff;
  443.     color: #939393;
  444.     padding: 2px;
  445.     border: 1px solid #d4d4d4;
  446.     font-family: Helvetica, Georgia, sans-serif;
  447.     font-size: 80%;
  448.     }
  449.  
  450. textarea.textbox  { width: 90%!important; }
  451.  
  452. .poster-ip {
  453.     font-family: Helvetica, Georgia, sans-serif; font-size: 0.6em;
  454.     text-transform: uppercase;
  455.     color: #939393;
  456.     display: block;
  457.     text-align: left;
  458.     }
  459.  
  460. div.comment div.userpic {
  461.     display: block;
  462.     margin: 0;
  463.     }
  464.  
  465. div.comment div.userpic img {
  466.     border: 5px solid #999;
  467.     }
  468.  
  469. .comment {
  470.     background: #ffffff;
  471.     color: #7a7a7a;
  472.     padding: 20px;
  473.     margin: 0;
  474.     }
  475.  
  476. .comment-wrapper { margin: 20px 0; padding: 0; }
  477. .comment-content { margin: 10px 0; }
  478.  
  479. .bottomcomment, .comments-message {
  480.     background: #ffffff;
  481.     color: #7a7a7a;
  482.     padding: 20px;
  483.     margin: 0;
  484.     }
  485.  
  486. .comment a,
  487. .bottomcomment a {
  488.     color: #5f8a92;
  489.     }
  490.  
  491. .comment a:visited,
  492. .bottomcomment a:visited {
  493.     color: #8da8ad;
  494.     }
  495.  
  496. .comment a:hover,
  497. .bottomcomment a:hover {
  498.     color: #acc5c9;
  499.     }
  500.  
  501. .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
  502. .comment-management-links li, .comment-interaction-links li { display: inline; }
  503.  
  504. #qrform table { border: 0!important; }
  505.  
  506. .comment-poster {
  507.     font-family: Helvetica, Georgia, sans-serif; font-size: 0.6em;
  508.     text-transform: uppercase;
  509.     color: #939393;
  510.     }
  511.  
  512. .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
  513. .comment-management-links li, .comment-interaction-links li { display: inline; }
  514.  
  515. table.talkform {
  516.     background: #ffffff;
  517.     color: #7a7a7a;
  518.     font-family: Georgia, Georgia, sans-serif; font-size: 0.95em;
  519.     padding: 10px;
  520.     margin: 0 0 10px 0;
  521.     }
  522.  
  523. table.talkform b {
  524.     color: #7a7a7a;
  525.     }
  526.  
  527. table.talkform a {
  528.     color: #5f8a92;
  529.     }
  530.  
  531. table.talkform a:visited {
  532.     color: #8da8ad;
  533.     }
  534.  
  535. table.talkform a:hover {
  536.     color: #acc5c9;
  537.     }
  538.  
  539. /*-- modules --*/
  540.  
  541. #secondary .module {
  542.     font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.8em; background: #fff; padding: 0; width: 80%;
  543.     border-top: 15px solid #330000;
  544.     border-left: 15px solid #330000;
  545.     border-right: 15px solid #808080;
  546.     border-bottom: 15px solid #808080;
  547.     }
  548.  
  549. #tertiary .module {
  550.     float: left;
  551.     padding: 0.5em 2em;
  552.     font-family: 'Century Gothic', Geneva, sans-serif;
  553.     font-size: 0.8em;
  554.     border-top: 15px solid #330000;
  555.     border-left: 15px solid #330000;
  556.     border-right: 15px solid #808080;
  557.     border-bottom: 15px solid #808080;
  558.     }
  559. #secondary .module-navlinks { font-family: 'Century Gothic', Geneva, sans-serif; font-size: 0.8em; }
  560.  
  561. #tertiary .module-navlinks {
  562.     margin: 0;
  563.     padding: 1em 5%;
  564.     width: 80%;
  565.     }
  566.  
  567. .module-navlinks {
  568.     padding: 10px;
  569.     margin: 0;
  570.     margin-left: 0;
  571.     background-color: #fff;
  572.     font-variant: small-caps;
  573.     }
  574.  
  575. .module-navlinks ul.module-list {
  576.     padding: 10px;
  577.     margin: 0;
  578.     list-style: none;
  579.     }
  580. .module-navlinks ul.module-list li {
  581.     padding: 0;
  582.     margin: 0;
  583.     list-style: none;
  584.     }
  585. .module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color: #333; }
  586. .module-navlinks ul.module-list li a:visited { color: #555; }
  587. .module-navlinks ul.module-list li a:hover { color: #ff0000; }
  588.  
  589.  
  590. .module-calendar { text-align: center; }
  591. .module-customtext, .module-customtext .module-content {
  592.     padding: 10px;
  593.     margin: 0;
  594.     font-family: Tahoma, Arial, sans-serif;
  595.     font-size: 1em;
  596.     line-height: 1.2em;
  597.     text-align: justify;
  598.     }
  599.  
  600. .module-header {
  601.     font-family: 'Century Gothic', Geneva, sans-serif;
  602.     font-size: 1em;
  603.     font-weight: normal;
  604.     letter-spacing: 1px;
  605.     text-align: center;
  606.     text-transform: uppercase;
  607.     border-style: dotted;
  608.     border-width: 0 0 1px 0;
  609.     border-color: #999;
  610.     padding: 10px;
  611.     }
  612.  
  613. .module-customtext .module-header { text-align: center; padding: 10px; }
  614.  
  615. #tertiary .module-header a,
  616. #tertiary .module-header a:link,
  617. #tertiary .module-header a:visited,
  618. #tertiary .module-header a:hover
  619.     { color: #939393;  }
  620.  
  621. .module-userprofile .journal-name,
  622. .module-userprofile .userpic
  623.     { text-align: center; padding: 10px 10px 20px 10px; }
  624.  
  625. .module-userprofile .userpic img {
  626.     background: #111;
  627.     border-top: 15px solid #808080;
  628.     border-left: 15px solid #808080;
  629.     border-right: 15px solid #330000;
  630.     border-bottom: 15px solid #330000;
  631.     padding: 10px;
  632.     margin-bottom: -10px; }
  633.  
  634. ul.userlite-interaction-links.icon-links {
  635.     display: none;
  636.     }
  637.  
  638. ul.userlite-interaction-links.icon-links li {
  639.     display: none;
  640.     }
  641.  
  642. .module-tags_cloud, .module-time, .module-powered { width: 90%; }
  643.  
  644. .tags_cloud li, .module-tags_cloud li { display: inline;
  645.     list-style-type: none; }
  646.  
  647. .manage-link {
  648.     font-size: smaller;
  649.     text-align: right;
  650.     text-transform: uppercase;
  651.     display: none;
  652.     }
  653.  
  654. .module-time, .module-powered {
  655.     border-style:dotted;
  656.     border-width: 0 0 1px 0;
  657.     border-color: #d4d4d4;
  658.     letter-spacing: 1px;
  659.     line-height: 125%;
  660.     text-align: center;
  661.     padding-top: 1em;
  662.     }
  663.  
  664. .module-search .search-form { margin: .2em auto; }
  665. .module-search .search-box { margin: .2em; }
  666.  
  667. #tertiary .module-content ul {
  668.     list-style-image: none;
  669.     list-style-position: outside;
  670.     list-style-type: disc;
  671.     margin-left: 1em;
  672.     padding-left: 0;
  673.     }
  674.  
  675. #tertiary .module-content li {
  676.     margin: 0.5em 0;
  677.     line-height: 100%;
  678.     }
  679.  
  680.  
  681. /*-- extras --*/
  682.  
  683. div.ContextualPopup {
  684.     position: relative;
  685.     margin: 0;
  686.     text-align: justify;
  687.     font-weight: normal;
  688.     font-family: Helvetica, Georgia, sans-serif;
  689.     font-size: 90%;
  690.     color: #939393;
  691.     line-height: 1.8em;
  692.     }
  693.  
  694. div.ContextualPopup div.Inner {
  695.     color: #939393 !important;
  696.     border: 1px dotted #d4d4d4;
  697.     background: #ffffff !important;
  698.     padding: 10px;
  699.     }
  700.  
  701. div.ContextualPopup .Userpic {
  702.     margin: 5px;
  703.     border: 1px dotted #d4d4d4;
  704.     background: #ffffff !important;
  705.     padding: 5px;
  706.     }
  707.  
  708. blockquote {
  709.     background: #efefef url(http://i.imgur.com/2pMMaxx.png);
  710.     border: 1px dotted #e6e6e6;
  711.     font-size: 0.9em;
  712.     padding: 40px 20px;
  713.     margin: 20px;
  714.     color: #222;
  715.     }
  716.  
  717. hr {
  718.     color: transparent;
  719.     height: 1px;
  720.     border-style: none;
  721.     border-bottom: 3px double #e6e6e6;
  722.     }
  723.  
  724.  
  725.         div.entry div.userpic,
  726.         div.comment div.userpic {
  727.             float: left;
  728.             text-align: right;
  729.             }
  730.         div.entry div.userpic {
  731.             margin-left: -105px;
  732.             }
  733.         div.comment div.userpic {
  734.             margin-left: -115px;
  735.             }
  736.  
  737. /*--- Journal Navigation ---*/
  738.  
  739. .navigation {
  740.     font-family: 'MS Gothic', 'Geneva', sans-serif; font-size: 0.9em;
  741.     background: #transparent;
  742.     color: #111;
  743.     border-bottom: none;
  744.     text-transform: uppercase;
  745.     text-align: center;
  746.     margin: 0 0 15px 0;
  747.     padding: 5px;
  748.     }
  749.  
  750. .topnav, .topnav a { display: none; }
  751.        
  752. /*--- Navigation Bar ---*/
  753.  
  754. table#lj_controlstrip td {
  755.     background: #111 url(http://i.imgur.com/o9WL7x5.png);
  756.     border-bottom: 1px dotted #999;
  757.     color: #fff;
  758.     }
  759.  
  760. #lj_controlstrip input {
  761.     background: #ffffff;
  762.     border: 1px dotted #333333;
  763.     color: #333333;
  764.     }
  765.  
  766. #lj_controlstrip a {
  767.     color: #fff; text-shadow: none;
  768.     }
  769.  
  770. #lj_controlstrip_statustext {
  771.     color: #fff;
  772.     }
  773.  
  774. #lj_controlstrip .ljuser a b {
  775.     color: #fff;
  776.     }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!