Advertisement
lacqueried

belledonna in petals

Nov 10th, 2012
982
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.38 KB | None | 0 0
  1. /*----------------------------------------------
  2.  
  3.  
  4. layout name: belledonna petals
  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/jd2hUej.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:#80626B;
  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.  
  118. h2#subtitle {
  119. text-shadow: -1px 1px 0px #ffffff;
  120. filter: dropshadow(color=#ffffff, offx=-1, offy=1);
  121. font-size: 18pt;
  122. line-height:1em;
  123. padding:0;
  124. margin:0;
  125. letter-spacing:-1px;
  126.  
  127. }
  128.  
  129. #pagetitle, #statistics {display:none;}
  130. #footer {
  131. background: transparent;
  132. }
  133.  
  134. #footer a { }
  135. #footer a:visited { }
  136. #footer a:hover { }
  137. #footer a:active { }
  138.  
  139. #primary {
  140. height:100%;
  141. color:#593D48;
  142. width:640px;
  143. margin:-90px 0 0 250px;
  144. float:none;
  145. padding:100px 30px 30px 30px;
  146. background: #D9D4D7;
  147. border-left: 20px solid #80626B;
  148. border-right: 20px solid #593D48;
  149. -webkit-box-shadow: 1px 1px 30px 0px #000000;
  150. box-shadow: 1px 1px 30px 0px #000000;
  151. }
  152.  
  153. #primary a, #primary a:hover, #primary a:visited {
  154. color:#593D48;
  155. font-weight:bold;
  156. }
  157.  
  158. #secondary {
  159. padding: 0 0 0 0;
  160. text-align:right!important;
  161. width: 215px!important;
  162. float: none;
  163. position: absolute;
  164. left: 50px;
  165. top: 130px;
  166. }
  167.  
  168. #tertiary { display:none;}
  169.  
  170. .navigation ul {
  171. margin-left: 0;
  172. padding-left: 0;
  173. }
  174. .navigation li {
  175. display: inline;
  176. padding: 0 .5em;
  177. }
  178. .noentries {
  179. padding: 0 .5em;
  180. }
  181.  
  182. .topnav, .bottomnav {text-align:center; text-transform:uppercase;}
  183.  
  184. .topnav a, .bottomnav a { font-weight:normal!important;}
  185.  
  186. /* entries */
  187.  
  188. .entry {
  189. background: transparent;
  190. margin: 0 0 40px 0;
  191. }
  192.  
  193. .entry .header{
  194. line-height:1em;
  195. text-align:right;
  196. padding: 0 0 3px 0;
  197. }
  198.  
  199. .entry .entry-title, .entry .entry-title a {
  200. padding:0;
  201. margin:0;
  202. line-height:1em;
  203. font-family: Trochut;
  204. font-style: italic;
  205. font-size:22pt;
  206.  
  207. }
  208.  
  209. .no-subject .entry .entry-title {
  210. line-height:1em;
  211. background: none;
  212. border: none;
  213. }
  214.  
  215. .entry .userpic {
  216. width:80px;
  217. height:80px;
  218. padding:20px 20px 20px 0;
  219. background: #593D48;
  220. float:right;
  221. margin:0 -130px 0 0;
  222. -webkit-border-radius: 0 70px 70px 0;
  223. -moz-border-radius: 0 70px 70px 0;
  224. border-radius: 0 70px 70px 0;
  225. }
  226.  
  227. .entry .userpic img {
  228. height:80px;
  229. width:80px;
  230. -webkit-border-radius: 0 50px 50px 0;
  231. -moz-border-radius: 0 50px 50px 0;
  232. border-radius: 0 50px 50px 0;
  233. }
  234.  
  235. .entry .entry-poster img{height:13px; width:13px;}
  236. .entry .entry-poster{
  237. padding:5px 0 20px 0;
  238. display:block;
  239. width:100%;
  240. text-align:right;
  241. line-height:1em;
  242. height:100%;
  243. letter-spacing:2px;
  244. text-transform:uppercase;
  245. font-style:italic;
  246. }
  247.  
  248. .entry .entry-poster a:hover {color:#80626B!important;}
  249.  
  250. .entry .entry-content {
  251. padding: 0 0 20px 0;
  252. }
  253.  
  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. .metadata-label {font-weight:bold;}
  262.  
  263. .metadata ul {
  264. line-height:1em;
  265. display: inline;
  266. list-style: none;
  267. margin: 0 0 0 5px;
  268. padding: 0;
  269. }
  270. .metadata li {
  271. }
  272. .metadata.top-metadata ul {
  273. margin: 0;
  274. }
  275. .metadata.top-metadata {
  276. }
  277.  
  278. .tag .tag-text {font-weight:bold;}
  279. .tag ul {
  280. display: inline;
  281. margin-left: 10px;
  282. padding-left: 0;
  283. }
  284. .tag ul li {
  285. display: inline;
  286. padding: .25em;
  287. } /* same for month view */
  288.  
  289. .tag ul li a{ font-weight:normal!important;}
  290.  
  291. ul.entry-management-links {
  292. text-align:right;
  293. margin-left: 0;
  294. padding-left: 0;
  295. }
  296. ul.entry-management-links li {
  297. display: inline;
  298. padding: 0 5px;
  299. }
  300.  
  301. ul.entry-interaction-links {
  302. text-style:italic;
  303. margin-left: 0;
  304. padding-left: 0;
  305. text-align: right;
  306. }
  307.  
  308. .entry-interaction-links a { }
  309.  
  310. ul.entry-interaction-links li {
  311. display: inline;
  312. padding: 0 .25em;
  313. }
  314.  
  315. /* comments */
  316.  
  317. .comment-wrapper {
  318. padding: .5em 0;
  319. min-width: 15em;
  320. }
  321.  
  322. .comment .comment-title {
  323.  
  324. margin: 0;
  325. }
  326.  
  327. .comment .comment-title, .comment .comment-title a {
  328.  
  329. }
  330.  
  331. .no-subject .comment .comment-title {
  332. background: none;
  333. border: none;
  334. }
  335.  
  336. ul.comment-management-links {
  337. margin-left: 0;
  338. padding-left: 0;
  339. text-align: right;
  340. }
  341. ul.comment-management-links li {
  342. display: inline;
  343. padding: 0 .25em;
  344. }
  345.  
  346. ul.comment-interaction-links {
  347. margin-left: 0;
  348. padding-left: 0;
  349. }
  350. ul.comment-interaction-links li {
  351. display: inline;
  352. padding: 0 .25em;
  353. }
  354.  
  355. textarea#commenttext {
  356. width: 100%; /* fix for FF form width glitch */
  357. }
  358.  
  359. /* archive */
  360.  
  361. .month caption {
  362. font-family: trochut;
  363. font-size:18pt;
  364. }
  365.  
  366. table.month {
  367. margin: 0 auto;
  368. border-collapse: collapse;
  369. }
  370. table.month td {
  371. height: 3.25em;
  372. }
  373. table.month td,
  374. table.month th {
  375. text-align:center;
  376. border: 1px solid; /* ? */
  377. padding: 2px 6px;
  378. }
  379. table.month td p {
  380. margin: 0;
  381. padding: 3px;
  382. }
  383.  
  384. .month .header {display:none;}
  385. .month .footer {
  386. text-align:center;
  387. text-transform:uppercase;
  388. margin:10px 0 20px 0;}
  389.  
  390. .month dl dt {
  391. font-weight: bold;
  392. }
  393. .month dl .time {
  394. padding-right: .5em;
  395. }
  396. .month dl h3 {
  397. display: inline;
  398. font-size: medium;
  399. }
  400. .page-month .month .entry-poster {
  401. margin-right: .5em;
  402. }
  403. .month dl .tag ul {
  404. margin-top: 0;
  405. }
  406.  
  407. /* icons */
  408.  
  409. .sorting-options ul {
  410. margin-left: 0;
  411. }
  412.  
  413. .sorting-options ul li {
  414. display: inline;
  415. }
  416.  
  417. .icon-keywords ul {
  418. display: inline;
  419. margin-left: .5em;
  420. padding-left: 0;
  421. }
  422.  
  423. .icon-keywords ul li {
  424. display: inline;
  425. padding: .25em;
  426. }
  427.  
  428. /* modules */
  429.  
  430. .module {
  431. color:#80626B;
  432. background: transparent;
  433.  
  434. }
  435.  
  436. .module-cuttagcontrols, .module-pagesummary, .module-powered, .module-time {display:none;}
  437.  
  438. .module a, .module a:visited, .module a:hover, .module a:active {color:#80626B;}
  439.  
  440. .module-header {
  441. margin:0;
  442. padding:6px 20px 6px 0;
  443. font-size:16pt;
  444. line-height:1em;
  445. font-family:trochut;
  446. background:#80626B;
  447. -webkit-border-radius: 50px 0 0 50px;
  448. -moz-border-radius: 50px 0 0 50px;
  449. border-radius: 50px 0 0 50px;
  450. }
  451.  
  452. .module-header a, .module-header a:hover, .module-header{
  453. text-shadow: -2px 2px 0px #593D48;
  454. filter: dropshadow(color=#593D48, offx=-2, offy=2);
  455. color:#D9D4D7!important;
  456. font-weight:normal!important;}
  457.  
  458. .module-content {
  459. padding: 10px 25px 10px 10px;
  460. }
  461.  
  462. .module-content ul {
  463. line-height:1em;
  464. list-style: none;
  465. margin:0;
  466. padding:0;
  467. }
  468. .module-content li {
  469. margin: 2px 0 2px 0;
  470. }
  471.  
  472. .module-navlinks { text-transform:uppercase; letter-spacing:1px;}
  473.  
  474. .module-navlinks a {-webkit-transition: all 0.4s ease-out;
  475. -moz-transition: all 0.4s ease-out;
  476. transition: all 0.4s ease-out;}
  477.  
  478. .module-navlinks a:hover{
  479. -webkit-transition: all 0.4s ease-out;
  480. -moz-transition: all 0.4s ease-out;
  481. transition: all 0.4s ease-out;
  482. letter-spacing:5px;}
  483.  
  484. .module-userprofile img{-webkit-border-radius: 50px 0 0 50px;
  485. -moz-border-radius: 50px 0 0 50px;
  486. border-radius: 50px 0 0 50px;}
  487.  
  488. .module-userprofile .journal-name { padding: 5px 0 0 0}
  489.  
  490. ul.userlite-interaction-links.icon-links {
  491. display:none;
  492. margin-left: 0;
  493. padding-left: 0;
  494. }
  495.  
  496. ul.userlite-interaction-links.icon-links li {
  497. display: inline;
  498. padding: 0 .20em;
  499. }
  500.  
  501. ul.userlite-interaction-links.text-links {
  502. display:none;
  503. text-align: left;
  504. }
  505.  
  506. .module-calendar .module-content {
  507.  
  508. }
  509.  
  510. .one-column .module-calendar .module-content {
  511. text-align: left;
  512. }
  513.  
  514. .module-calendar table {
  515. margin:0 0 0 auto;
  516. text-align:right;
  517. width:100%;
  518. }
  519.  
  520. .one-column .module-calendar table {
  521. margin: 0;
  522. }
  523.  
  524. .module-calendar td {
  525. padding: 1px;
  526. }
  527. .module-calendar td a {
  528. display: block;
  529. padding: 2px;
  530. }
  531.  
  532. .search-box {
  533. margin: .2em auto;
  534. max-width: 100%;
  535. }
  536.  
  537. /* wrap long content, particularly openid usernames */
  538. .module-pagesummary .ljuser {
  539. white-space: normal !important;
  540. }
  541. .module-pagesummary .module-content {
  542. word-wrap: break-word;
  543. }
  544. .module-credit dt, .module-credit dd {
  545. display: inline;
  546. margin: 0;
  547. padding: 0;
  548. }
  549. .module-credit dt {
  550. font-weight: bold;
  551. margin-right: 0.5em;
  552. }
  553.  
  554. .tags_cloud li, .module-tags_cloud li { display: inline; }
  555.  
  556. .module-syndicate .module-content {
  557. text-align: center;
  558. }
  559.  
  560. .one-column .module-syndicate .module-content {
  561. text-align: left;
  562. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement