Advertisement
lacqueried

by the beech in neutral

Oct 4th, 2012
3,874
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.38 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.  
  36. body {
  37. color: #222c2d;
  38. background:url(http://i.imgur.com/aUrVL.png) repeat fixed;
  39. margin: 0;
  40. padding: 0;
  41. text-align: center;
  42. }
  43.  
  44. a {
  45. text-decoration: none;
  46. color: #333333;
  47. }
  48.  
  49. a:visited {
  50. color: #333333;
  51. }
  52.  
  53. a:hover{color:#8A8A8A;}
  54.  
  55. a:active {
  56. color: #333333;
  57.  
  58. }
  59.  
  60. q {
  61. font-style: italic;
  62. }
  63.  
  64. input, textarea {
  65. color: #222c2d;
  66. background-color: #fff9f1;
  67. border: solid 1px #333333;
  68. padding: 5px;
  69. line-height: 1.8em;
  70. }
  71.  
  72. #canvas {
  73. margin: 0 auto;
  74. padding: 0;
  75. }
  76.  
  77. #content {
  78. margin: 0;
  79. padding: 200px 0 0 0;
  80. }
  81.  
  82. #primary {
  83. margin: 0 auto;
  84. padding: 0;
  85. width: 800px;
  86. z-index: 0;
  87. }
  88.  
  89. /*--- header + footer ---*/
  90.  
  91. #header {
  92. font-weight:normal;
  93. position:fixed;
  94. text-align:center;
  95. background:#333333;
  96. margin: 0;
  97. width: 100%;
  98. }
  99.  
  100. #header>.inner {
  101. padding: 20px;
  102. }
  103.  
  104. #footer {
  105. clear: both;
  106. display: block;
  107. }
  108.  
  109. .page-top {
  110. margin: 0 auto 70px auto;
  111. text-align: center;
  112. text-transform: uppercase;
  113. width: 800px;
  114. font-family: 'open sans condensed', 'arial narrow', sans-serif;
  115. }
  116.  
  117. .navigation {
  118. margin: 0 0 0 0;
  119. letter-spacing: .1em;
  120. text-align: right;
  121. 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: #B5B5B5;
  158. -webkit-text-shadow: 2px 2px 2px #121A21;
  159. text-shadow: 2px 2px 2px #121A21;
  160. }
  161.  
  162. #header h2#subtitle {
  163. color: #B5B5B5;
  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:#B5B5B5}
  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{background:#333333; color:#FCFBF8;}
  610.  
  611. ul.entry-management-links li {
  612. color: #333333;
  613. display: inline;
  614. font-weight: normal;
  615. letter-spacing: 0;
  616. padding: 0 5px 0 0;
  617. text-transform: lowercase;
  618. }
  619.  
  620. ul.entry-interaction-links {
  621. font-family:tahoma, geneva, arial;
  622. font-size:10pt;
  623. margin: 3px 0 0 0;
  624. padding: 0;
  625. text-align: center;
  626. }
  627.  
  628. ul.entry-interaction-links li {
  629. color: #333333;
  630. display: inline;
  631. font-weight: normal;
  632. letter-spacing: 0;
  633. padding: 0 5px 0 0;
  634. text-transform: uppercase;
  635. }
  636.  
  637. ul.entry-interaction-links li a{
  638. color: #333333;
  639. }
  640.  
  641. /*--- comments ---*/
  642.  
  643. .comment-wrapper {
  644. margin: 2em 0;
  645. padding: 0;
  646. min-width: 15em;
  647. }
  648.  
  649. .comment {
  650. color: #222c2d;
  651. background-color: #fff9f1;
  652.  
  653. border-left:0;
  654. margin: 0 auto 2em;
  655. padding: 40px 20px;
  656. }
  657.  
  658. .comment-title {
  659. font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
  660. margin: 0;
  661. }
  662.  
  663. .no-subject .comment .comment-title {
  664. background: none;
  665. }
  666.  
  667. hr.above-entry-interaction-links,
  668. hr.below-reply-container {
  669. display: none;
  670. }
  671.  
  672. textarea.textbox {
  673. width: 100% !important;
  674. }
  675.  
  676. .bottomcomment,
  677. .comments-message {
  678. color: #222c2d;
  679. background-color: #fff9f1;
  680. border-left:0;
  681. margin: 0 auto 2em;
  682. padding: 4em 2em;
  683. }
  684.  
  685. .comment-management-links ul,
  686. .comment-interaction-links ul {
  687. margin: 0;
  688. padding: 0;
  689. }
  690.  
  691. .comment-management-links li,
  692. .comment-interaction-links li {
  693. display: inline;
  694. }
  695.  
  696. #qrform table {
  697. border: 0 !important;
  698. }
  699.  
  700. /*--- archive ---*/
  701.  
  702. li.active {
  703. font-family:trochut;
  704. color: #333333;
  705. display: inline;
  706. margin: 0 20px 0 0;
  707. padding: 0;
  708. font-size:24pt;
  709. text-align: right!important;
  710. text-transform: uppercase;
  711. }
  712.  
  713. .month-wrapper {
  714. color: #333333;
  715. border-left: 0;
  716. border-left: 0;
  717. margin: 0 0 70px;
  718. padding: 20px 40px 20px 25px;
  719. background: url(http://i.imgur.com/yoXGD.png);
  720. -webkit-border-radius: 10px;
  721. -moz-border-radius: 10px;
  722. border-radius: 10px;
  723. -webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
  724. box-shadow: 0px 0px 15px 0px #9E9E9E;
  725. }
  726.  
  727. .month h3 {
  728. font-family:'open sans condensed', arial narrow, sans-serif;
  729. color: #333333;
  730. font-size: 16pt;
  731. font-weight: normal;
  732. letter-spacing: 1px;
  733. margin: 0;
  734. padding: 0;
  735. text-align: right;
  736. }
  737.  
  738. .month .header {
  739. margin:0 0 15px 0;
  740. text-transform:uppercase;}
  741.  
  742. .month th {
  743. font-family:'open sans condensed', arial narrow, sans-serif;
  744. letter-spacing:2px;
  745. color: #FCFBF8;
  746. background-color: #333333;
  747. font-size: 10pt;
  748. font-weight: normal;
  749. padding: 5px;
  750. text-align: center;
  751. text-transform: uppercase;
  752. }
  753.  
  754. .month table {
  755. line-height:1em;
  756. padding:0;
  757. border: 0;
  758. margin: 0 auto 15px auto;
  759. width: 750px;
  760. }
  761.  
  762. .month caption {
  763. display: none;
  764. }
  765.  
  766. td.day {
  767. line-height: 1em;
  768. color: #333333;
  769. border: 1px solid #333333;
  770. padding: 2px;
  771. }
  772.  
  773. td.day-has-entries a {padding:0; line-height:1px; color:#B5B5B5;}
  774.  
  775. .month .footer {
  776. font-family:'open sans serif', arial narrow, sans-serif;
  777. text-transform:uppercase;
  778. font-size:10pt;}
  779.  
  780. /*--- tags ---*/
  781.  
  782. .page-tags .tags-container {
  783. font-family:tahoma;
  784. font-size:10pt;
  785. text-align:left;
  786. color: #333333;
  787. background:#FCFBF8;
  788. -webkit-border-radius: 10px;
  789. -moz-border-radius: 10px;
  790. border-radius: 10px;
  791. -webkit-box-shadow: 0px 0px 15px 0px #9E9E9E;
  792. box-shadow: 0px 0px 15px 0px #9E9E9E;
  793. border-left:0;
  794. margin: 0 0 90px;
  795. padding: 20px 40px 20px 25px;
  796. }
  797.  
  798. .page-tags .tags-container h2 {
  799. color: #333333;
  800. font-size: 24pt;
  801. font-family: trochut;
  802. font-weight: normal;
  803. letter-spacing: 1px;
  804. line-height: 1em;
  805. margin: -52px 0 0 0;
  806. padding: 0 0 3px 0;
  807. text-align: right;
  808. text-transform: lowercase;
  809. }
  810.  
  811. .page-tags .tags-container ul {
  812. list-style: none;
  813. margin: 15px 0 0 0;
  814. padding: 0;
  815. }
  816.  
  817. .page-tags .tags-container ul li {
  818. margin: 0 0 0 1em;
  819. padding: 2px 0;
  820. }
  821.  
  822. /*--- Icons Page ---*/
  823.  
  824. .icons-container {
  825. color: #222c2d;
  826. background-color: #fff9f1;
  827.  
  828. border-left:0;
  829. margin: 0 auto 2em;
  830. padding: 4em 2em;
  831. }
  832.  
  833. .icons-container a { color: ; }
  834. .icons-container a:visited { color: ; }
  835. .icons-container a:hover { color: ; }
  836. .icons-container a:active { color: ; }
  837.  
  838. .icons-container h2 {
  839. color: #222c2d;
  840.  
  841. font-size: 1em;
  842. font-weight: normal;
  843. letter-spacing: 1px;
  844. margin: 0;
  845. padding: 0;
  846. text-align: right;
  847. text-transform: lowercase;
  848. }
  849.  
  850. .sorting-options ul {
  851. padding-left: 0;
  852. text-align: right;
  853. }
  854.  
  855. .sorting-options ul li {
  856. display: inline;
  857. }
  858.  
  859. .icons-container .icon {
  860. margin: 1em 0;
  861. }
  862.  
  863. .icon-image {
  864. float: left;
  865. clear: left;
  866. margin-bottom: .25em;
  867. min-width: 100px;
  868. padding-right: 1em;
  869. }
  870.  
  871. .icon-info {
  872. min-height: 100px;
  873. }
  874.  
  875. .icon-info span {
  876. font-weight: bold;
  877. }
  878.  
  879. .icon-info .default {
  880. text-decoration: underline;
  881. }
  882.  
  883. .icon-keywords ul {
  884. display: inline;
  885. margin: 0;
  886. padding: 0;
  887. }
  888.  
  889. .icon-keywords ul li {
  890. display: inline;
  891. padding: 0;
  892. }
  893.  
  894.  
  895. .userpic {
  896. float: left;
  897. margin: 0 10px 10px 0;
  898. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement