Advertisement
lacqueried

just desserts in flan

Dec 9th, 2012
411
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 9.66 KB | None | 0 0
  1. /*----------------------------------------------
  2.  
  3.  
  4. layout name: just desserts in flan
  5. layout base: tabula rasa
  6. updated: 8/03/14
  7.  
  8. chimney.dreamwidth.org / pastries.dreamwidth.org
  9. do not redistribute without credit.
  10.  
  11.  
  12. -----------------------------------------------*/
  13.  
  14. /*FONTS*/
  15. @font-face {
  16.   font-family: 'Oswald';
  17.   font-style: normal;
  18.   font-weight: 300;
  19.   src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  20. }
  21.  
  22. @font-face {
  23.   font-family: 'Playball';
  24.   font-style: normal;
  25.   font-weight: 400;
  26.   src: local('Playball'), local('Playball-Regular'), url(http://themes.googleusercontent.com/static/fonts/playball/v3/QS5qjU-Gc2sqWEq5kDfWQfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  27. }
  28.  
  29. #module-jump-link { display: none; }
  30.  
  31. /*EVERYTHING ELSE*/
  32. H1, H2, H3 {
  33.     margin: .25em 0;
  34.     padding: .25em 0;
  35. }
  36.  
  37. img {
  38.     border: none;
  39. }
  40.  
  41. hr {
  42.     display: none;
  43. }
  44. .entry-content hr,
  45. .comment-content hr {
  46.     display: block;
  47.     margin: 1em 10%;
  48. }
  49.  
  50. body {
  51.     color:#2B1C18;
  52. font-family:tahoma;
  53.     font-size: 10pt;
  54.     line-height:1.3em;
  55.     padding: 0;
  56.     background: #FFE9C4;
  57.    
  58. }
  59.  
  60. html body {
  61.     margin-left: 0em;
  62.     margin-right: 0em;
  63. }
  64.  
  65. a { text-decoration:none;font-weight:normal; color:#804F28;}
  66. a:visited {  }
  67. a:hover {  }
  68. a:active {  }
  69.  
  70. q { font-style: italic; }
  71.  
  72. .one-column #content { float: none; width:100%; margin: 0 auto; }
  73. .two-columns-left #content,
  74. .three-columns-sides #content {
  75.     border-left: 15em solid transparent;
  76. }
  77. .two-columns-right #content,
  78. .three-columns-sides #content {
  79.     border-right: 15em solid transparent;
  80. }
  81. .three-columns-left #content {
  82.     border-left: 30em solid transparent;
  83. }
  84. .three-columns-right #content {
  85.     border-right: 30em solid transparent;
  86. }
  87. .column-right #content {
  88.     min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
  89. }
  90.  
  91. #content-footer {
  92.     height: 0;
  93.     font-size: 0; /*to make IE happy*/
  94.     clear: both;
  95. }
  96.  
  97. #header, #footer {
  98.     margin: 0;
  99.     clear: both;
  100.     padding: .5em;
  101. }
  102.  
  103. #header {
  104.     margin:0;
  105.     padding:10px 0 15px 0;
  106.     text-align:center;
  107.     font-weight:normal;
  108.     background: transparent;
  109. line-height:1em;    
  110. }
  111.  
  112. h1#title {
  113.     font-weight:normal;
  114.     font-size:38pt;
  115. font-family: playball;
  116.     color:#804F28;
  117.    
  118. }
  119.  
  120. h2#pagetitle{display:none;}
  121.  
  122. h2#subtitle{
  123.     letter-spacing:2px;
  124.     text-transform:uppercase;
  125.     font-weight:normal;
  126.     font-size:20pt;
  127.     color:#D1AC56;
  128. font-family:oswald;
  129. }
  130.  
  131. #footer {
  132.     background: transparent;
  133. }
  134.  
  135. #footer a {  }
  136. #footer a:visited {  }
  137. #footer a:hover {  }
  138. #footer a:active {  }
  139.  
  140. #primary {
  141.     float: none;
  142.     width:550px;
  143.     padding:0;
  144.     margin: 0 auto;
  145. }
  146.  
  147.  
  148. #secondary {
  149.     border-top:8px solid #D1AC56;
  150.     border-bottom: 8px solid #804F28;
  151.     min-height:150px;
  152.     width: 100%;
  153.     background:#2B1C18;
  154.     text-align:center;
  155. margin:15px auto 40px auto;
  156. }
  157.  
  158.  
  159. #tertiary { width: auto; }
  160.  
  161. .bottomnav {
  162.     width:100%;
  163.     text-align:left;
  164.     font-family:oswald;
  165.     text-transform:uppercase;
  166.     letter-spacing:2px;
  167. }
  168.  
  169. .topnav, .page-top {display:none;}
  170.  
  171. .navigation ul {
  172.     margin-left: 0;
  173.     padding-left: 0;
  174. }
  175. .navigation li {
  176.     display: inline;
  177.     padding: 0 .5em;
  178. }
  179. .noentries {
  180.     padding: 0 .5em;
  181. }
  182.  
  183. /* entries */
  184.  
  185.  
  186. .entry {
  187.     padding: 20px 0 20px 0;
  188.     border-bottom: 1px solid #4D2013;
  189.     margin:0 auto;
  190.     width:550px;
  191.     background: transparent;
  192.    
  193. }
  194.  
  195. .entry:first-child{
  196.     border-top: 0px!important;
  197. }
  198.  
  199. .entry .userpic{
  200.     float:left;
  201.     margin-left:-120px;
  202. }
  203.  
  204. .entry .poster {float:left;
  205.     margin: 120px 0 0 -120px;
  206.     width:100px;
  207.     text-align:center;
  208.     font-family:oswald;
  209.     text-transform:uppercase;}
  210.  
  211. .entry .poster img {
  212.     display:none;
  213. }
  214.  
  215. .entry .userpic img{
  216.     -webkit-border-radius: 100px 20px 5px 20px;
  217.         border-radius: 100px 20px 5px 20px;
  218. }
  219.  
  220. .entry .header {
  221.     padding: 0 0 10px 0;
  222. }
  223. .entry .entry-title {
  224.     padding:0 0 5px 0;
  225.     font-size:28pt;
  226.     font-family:playball;
  227. }
  228.  
  229. .entry .entry-title, .entry .entry-title a {
  230.     color:#D1AC56;
  231.    
  232. }
  233.  
  234. .no-subject .entry .entry-title {
  235.     background: none;
  236.     border: none;
  237. }
  238.  
  239. .datetime, .datetime a {
  240.     font-size:12pt;
  241.     letter-spacing:1px;
  242.     padding:0;
  243.         line-height:1em;
  244.     color:#4D2013;
  245. font-family:oswald;}
  246.  
  247. .entry .entry-content{
  248.     min-height:130px;
  249. }
  250.  
  251. .tags-container ul{list-style:square;}
  252.  
  253. /* To prevent overlapping when icon's on the left */
  254. /* and list is the first thing in content */
  255. .entry-content li,
  256. .comment-content li {
  257.     list-style-position: inside;
  258.     }
  259.  
  260. .metadata-item {color:#804F28;}
  261.  
  262. .metadata-label {font-weight:bold; color:#2B1C18;}
  263. .metadata ul {
  264. line-height:1em;
  265.     display: inline;
  266.     list-style: none;
  267.     margin: 0;
  268.     padding: 0;
  269. }
  270. .metadata li {
  271.     margin: 0;
  272. }
  273. .metadata.top-metadata ul {
  274.     margin: 0;
  275. }
  276. .metadata.top-metadata {
  277.     margin: 0;
  278. }
  279.  
  280. .tag ul {
  281.     display: inline;
  282.     margin-left: .5em;
  283.     padding-left: 0;
  284. }
  285. .tag ul li {
  286.     display: inline;
  287.     padding: .25em;
  288. } /* same for month view */
  289.  
  290. ul.entry-management-links {
  291. text-transform:uppercase;
  292.     margin-left: 0;
  293.     padding-left: 0;
  294. }
  295. ul.entry-management-links li {
  296.     display: inline;
  297.     padding: 0 .25em;
  298. }
  299.  
  300. ul.entry-interaction-links {
  301. text-transform:uppercase;
  302.     margin-left: 0;
  303.     padding-left: 0;
  304.     text-align: right;
  305. }
  306.  
  307. .entry-interaction-links a {  }
  308.  
  309. ul.entry-interaction-links li {
  310.     display: inline;
  311.     padding: 0 .25em;
  312. }
  313.  
  314. /* comments */
  315.  
  316. .comment-wrapper {
  317.     padding: .5em 0;
  318.     min-width: 15em;
  319. }
  320.  
  321. .comment .comment-title {
  322.    
  323.     margin: 0;
  324. }
  325.  
  326. .comment .comment-title, .comment .comment-title a {
  327.    
  328. }
  329.  
  330. .no-subject .comment .comment-title {
  331.     background: none;
  332.     border: none;
  333. }
  334.  
  335. ul.comment-management-links {
  336.     margin-left: 0;
  337.     padding-left: 0;
  338.     text-align: right;
  339. }
  340. ul.comment-management-links li {
  341.     display: inline;
  342.     padding: 0 .25em;
  343. }
  344.  
  345. ul.comment-interaction-links {
  346.     margin-left: 0;
  347.     padding-left: 0;
  348. }
  349. ul.comment-interaction-links li {
  350.     display: inline;
  351.     padding: 0 .25em;
  352. }
  353.  
  354. textarea#commenttext {
  355.     width: 100%; /* fix for FF form width glitch */
  356. }
  357.  
  358. /* archive */
  359.  
  360. table.month {
  361.     margin: 10px auto 10px auto;
  362.     border-collapse: collapse;
  363. }
  364. table.month td {
  365.     min-height: 30px;
  366. }
  367. table.month td,
  368. table.month th {
  369.     border: 1px solid; /* ? */
  370.     padding: 5px;
  371. }
  372. table.month td p {
  373.     margin: 0;
  374.     padding: 3px;
  375. }
  376.  
  377. .month dl .time {
  378.     padding-right: .5em;
  379. }
  380.  
  381. .month h3 {
  382. font-weight:normal;
  383.     display: inline;
  384.     font-size: 16pt;
  385. }
  386. .page-month .month .entry-poster {
  387.     margin-right: .5em;
  388. }
  389. .month dl .tag ul {
  390.     margin-top: 0;
  391. }
  392.  
  393. .month .footer {padding: 0 0 20px 0;
  394. text-align:center;}
  395.  
  396. /* icons */
  397.  
  398. .sorting-options ul {
  399.     margin-left: 0;
  400. }
  401.  
  402. .sorting-options ul li {
  403.     display: inline;
  404. }
  405.  
  406. .icon-keywords ul {
  407.     display: inline;
  408.     margin-left: .5em;
  409.     padding-left: 0;
  410. }
  411.  
  412. .icon-keywords ul li {
  413.     display: inline;
  414.     padding: .25em;
  415. }
  416.  
  417. /* modules */
  418.  
  419. .module-time, .module-powered, .module-cuttagcontrols, .module-tags_list, .module-pagesummary {
  420.     display:none!important;
  421. }
  422.  
  423. .module {
  424.     min-width:100px;
  425.     padding:0;
  426.     border-right: 1px solid #D1AC56;
  427.     color:#FFE9C4;
  428.     padding:10px;
  429.     vertical-align:top;
  430.     display:inline-block;
  431.     background: transparent;
  432.     text-align:left;
  433. }
  434.  
  435. .module:first-child{border-left: 1px solid #D1AC56;}
  436.  
  437. .module a { color:inherit; }
  438.  
  439. .module h2, .module h2 a {
  440. font-weight:normal;
  441.     color:#D1AC56;
  442.     padding:0 0 10px 0;
  443.     margin:0;
  444.     font-family:oswald;
  445.    
  446. }
  447.  
  448. .module
  449. .module-content {
  450.  
  451. }
  452.  
  453. .module-userprofile .module-content {
  454.     text-align:center;
  455. }
  456.  
  457. .module-userprofile .journal-name{margin: 5px 0 0 0;}
  458.  
  459. .module-userprofile img{
  460. -webkit-border-radius: 100px 20px 5px 20px;
  461.         border-radius: 100px 20px 5px 20px;
  462. }
  463.  
  464. .module-navlinks {
  465. padding-top:38px;
  466. }
  467.  
  468. .module-content ul {
  469.     line-height:1em;
  470.     list-style: none;
  471.     margin: auto 0;
  472.     padding: 0;
  473. }
  474. .module-content li {
  475.     lie-height:!em;
  476.     list-style:none;
  477.     margin: 0;
  478.     padding:0;
  479. }
  480.  
  481. ul.userlite-interaction-links.icon-links {
  482.     display:none;
  483.     margin-left: 0;
  484.     padding-left: 0;
  485. }
  486.  
  487. ul.userlite-interaction-links.icon-links li {
  488.     display: inline;
  489.     padding: 0 .20em;
  490. }
  491.  
  492. ul.userlite-interaction-links.text-links {
  493.     display:none;
  494.     text-align: left;
  495. }
  496.  
  497. .module-calendar .module-content {
  498.     text-align: center;
  499. }
  500.  
  501. .one-column .module-calendar .module-content {
  502.     text-align: left;
  503. }
  504.  
  505. .module-calendar table {
  506.     margin: 0 auto;
  507. }
  508.  
  509. .one-column .module-calendar table {
  510.     margin: 0;
  511. }
  512.  
  513. .module-calendar td {
  514.     padding: 1px;
  515. }
  516. .module-calendar td a {
  517.     display: block;
  518.     padding: 2px;
  519. }
  520.  
  521. .module-search {
  522. display:none;
  523.     margin: .2em auto;
  524.     max-width: 100%;
  525. }
  526.  
  527. /* wrap long content, particularly openid usernames */
  528. .module-pagesummary .ljuser {
  529.     white-space: normal !important;
  530. }
  531. .module-pagesummary .module-content {
  532.     word-wrap: break-word;
  533. }
  534. .module-credit dt, .module-credit dd {
  535.     display: inline;
  536.     margin: 0;
  537.     padding: 0;
  538. }
  539. .module-credit dt {
  540.     font-weight: bold;
  541.     margin-right: 0.5em;
  542. }
  543.  
  544. .tags_cloud li, .module-tags_cloud li { display: inline; }
  545.  
  546. .module-syndicate .module-content {
  547.     text-align: center;
  548. }
  549.  
  550. .one-column .module-syndicate .module-content {
  551.     text-align: left;
  552. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement