Advertisement
lacqueried

just desserts in key lime

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