Advertisement
lacqueried

belledonna in leaves

Nov 10th, 2012
893
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.37 KB | None | 0 0
  1. /*----------------------------------------------
  2.  
  3.  
  4. layout name: belledonna leaves
  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. @font-face {
  15. font-family: 'Playball';
  16. font-style: normal;
  17. font-weight: 400;
  18. src: local('Playball'), local('Playball-Regular'), url(http://themes.googleusercontent.com/static/fonts/playball/v3/QS5qjU-Gc2sqWEq5kDfWQfesZW2xOQ-xsNqO47m55DA.woff) format('woff');
  19. }
  20.  
  21. @font-face {
  22. font-family: 'Trochut';
  23. font-style: italic;
  24. font-weight: 400;
  25. src: local('Trochut Italic'), local('Trochut-Italic'), url(http://themes.googleusercontent.com/static/fonts/trochut/v1/ym5Z6XhAYT8YZO-B3qFY9rO3LdcAZYWl9Si6vvxL-qU.woff) format('woff');
  26. }
  27.  
  28. @font-face {
  29. font-family: 'Trochut';
  30. font-style: normal;
  31. font-weight: 400;
  32. src: local('Trochut'), url(http://themes.googleusercontent.com/static/fonts/trochut/v1/0gkfWnhoYvZ4g1ttFg6syw.woff) format('woff');
  33. }
  34.  
  35. #module-jump-link { display: none; }
  36.  
  37. H1, H2, H3 {
  38. margin: .25em 0;
  39. padding: .25em 0;
  40. }
  41.  
  42. img {
  43. border: none;
  44. }
  45.  
  46. hr {
  47. display: none;
  48. }
  49. .entry-content hr,
  50. .comment-content hr {
  51. display: block;
  52. margin: 1em 10%;
  53. }
  54.  
  55. body {
  56. font-family:tahoma;
  57. font-size: 10pt;
  58. padding: 0;
  59. margin:0;
  60. background: url(http://i.imgur.com/SHRLb.png);
  61.  
  62. }
  63.  
  64. html body {
  65. margin-left: 0em;
  66. margin-right: 0em;
  67. }
  68.  
  69. a , a:link, a:visited, a:hover {
  70. color:#7E8054;
  71. font-weight: normal;
  72. text-decoration:none;}
  73.  
  74. q { font-style: italic; }
  75.  
  76. .one-column #content { float: none; width:100%; margin:0; padding:0; }
  77.  
  78. .column-right #content {
  79. min-width: 15em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
  80. }
  81.  
  82. #content-footer {
  83. height: 0;
  84. font-size: 0; /*to make IE happy*/
  85. clear: both;
  86. }
  87.  
  88. #footer {
  89. display:none;
  90. margin: 0;
  91. clear: both;
  92. padding: 0;
  93. }
  94.  
  95. #header {
  96. color:#707549;
  97. font-family: Playball;
  98. text-align:right;
  99. width:670px;
  100. padding:0;
  101. margin:0 0 0 270px;
  102. padding:15px;
  103. background:transparent;
  104.  
  105. }
  106.  
  107. h1#title {
  108. text-shadow: -1px 1px 0px #ffffff;
  109. filter: dropshadow(color=#ffffff, offx=-1, offy=1);
  110. font-size: 28pt;
  111. line-height:1em;
  112. padding:0;
  113. margin:0;
  114. letter-spacing:-1px;
  115. }
  116.  
  117. h2#subtitle {
  118. text-shadow: -1px 1px 0px #ffffff;
  119. filter: dropshadow(color=#ffffff, offx=-1, offy=1);
  120. font-size: 18pt;
  121. line-height:1em;
  122. padding:0;
  123. margin:0;
  124. letter-spacing:-1px;
  125.  
  126. }
  127.  
  128. #pagetitle, #statistics {display:none;}
  129. #footer {
  130. background: transparent;
  131. }
  132.  
  133. #footer a { }
  134. #footer a:visited { }
  135. #footer a:hover { }
  136. #footer a:active { }
  137.  
  138. #primary {
  139. height:100%;
  140. color:#292B18;
  141. width:640px;
  142. margin:-90px 0 0 250px;
  143. float:none;
  144. padding:100px 30px 30px 30px;
  145. background: #F2F7DC;
  146. border-left: 20px solid #707549;
  147. border-right: 20px solid #292B18;
  148. -webkit-box-shadow: 1px 1px 30px 0px #000000;
  149. box-shadow: 1px 1px 30px 0px #000000;
  150. }
  151.  
  152. #primary a, #primary a:hover, #primary a:visited {
  153. color:#292B18;
  154. font-weight:bold;
  155. }
  156.  
  157. #secondary {
  158. padding: 0 0 0 0;
  159. text-align:right!important;
  160. width: 215px!important;
  161. float: none;
  162. position: absolute;
  163. left: 50px;
  164. top: 130px;
  165. }
  166.  
  167. #tertiary { display:none;}
  168.  
  169. .navigation ul {
  170. margin-left: 0;
  171. padding-left: 0;
  172. }
  173. .navigation li {
  174. display: inline;
  175. padding: 0 .5em;
  176. }
  177. .noentries {
  178. padding: 0 .5em;
  179. }
  180.  
  181. .topnav, .bottomnav {text-align:center; text-transform:uppercase;}
  182.  
  183. .topnav a, .bottomnav a { font-weight:normal!important;}
  184.  
  185. /* entries */
  186.  
  187. .entry {
  188. background: transparent;
  189. margin: 0 0 40px 0;
  190. }
  191.  
  192. .entry .header{
  193. line-height:1em;
  194. text-align:right;
  195. padding: 0 0 3px 0;
  196. }
  197.  
  198. .entry .entry-title, .entry .entry-title a {
  199. padding:0;
  200. margin:0;
  201. line-height:1em;
  202. font-family: Trochut;
  203. font-style: italic;
  204. font-size:22pt;
  205.  
  206. }
  207.  
  208. .no-subject .entry .entry-title {
  209. line-height:1em;
  210. background: none;
  211. border: none;
  212. }
  213.  
  214. .entry .userpic {
  215. width:80px;
  216. height:80px;
  217. padding:20px 20px 20px 0;
  218. background: #292B18;
  219. float:right;
  220. margin:0 -130px 0 0;
  221. -webkit-border-radius: 0 70px 70px 0;
  222. -moz-border-radius: 0 70px 70px 0;
  223. border-radius: 0 70px 70px 0;
  224. }
  225.  
  226. .entry .userpic img {
  227. height:80px;
  228. width:80px;
  229. -webkit-border-radius: 0 50px 50px 0;
  230. -moz-border-radius: 0 50px 50px 0;
  231. border-radius: 0 50px 50px 0;
  232. }
  233.  
  234. .entry .entry-poster img{height:13px; width:13px;}
  235. .entry .entry-poster{
  236. padding:5px 0 20px 0;
  237. display:block;
  238. width:100%;
  239. text-align:right;
  240. line-height:1em;
  241. height:100%;
  242. letter-spacing:2px;
  243. text-transform:uppercase;
  244. font-style:italic;
  245. }
  246.  
  247. .entry .entry-poster a:hover {color:#707549!important;}
  248.  
  249. .entry .entry-content {
  250. padding: 0 0 20px 0;
  251. }
  252.  
  253.  
  254. /* To prevent overlapping when icon's on the left */
  255. /* and list is the first thing in content */
  256. .entry-content li,
  257. .comment-content li {
  258. list-style-position: inside;
  259. }
  260. .metadata-label {font-weight:bold;}
  261.  
  262. .metadata ul {
  263. line-height:1em;
  264. display: inline;
  265. list-style: none;
  266. margin: 0 0 0 5px;
  267. padding: 0;
  268. }
  269. .metadata li {
  270. }
  271. .metadata.top-metadata ul {
  272. margin: 0;
  273. }
  274. .metadata.top-metadata {
  275. }
  276.  
  277. .tag .tag-text {font-weight:bold;}
  278. .tag ul {
  279. display: inline;
  280. margin-left: 10px;
  281. padding-left: 0;
  282. }
  283. .tag ul li {
  284. display: inline;
  285. padding: .25em;
  286. } /* same for month view */
  287.  
  288. .tag ul li a{ font-weight:normal!important;}
  289.  
  290. ul.entry-management-links {
  291. text-align:right;
  292. margin-left: 0;
  293. padding-left: 0;
  294. }
  295. ul.entry-management-links li {
  296. display: inline;
  297. padding: 0 5px;
  298. }
  299.  
  300. ul.entry-interaction-links {
  301. text-style:italic;
  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. .month caption {
  361. font-family: trochut;
  362. font-size:18pt;
  363. }
  364.  
  365. table.month {
  366. margin: 0 auto;
  367. border-collapse: collapse;
  368. }
  369. table.month td {
  370. height: 3.25em;
  371. }
  372. table.month td,
  373. table.month th {
  374. text-align:center;
  375. border: 1px solid; /* ? */
  376. padding: 2px 6px;
  377. }
  378. table.month td p {
  379. margin: 0;
  380. padding: 3px;
  381. }
  382.  
  383. .month .header {display:none;}
  384. .month .footer {
  385. text-align:center;
  386. text-transform:uppercase;
  387. margin:10px 0 20px 0;}
  388.  
  389. .month dl dt {
  390. font-weight: bold;
  391. }
  392. .month dl .time {
  393. padding-right: .5em;
  394. }
  395. .month dl h3 {
  396. display: inline;
  397. font-size: medium;
  398. }
  399. .page-month .month .entry-poster {
  400. margin-right: .5em;
  401. }
  402. .month dl .tag ul {
  403. margin-top: 0;
  404. }
  405.  
  406. /* icons */
  407.  
  408. .sorting-options ul {
  409. margin-left: 0;
  410. }
  411.  
  412. .sorting-options ul li {
  413. display: inline;
  414. }
  415.  
  416. .icon-keywords ul {
  417. display: inline;
  418. margin-left: .5em;
  419. padding-left: 0;
  420. }
  421.  
  422. .icon-keywords ul li {
  423. display: inline;
  424. padding: .25em;
  425. }
  426.  
  427. /* modules */
  428.  
  429. .module {
  430. color:#707549;
  431. background: transparent;
  432.  
  433. }
  434.  
  435. .module-cuttagcontrols, .module-pagesummary, .module-powered, .module-time {display:none;}
  436.  
  437. .module a, .module a:visited, .module a:hover, .module a:active {color:#707549;}
  438.  
  439. .module-header {
  440. margin:0;
  441. padding:6px 20px 6px 0;
  442. font-size:16pt;
  443. line-height:1em;
  444. font-family:trochut;
  445. background:#707549;
  446. -webkit-border-radius: 50px 0 0 50px;
  447. -moz-border-radius: 50px 0 0 50px;
  448. border-radius: 50px 0 0 50px;
  449. }
  450.  
  451. .module-header a, .module-header a:hover, .module-header{
  452. text-shadow: -2px 2px 0px #292B18;
  453. filter: dropshadow(color=#292B18, offx=-2, offy=2);
  454. color:#F2F7DC!important;
  455. font-weight:normal!important;}
  456.  
  457. .module-content {
  458. padding: 10px 25px 10px 10px;
  459. }
  460.  
  461. .module-content ul {
  462. line-height:1em;
  463. list-style: none;
  464. margin:0;
  465. padding:0;
  466. }
  467. .module-content li {
  468. margin: 2px 0 2px 0;
  469. }
  470.  
  471. .module-navlinks { text-transform:uppercase; letter-spacing:1px;}
  472.  
  473. .module-navlinks a {-webkit-transition: all 0.4s ease-out;
  474. -moz-transition: all 0.4s ease-out;
  475. transition: all 0.4s ease-out;}
  476.  
  477. .module-navlinks a:hover{
  478. -webkit-transition: all 0.4s ease-out;
  479. -moz-transition: all 0.4s ease-out;
  480. transition: all 0.4s ease-out;
  481. letter-spacing:5px;}
  482.  
  483. .module-userprofile img{-webkit-border-radius: 50px 0 0 50px;
  484. -moz-border-radius: 50px 0 0 50px;
  485. border-radius: 50px 0 0 50px;}
  486.  
  487. .module-userprofile .journal-name { padding: 5px 0 0 0}
  488.  
  489. ul.userlite-interaction-links.icon-links {
  490. display:none;
  491. margin-left: 0;
  492. padding-left: 0;
  493. }
  494.  
  495. ul.userlite-interaction-links.icon-links li {
  496. display: inline;
  497. padding: 0 .20em;
  498. }
  499.  
  500. ul.userlite-interaction-links.text-links {
  501. display:none;
  502. text-align: left;
  503. }
  504.  
  505. .module-calendar .module-content {
  506.  
  507. }
  508.  
  509. .one-column .module-calendar .module-content {
  510. text-align: left;
  511. }
  512.  
  513. .module-calendar table {
  514. margin:0 0 0 auto;
  515. text-align:right;
  516. width:100%;
  517. }
  518.  
  519. .one-column .module-calendar table {
  520. margin: 0;
  521. }
  522.  
  523. .module-calendar td {
  524. padding: 1px;
  525. }
  526. .module-calendar td a {
  527. display: block;
  528. padding: 2px;
  529. }
  530.  
  531. .search-box {
  532. margin: .2em auto;
  533. max-width: 100%;
  534. }
  535.  
  536. /* wrap long content, particularly openid usernames */
  537. .module-pagesummary .ljuser {
  538. white-space: normal !important;
  539. }
  540. .module-pagesummary .module-content {
  541. word-wrap: break-word;
  542. }
  543. .module-credit dt, .module-credit dd {
  544. display: inline;
  545. margin: 0;
  546. padding: 0;
  547. }
  548. .module-credit dt {
  549. font-weight: bold;
  550. margin-right: 0.5em;
  551. }
  552.  
  553. .tags_cloud li, .module-tags_cloud li { display: inline; }
  554.  
  555. .module-syndicate .module-content {
  556. text-align: center;
  557. }
  558.  
  559. .one-column .module-syndicate .module-content {
  560. text-align: left;
  561. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement