Advertisement
lacqueried

just desserts in blueberry jam

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