Advertisement
lacqueried

by the beech

Oct 4th, 2012
746
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.39 KB | None | 0 0
  1. /* Cleaned CSS: */
  2. /*----------------------------------------------
  3.  
  4.  
  5. layout name: by the beech
  6. layout base: blanket
  7. updated: 8/03/14
  8.  
  9. chimney.dreamwidth.org / pastries.dreamwidth.org
  10. do not redistribute without credit.
  11.  
  12.  
  13. -----------------------------------------------*/
  14.  
  15.  
  16. @font-face {
  17. font-family: 'Trochut';
  18. font-style: normal;
  19. font-weight: 400;
  20. src: local('Trochut'), url(http://themes.googleusercontent.com/static/fonts/trochut/v1/JFlbgheA3reEeGKXBjUdBQLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
  21. }
  22.  
  23. @font-face {
  24. font-family: 'Open Sans Condensed';
  25. font-style: normal;
  26. font-weight: 300;
  27. src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(http://themes.googleusercontent.com/static/fonts/opensanscondensed/v6/gk5FxslNkTTHtojXrkp-xGAzD5WKQVN4wSyA0MYYi4rr7w4p9aSvGirXi6XmeXNA.woff) format('woff');
  28. }
  29.  
  30. #lj_controlstrip{
  31. position: fixed;
  32. }
  33.  
  34. #module-jump-link { display: none; }
  35. body {
  36. color: #222c2d;
  37. background:url(http://i.imgur.com/aUrVL.png) repeat fixed;
  38. margin: 0;
  39. padding: 0;
  40. text-align: center;
  41. }
  42.  
  43. a {
  44. text-decoration: none;
  45. color: #333333;
  46. }
  47.  
  48. a:visited {
  49. color: #333333;
  50. }
  51.  
  52. a:hover{
  53. color: #B7C97F;
  54. }
  55.  
  56. a:active {
  57. color: #333333;
  58.  
  59. }
  60.  
  61. q {
  62. font-style: italic;
  63. }
  64.  
  65. input, textarea {
  66. color: #222c2d;
  67. background-color: #fff9f1;
  68. border: solid 1px #333333;
  69. padding: 5px;
  70. line-height: 1.8em;
  71. }
  72.  
  73. #canvas {
  74. margin: 0 auto;
  75. padding: 0;
  76. }
  77.  
  78. #content {
  79. margin: 0;
  80. padding: 200px 0 0 0;
  81. }
  82.  
  83. #primary {
  84. margin: 0 auto;
  85. padding: 0;
  86. width: 800px;
  87. z-index: 0;
  88. }
  89.  
  90. /*--- header + footer ---*/
  91.  
  92. #header {
  93. font-weight:normal;
  94. position:fixed;
  95. text-align:center;
  96. background:#333333;
  97. margin: 0;
  98. width: 100%;
  99. }
  100.  
  101. #header>.inner {
  102. padding: 20px;
  103. }
  104.  
  105. #footer {
  106. clear: both;
  107. display: block;
  108. }
  109.  
  110. .page-top {
  111. margin: 0 auto 70px auto;
  112. text-align: center;
  113. text-transform: uppercase;
  114. width: 800px;
  115. font-family: 'open sans condensed', 'arial narrow', sans-serif;
  116. }
  117.  
  118. .navigation {
  119. margin: 0 0 0 0;
  120. letter-spacing: .1em;
  121. text-align: right;text-transform: uppercase;
  122. font-family: 'open sans condensed', 'arial narrow', sans-serif;
  123. font-size: 12pt;
  124. }
  125.  
  126. li.page-back,
  127. li.page-forward {
  128. display: inline;
  129. margin: 0 0 0 .3125em;
  130. padding: 0;
  131. }
  132.  
  133. li.page-separator {
  134. display: none;
  135. }
  136.  
  137. .navigation ul {
  138. display: inline;
  139. margin: 0;
  140. padding: 0;
  141. }
  142.  
  143. .navigation li {
  144. display: inline;
  145. }
  146.  
  147. /*--- header texts ---*/
  148.  
  149. #header h1#title {
  150. font-family: 'trochut';
  151. font-size: 24px;
  152. letter-spacing: 0.1em;
  153. font-weight: normal;
  154. margin: 0;
  155. padding: 0;
  156. text-transform: uppercase;
  157. color: #B7C97F;
  158. -webkit-text-shadow: 2px 2px 2px #121A21;
  159. text-shadow: 2px 2px 2px #121A21;
  160. }
  161.  
  162. #header h2#subtitle {
  163. color: #B7C97F;
  164. font-family: 'open sans condensed', arial narrow, sans-serif;
  165. font-size: 16pt;
  166. font-weight: normal;
  167. line-height:1em;
  168. letter-spacing: .2em;
  169. margin: 0;
  170. padding: 0;
  171. text-transform: lowercase;
  172. -webkit-text-shadow: 2px 2px 2px #121A21;
  173. text-shadow: 2px 2px 2px #121A21;
  174. }
  175.  
  176. #header h2#pagetitle {
  177. display:none;
  178. color: #3c4e50;
  179. font-weight: normal;
  180. letter-spacing: 1px;
  181. margin: 1em 0 0;
  182. padding: 0;
  183. text-transform: uppercase;
  184. }
  185.  
  186. /*--- navigation links ---*/
  187.  
  188. .module-navlinks {
  189. background: #333333;
  190. text-align: center;
  191. bottom: 0px;
  192. margin: 0 auto;
  193. padding: 0.75em;
  194. position: fixed;
  195. width: 100%;
  196. z-index: 100;
  197. font-family: 'trochut';
  198. -webkit-text-shadow: 2px 2px 2px #121A21;
  199. text-shadow: 2px 2px 2px #121A21;
  200. }
  201.  
  202. .module-navlinks li:hover{margin:-30px 0 0 0;}
  203.  
  204. .module-navlinks a, .module-navlinks a:hover, .module-navlinks a:link{color:#B7C97F}
  205.  
  206. .module-navlinks ul.module-list {
  207. display: inline;
  208. letter-spacing: -0.5px;
  209. margin: 0 0 0 2em;
  210. padding: 0;
  211. text-transform: uppercase;
  212. }
  213.  
  214. .module-navlinks ul.module-list li {
  215. display: inline;
  216. margin: 0 1em 0 0;
  217. padding: 0 .5em 0 0;
  218. }
  219.  
  220. /*--- modules ---*/
  221.  
  222. #secondary {
  223. font-family:'open sans condensed', arial narrow, sans-serif;
  224. margin: 0 auto 40px auto;
  225. padding: 30px 20px 30px 20px;
  226. width: 760px;
  227. color: #333333;
  228. background:#FCFBF8;
  229. -webkit-border-radius: 10px;
  230. -moz-border-radius: 10px;
  231. border-radius: 10px;
  232. -webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
  233. box-shadow: 0px 0px 15px 0px #9E9E9E;
  234. }
  235.  
  236. #secondary>.inner {
  237. border-left: 0;
  238. padding: 0;
  239. }
  240.  
  241. #secondary .module {
  242. border-top:1px solid #333333;
  243. padding:10px 15px 10px 15px;
  244. float: left;
  245. }
  246.  
  247. #secondary .module-header,
  248. #secondary .module-header a {
  249. color: #222c2d;
  250.  
  251. }
  252.  
  253. #secondary .module-header {
  254. text-align:left;
  255. margin:5px 0 10px 0;
  256. padding:0;
  257. line-height:1em;
  258. letter-spacing:1px;
  259. font-size:16pt;
  260. font-weight:normal;
  261. font-family:trochut;
  262. text-transform:lowercase;
  263. }
  264.  
  265. #secondary .separator-after {
  266. clear: both;
  267. }
  268.  
  269. #secondary a {
  270. text-decoration: none;
  271.  
  272. }
  273.  
  274. #secondary a:visited {
  275.  
  276. }
  277.  
  278. #secondary a:hover {
  279.  
  280. }
  281.  
  282. #secondary a:active {
  283.  
  284. }
  285.  
  286. .module-tags_cloud {
  287. float: none;
  288. }
  289.  
  290. .module-tags_cloud .module-content {
  291. padding: 0 3em 1em;
  292. }
  293.  
  294. .manage-link{margin-top:5px; text-transform:uppercase; font-size:10pt;}
  295.  
  296. .module-tags_cloud li,
  297. .tags_cloud li {
  298. display: inline;
  299. }
  300.  
  301. #secondary .module-content {
  302. }
  303.  
  304. #secondary .module-content ul {
  305. margin: 0;
  306. padding: 0;
  307. }
  308.  
  309. #secondary .module-content li {
  310. margin: .5em 0;
  311. }
  312.  
  313. #secondary .module-userprofile {
  314. color: #333333;
  315. text-align: center!important;
  316. display: block;
  317. font-family: 'open sans condensed', arial narrow, sans-serif;
  318. font-size: 10pt;
  319. line-height: 1em;
  320. width: 110px;
  321. letter-spacing: 0.2em;
  322. }
  323.  
  324.  
  325. #secondary .module-userprofile .userpic {
  326. padding: 15px;
  327. background:#333333;
  328. margin: 0 0 10px 0;
  329. -webkit-border-radius: 70px;
  330. -moz-border-radius: 70px;
  331. border-radius: 70px;
  332. }
  333.  
  334. #secondary .module-userprofile .userpic img {
  335. height:80px;
  336. width:80px;
  337. -webkit-border-radius: 50px;
  338. -moz-border-radius: 50px;
  339. border-radius: 50px;
  340. background:transparent;
  341. }
  342.  
  343. #secondary .module-typelist .module-list, .module-pagesummary .module-list {
  344. text-transform:uppercase;
  345. font-size:10pt;
  346. padding:0;
  347. margin:0;
  348. line-height:1.1em;
  349. text-align:left;
  350. list-style:none;
  351. }
  352.  
  353. #secondary .module-pagesummary, #secondary .module-tags_cloud, #secondary .module-typelist, #secondary .module-customtext {
  354. width:411px;
  355. letter-spacing:1px;
  356. float:right;
  357. }
  358.  
  359. #secondary .manage-link{
  360. font-size:11pt;
  361. text-transform:uppercase;
  362. }
  363.  
  364. #secondary .module-customtext{
  365. text-align: left;
  366. text-transform: uppercase;
  367. margin: 0 auto 0 auto;
  368. font-family: 'open sans condensed', arial narrow, sans-serif;
  369. color: #333333;
  370. font-size: 10pt;
  371. }
  372.  
  373. ul.userlite-interaction-links {
  374. display:none;
  375. margin-left: 0;
  376. padding-left: 0;
  377. }
  378.  
  379. .module-calendar{
  380. font-family:tahoma;
  381. font-size:10pt;
  382. width:149px;
  383. letter-spacing:1px;
  384. line-height:1em;
  385. }
  386.  
  387. .module-calendar table{
  388. font-family:tahoma;
  389. font-size:10pt;
  390. width:149px;
  391. }
  392.  
  393. .module-calendar td a {
  394. display: block;
  395. padding: 2px;
  396. }
  397.  
  398. .module-credit dt,
  399. .module-credit dd {
  400. display: inline;
  401. margin: 0;
  402. padding: 0;
  403. }
  404.  
  405. .module-credit, .module-syndicate, .module-cuttagcontrols, .module-powered, .module-time {
  406. display:none;
  407. }
  408.  
  409. .module-search .search-form {
  410. margin: .2em auto;
  411. }
  412.  
  413. .module-search .search-box {
  414. max-width:100%;
  415. margin: .2em;
  416. }
  417.  
  418. /*--- entry ---*/
  419.  
  420. .entry a {
  421. text-decoration: none;
  422.  
  423. }
  424.  
  425. .entry a:visited {
  426.  
  427. }
  428.  
  429. .entry a:hover {
  430.  
  431. }
  432.  
  433. .entry a:active {
  434.  
  435. }
  436.  
  437. .entry {
  438. color: #333333;
  439. border-left: 0;
  440. margin: 0 0 120px;
  441. padding: 20px 40px 20px 25px;
  442. background: url(http://i.imgur.com/yoXGD.png);
  443. -webkit-border-radius: 10px;
  444. -moz-border-radius: 10px;
  445. border-radius: 10px;
  446. -webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
  447. box-shadow: 0px 0px 15px 0px #9E9E9E;
  448. }
  449.  
  450. .entry-content {
  451. font-family: tahoma;
  452. text-align: left;
  453. font-size:10pt;
  454. text-align:left;
  455. padding: 15px 0 15px 0;
  456. border-bottom: 1px dashed #333333;
  457. }
  458.  
  459.  
  460. .entry .header {
  461. font-family: 'open sans condensed', arial narrow, sans-serif;
  462. font-weight:normal;
  463. text-align:center;
  464. margin: -95px 0 40px 0;
  465. padding: 0;
  466. }
  467.  
  468. .entry .header img{margin: 0 0 -2px 0;}
  469.  
  470. h3.entry-title {
  471. font-size: 24pt;
  472. color: #543A21;
  473. font-weight: normal;
  474. letter-spacing: .1em;
  475. margin: 0;
  476. padding: 0;
  477. text-transform: lowercase;
  478. -webkit-text-shadow: 0px 3px 4px #9E9E9E;
  479. text-shadow: 0px 3px 4px #9E9E9E;
  480. }
  481.  
  482. .no-subject .entry .entry-title {
  483. background: none;
  484. }
  485.  
  486. h3.entry-title a {
  487. color: #333333;
  488. }
  489.  
  490. .datetime {
  491. color: #333333;
  492. font-size: 12pt;
  493. font-weight: normal;
  494. letter-spacing: .1em;
  495. padding: 0;
  496. text-transform: uppercase;
  497. }
  498.  
  499. .datetime a {
  500. color: #333333;
  501. }
  502.  
  503. .userpic {
  504. display: block;
  505. }
  506. .entry .userpic{
  507. padding: 15px;
  508. background:#333333;
  509. margin: 0 0 0 -155px;
  510. -webkit-border-radius: 70px;
  511. -moz-border-radius: 70px;
  512. border-radius: 70px;
  513. -webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
  514. box-shadow: 0px 0px 15px 0px #9E9E9E;}
  515.  
  516. .entry .userpic img {
  517. -webkit-border-radius: 50px;
  518. -moz-border-radius: 50px;
  519. border-radius: 50px;
  520. }
  521.  
  522. .poster {
  523. font-family: 'open sans condensed', arial narrow, sans-serif;
  524. color: #333333;
  525. font-size: 10pt;
  526. font-weight: normal;
  527. letter-spacing: 0.1em;
  528. padding: 0;
  529. text-align: center;
  530. text-transform: uppercase;
  531. }
  532.  
  533. .poster img{display:none;}
  534.  
  535. /* To prevent overlapping when icon's on the left */
  536. /* and list is the first thing in content */
  537. .entry-content li,
  538. .comment-content li {
  539. list-style-position: inside;
  540. }
  541.  
  542. .metadata {
  543. letter-spacing:.1em;
  544. color:#333333;
  545. font-size: 10pt;
  546. text-transform:uppercase;
  547. font-family: 'open sans condensed', arial narrow, sans-serif;
  548. text-align:left;
  549. margin:15px 0 0 0;
  550. }
  551.  
  552. .metadata ul {
  553. list-style: none;
  554. margin: 0;
  555. padding: 0;
  556. }
  557.  
  558. .metadata ul li {
  559. color: #333333;
  560. font-weight: normal;
  561. padding: 0;
  562. margin: 0;
  563. }
  564.  
  565. .metadata-label-location,
  566. .metadata-label-mood,
  567. .metadata-label-music {
  568. letter-spacing:.1em;
  569. font-weight:bold;
  570.  
  571. }
  572.  
  573. .metadata-item-location,
  574. .metadata-item-mood,
  575. .metadata-item-music {
  576. padding: 0 0 0 1.3em;
  577. }
  578.  
  579. .tag {
  580. letter-spacing:.1em;
  581. margin-top:10px;
  582. font-family:'open sans condensed', arial narrow, sans-serif;
  583. font-size:10pt;
  584. text-transform:uppercase;
  585. }
  586.  
  587. .tag ul {
  588. display: inline;
  589. margin: 0;
  590. padding: 0 0 0 1.3em;
  591. }
  592.  
  593. .tag ul li {
  594. color: #333333;
  595. display: inline;
  596. font-weight: normal;
  597. padding: 0;
  598. }
  599.  
  600. .tag ul li a:hover{background:#333333;}
  601.  
  602. ul.entry-management-links {
  603. font-size:10pt;
  604. font-family:tahoma, geneva, arial;
  605. margin: 10px 0 0 0;
  606. padding: 0;
  607. text-align: center;
  608. }
  609. ul.entry-management-links a:hover{
  610. background: #333333;
  611. color: #B7C97F;
  612. }
  613.  
  614. ul.entry-management-links li {
  615. color: #333333;
  616. display: inline;
  617. font-weight: normal;
  618. letter-spacing: 0;
  619. padding: 0 5px 0 0;
  620. text-transform: lowercase;
  621. }
  622.  
  623. ul.entry-interaction-links {
  624. font-family:tahoma, geneva, arial;
  625. font-size:10pt;
  626. margin: 3px 0 0 0;
  627. padding: 0;
  628. text-align: center;
  629. }
  630.  
  631. ul.entry-interaction-links li {
  632. color: #333333;
  633. display: inline;
  634. font-weight: normal;
  635. letter-spacing: 0;
  636. padding: 0 5px 0 0;
  637. text-transform: uppercase;
  638. }
  639.  
  640. ul.entry-interaction-links li a{
  641. color: #333333;
  642. }
  643.  
  644. /*--- comments ---*/
  645.  
  646. .comment-wrapper {
  647. margin: 2em 0;
  648. padding: 0;
  649. min-width: 15em;
  650. }
  651.  
  652. .comment {
  653. color: #222c2d;
  654. background-color: #fff9f1;
  655.  
  656. border-left:0;
  657. margin: 0 auto 2em;
  658. padding: 40px 20px;
  659. }
  660.  
  661. .comment-title {
  662. font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
  663. margin: 0;
  664. }
  665.  
  666. .no-subject .comment .comment-title {
  667. background: none;
  668. }
  669.  
  670. hr.above-entry-interaction-links,
  671. hr.below-reply-container {
  672. display: none;
  673. }
  674.  
  675. textarea.textbox {
  676. width: 100% !important;
  677. }
  678.  
  679. .bottomcomment,
  680. .comments-message {
  681. color: #222c2d;
  682. background-color: #fff9f1;
  683. border-left:0;
  684. margin: 0 auto 2em;
  685. padding: 4em 2em;
  686. }
  687.  
  688. .comment-management-links ul,
  689. .comment-interaction-links ul {
  690. margin: 0;
  691. padding: 0;
  692. }
  693.  
  694. .comment-management-links li,
  695. .comment-interaction-links li {
  696. display: inline;
  697. }
  698.  
  699. #qrform table {
  700. border: 0 !important;
  701. }
  702.  
  703. /*--- archive ---*/
  704.  
  705. li.active {
  706. font-family:trochut;
  707. color: #333333;
  708. display: inline;
  709. margin: 0 20px 0 0;
  710. padding: 0;
  711. font-size:24pt;
  712. text-align: right!important;
  713. text-transform: uppercase;
  714. }
  715.  
  716. .month-wrapper {
  717. color: #333333;
  718. border-left: 0;
  719. border-left: 0;
  720. margin: 0 0 70px;
  721. padding: 20px 40px 20px 25px;
  722. background: url(http://i.imgur.com/yoXGD.png);
  723. -webkit-border-radius: 10px;
  724. -moz-border-radius: 10px;
  725. border-radius: 10px;
  726. -webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
  727. box-shadow: 0px 0px 15px 0px #9E9E9E;
  728. }
  729.  
  730. .month h3 {
  731. font-family:'open sans condensed', arial narrow, sans-serif;
  732. color: #333333;
  733. font-size: 16pt;
  734. font-weight: normal;
  735. letter-spacing: 1px;
  736. margin: 0;
  737. padding: 0;
  738. text-align: right;
  739. }
  740.  
  741. .month .header {
  742. margin:0 0 15px 0;
  743. text-transform:uppercase;}
  744.  
  745. .month th {
  746. font-family:'open sans condensed', arial narrow, sans-serif;
  747. letter-spacing:2px;
  748. color: #FCFBF8;
  749. background-color: #333333;
  750. font-size: 10pt;
  751. font-weight: normal;
  752. padding: 5px;
  753. text-align: center;
  754. text-transform: uppercase;
  755. }
  756.  
  757. .month table {
  758. line-height:1em;
  759. padding:0;
  760. border: 0;
  761. margin: 0 auto 15px auto;
  762. width: 750px;
  763. }
  764.  
  765. .month caption {
  766. display: none;
  767. }
  768.  
  769. td.day {
  770. line-height: 1em;
  771. color: #333333;
  772. border: 1px solid #333333;
  773. padding: 2px;
  774. }
  775.  
  776. td.day-has-entries a {padding:0; line-height:1px; color:#B7C97F;}
  777.  
  778. .month .footer {
  779. font-family:'open sans serif', arial narrow, sans-serif;
  780. text-transform:uppercase;
  781. font-size:10pt;}
  782.  
  783. /*--- tags ---*/
  784.  
  785. .page-tags .tags-container {
  786. font-family:tahoma;
  787. font-size:10pt;
  788. text-align:left;
  789. color: #333333;
  790. background:#FCFBF8;
  791. -webkit-border-radius: 10px;
  792. -moz-border-radius: 10px;
  793. border-radius: 10px;
  794. -webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
  795. box-shadow: 0px 0px 15px 0px #9E9E9E;
  796. border-left:0;
  797. margin: 0 0 90px;
  798. padding: 20px 40px 20px 25px;
  799. }
  800.  
  801. .page-tags .tags-container h2 {
  802. color: #333333;
  803. font-size: 24pt;
  804. font-family: trochut;
  805. font-weight: normal;
  806. letter-spacing: 1px;
  807. line-height: 1em;
  808. margin: -52px 0 0 0;
  809. padding: 0 0 3px 0;
  810. text-align: right;
  811. text-transform: lowercase;
  812. }
  813.  
  814. .page-tags .tags-container ul {
  815. list-style: none;
  816. margin: 15px 0 0 0;
  817. padding: 0;
  818. }
  819.  
  820. .page-tags .tags-container ul li {
  821. margin: 0 0 0 1em;
  822. padding: 2px 0;
  823. }
  824.  
  825. /*--- Icons Page ---*/
  826.  
  827. .icons-container {
  828. color: #222c2d;
  829. background-color: #fff9f1;
  830.  
  831. border-left:0;
  832. margin: 0 auto 2em;
  833. padding: 4em 2em;
  834. }
  835.  
  836. .icons-container a { color: ; }
  837. .icons-container a:visited { color: ; }
  838. .icons-container a:hover { color: ; }
  839. .icons-container a:active { color: ; }
  840.  
  841. .icons-container h2 {
  842. color: #222c2d;
  843.  
  844. font-size: 1em;
  845. font-weight: normal;
  846. letter-spacing: 1px;
  847. margin: 0;
  848. padding: 0;
  849. text-align: right;
  850. text-transform: lowercase;
  851. }
  852.  
  853. .sorting-options ul {
  854. padding-left: 0;
  855. text-align: right;
  856. }
  857.  
  858. .sorting-options ul li {
  859. display: inline;
  860. }
  861.  
  862. .icons-container .icon {
  863. margin: 1em 0;
  864. }
  865.  
  866. .icon-image {
  867. float: left;
  868. clear: left;
  869. margin-bottom: .25em;
  870. min-width: 100px;
  871. padding-right: 1em;
  872. }
  873.  
  874. .icon-info {
  875. min-height: 100px;
  876. }
  877.  
  878. .icon-info span {
  879. font-weight: bold;
  880. }
  881.  
  882. .icon-info .default {
  883. text-decoration: underline;
  884. }
  885.  
  886. .icon-keywords ul {
  887. display: inline;
  888. margin: 0;
  889. padding: 0;
  890. }
  891.  
  892. .icon-keywords ul li {
  893. display: inline;
  894. padding: 0;
  895. }
  896.  
  897.  
  898. .userpic {
  899. float: left;
  900. margin: 0 10px 10px 0;
  901. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement