API tools faq
paste
Advertisement
lacqueried

IN SPACE - HEADERLESS

lacqueried
Jul 21st, 2012
2,184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.93 KB | None | 0 0
raw download clone embed print report
  1. /*----------------------------------------------
  2.  
  3.  
  4. layout name: in space
  5. layout base: brittle
  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: 'Quattrocento';
  16. font-style: normal;
  17. font-weight: 400;
  18. src: local('Quattrocento'), url(http://themes.googleusercontent.com/static/fonts/quattrocento/v4/WZDISdyil4HsmirlOdBRFHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
  19. }
  20.  
  21. img[src*="user.png"] {height:13px; width:13px;}
  22.  
  23. #module-jump-link { display: none; }
  24.  
  25. body {
  26. padding: 0 0;
  27. background: #FBFBFB;
  28. font-family: palatino linotype, palatino, serif; serif; font-size: 1em;
  29. color: #111111;
  30. line-height: 1.6em;
  31. text-align: center;
  32. }
  33.  
  34. html body {
  35. margin-left: 0em;
  36. margin-right: 0em;
  37. }
  38.  
  39. img { border: none; }
  40.  
  41. a, a:link, a:visited, a:hover { color: #111; text-transform:uppercase; text-decoration:none; letter-spacing:.1em; }
  42.  
  43. q { font-style: italic; }
  44.  
  45. #canvas {
  46. width:700px;
  47. margin: 180px auto;
  48. padding: 0;
  49. text-align: justify;
  50. }
  51.  
  52. #primary {
  53. float:left;
  54. width: 700px;
  55. text-align: justify;
  56. margin: 180px 0 30px 0;
  57. }
  58.  
  59. #secondary {
  60. width:700px;
  61. margin: 0 auto 0 auto;
  62. position:absolute;
  63. padding:;
  64. font-size: 1em;
  65. }
  66.  
  67. #tertiary {display:none;}
  68.  
  69. #tertiary > .inner:first-child { }
  70.  
  71. #tertiary .separator-after { clear: both; }
  72.  
  73.  
  74. /*--- header + footer ---*/
  75.  
  76. #header {display:none; text-align:center; padding:0 0 70px 0;margin:0;
  77. }
  78. #pagetitle {display:none;
  79. }
  80. #title {line-height:1em;padding:0px;margin:0;font-family:palatino linotype, palatino, serif; font-size:18pt;font-weight:normal; letter-spacing:.1em;
  81. }
  82. #subtitle {line-height:1em;padding:0px;margin:0;font-family:palatino linotype, palatino, serif; font-size:12pt;font-weight:normal;letter-spacing:.1em;font-style:italic;
  83. }
  84. #footer {
  85. display:none;
  86. background: #222;
  87. width: 45%;
  88. font-size: 0.7em;
  89. text-transform: lowercase;
  90. clear: both;
  91. margin-top: 10px;
  92. margin-right: auto;
  93. }
  94.  
  95. #footer a, #footer a:link, #footer a:active { color: #aaa; }
  96. #footer a:visited { color: #3b4e55; }
  97. #footer a:hover { color: #769ca9; }
  98.  
  99. #footer .inner { padding: 10px; }
  100.  
  101.  
  102. /*--- prev/next navigation ---*/
  103.  
  104. li.page-back, li.page-forward {
  105. display: inline;
  106. list-style: none;
  107. padding: 0;
  108. margin: 0;
  109. }
  110.  
  111. li.page-separator { display: none; }
  112.  
  113. .navigation ul {
  114. display: inline;
  115. padding: 0;
  116. margin: 0;
  117. }
  118.  
  119.  
  120. /*--- entry ---*/
  121.  
  122. .entry {
  123. background: #FBFBFB;
  124. border:1px solid #EBEBEB;
  125. color: #111111;
  126. padding: 0;
  127. margin: 0 0 10px 0;
  128. }
  129.  
  130. .entry a, #tertiary a, .entry a:visited, #tertiary a:visited, .entry a:hover, #tertiary a:hover {
  131. color: #inherit;
  132. }
  133.  
  134. .entry-content {
  135. padding:10px 30px 10px 30px;
  136. margin:0;
  137. font-family: times new roman, serif;
  138. font-size: 10pt;
  139. line-height:1.3em;
  140. color:#555;}
  141.  
  142. .entry .header {
  143. text-align:center;
  144. color:#ccc;
  145. background:#222;
  146. font-family:times new roman;
  147. padding: 10px 10px 5px 10px;
  148. margin: 0;
  149. border-bottom: 1px solid #aaa;
  150. }
  151.  
  152. h3.entry-title {text-transform:lowercase;
  153. margin: 0;
  154. padding: 0;
  155. font-family:times new roman, times, serif;
  156. font-size:24pt;
  157. line-height:.8em;
  158. font-weight: normal;
  159. text-transform: lowercase;
  160. letter-spacing: 1px;
  161. color:inherit;
  162. }
  163.  
  164. .no-subject .entry .entry-title {
  165. background: none;
  166. }
  167.  
  168. h3.entry-title a { text-transform:lowercase; color:inherit; }
  169.  
  170. .datetime {
  171. line-height:1.2em;
  172. font-family:verdana;
  173. font-size:8pt;
  174. letter-spacing:.1em;
  175. text-transform: uppercase;
  176. color:#aaa;
  177. }
  178. .datetime a { color:inherit; }
  179.  
  180. .entry .userpic {
  181. display: none;
  182. float:left;
  183. margin-top: -72px;
  184. }
  185.  
  186. .entry .userpic img { background: #FBFBFB;
  187. padding:15px;
  188. border: 1px solid #aaa;margin:0 0 0 -12px;
  189. }
  190.  
  191. .poster {
  192. font-family: verdana, sans-serif; font-size: 8pt;
  193. text-transform: uppercase;
  194. float:left;
  195. padding:10px 0px 10px 45px;
  196. width:653px;
  197. display:block;
  198. }
  199.  
  200. .metadata { margin: 1.25em 0 0 0; }
  201.  
  202. .metadata.top-metadata { margin: 10px 0 1.25em 0; }
  203.  
  204. .metadata ul {
  205. padding: 0;
  206. margin: 0;
  207. }
  208.  
  209. .metadata ul li {
  210. list-style: none;
  211. font-size: 60%;
  212. font-weight: normal;
  213. text-transform: lowercase;
  214. color: #aaa;
  215. letter-spacing: 0;
  216. padding: 0;
  217. }
  218.  
  219. .tag-text {
  220. color:#777;
  221. padding:5px 15px 5px 30px;
  222. font-size: 10pt;
  223. text-transform: lowercase;
  224. }
  225.  
  226. .tag ul {
  227. padding: 0 0 0 0;
  228. margin: 0;
  229. display: inline;
  230. }
  231.  
  232. .tag ul li {
  233.  
  234. display: inline;
  235. list-style: none;
  236. font-size: 60%;
  237. font-weight: normal;
  238. text-transform: lowercase;
  239. letter-spacing: 0;
  240. padding: 0;
  241. }
  242.  
  243. .tag ul li a{ color:#777;}
  244.  
  245. ul.entry-management-links {
  246. text-align:center;
  247. padding: 0 10px 0 10px;
  248. margin: 10px 0 0 0;
  249. }
  250.  
  251. ul.entry-management-links li {
  252. display: inline;
  253. list-style: none;
  254. font-size: 60%;
  255. font-weight: normal;
  256. text-transform: lowercase;
  257. color: #333;
  258. letter-spacing: 0;
  259. padding: 0 5px 0 0;
  260. }
  261.  
  262. ul.entry-interaction-links {
  263.  
  264. padding: 0 0 5px 0;
  265. margin: 0;
  266. text-align: center;
  267. }
  268.  
  269. ul.entry-interaction-links li {
  270. display: inline;
  271. list-style: none;
  272. font-size:8pt;
  273. font-weight: normal;
  274. text-transform: uppercase;
  275. color: #aaa;
  276. letter-spacing: 0;
  277. padding: 0 5px 0 0;
  278. }
  279.  
  280. .navigation li{font-size:8pt;}
  281.  
  282. /*-- archive --*/
  283.  
  284. li.active {
  285. list-style: none;
  286. display: inline;
  287. padding: 0;
  288. margin: 10px;
  289. }
  290.  
  291. .month {
  292. background-color: transparent;
  293. border:1px solid #e7e7e7;
  294. color: #111111;
  295. padding: 20px;
  296. margin: 0;
  297. }
  298.  
  299. .month h3 {
  300. font-family: times new roman, times new roman, sans-serif; font-size: 0.7em;
  301. font-weight: normal;
  302. text-transform: lowercase;
  303. letter-spacing: 1px;
  304. padding: 0;
  305. margin: 0;
  306. text-align: right;
  307. }
  308.  
  309. .month a {
  310. color: #aaa;
  311. }
  312.  
  313. .month a:visited {
  314. color: #3b4e55;
  315. }
  316.  
  317. .month a:hover {
  318. color: #769ca9;
  319. }
  320.  
  321. .navigation ul { display: inline; }
  322. .navigation li { display: inline; list-style: none; }
  323.  
  324. table.month { border: 0; }
  325. .month caption { display: none; }
  326. .month th {
  327. text-align: center;
  328. margin: 0 2px;
  329. text-transform: lowercase;
  330. font-weight: normal;
  331. }
  332. .month td.day {
  333. font-weight: normal;
  334. color: #aaa;
  335. }
  336. .month td.day-has-entries {
  337. font-weight: normal;
  338. color: #aaa;
  339. }
  340. .month td.day-has-entries p {
  341. padding: 0 0 0 5px;
  342. margin: 0;
  343. display: inline;
  344. }
  345. .month table {
  346. width: 100%;
  347. border: 0;
  348. margin: auto;
  349. }
  350.  
  351. td.day {
  352. padding: 10px;
  353. border: 0;
  354. text-align: center;
  355. }
  356.  
  357.  
  358. /*-- tags --*/
  359.  
  360. .page-tags .tags-container {
  361. background-color: transparent;
  362. color: #111111;
  363. font-family: times new roman, times new roman, sans-serif; font-size: 0.95em;
  364. padding: 10px;
  365. margin: 0 0 10px 0;
  366. }
  367.  
  368. .page-tags .tags-container h2 {
  369. margin: 0 0 10px 0;
  370. padding: 0;
  371. font-family: times new roman, times new roman, sans-serif; font-size: 0.7em;
  372. border-width: 0 0 1px 0;
  373. border-style: solid;
  374. border-color: #E7E7E7;
  375. font-weight: normal;
  376. text-transform: lowercase;
  377. letter-spacing: 1px;
  378. color: #aaa;
  379. }
  380.  
  381. .page-tags .ljtaglist { margin: 0; padding: 0; }
  382. .page-tags .ljtaglist li {
  383. padding: 0 0 0 10px;
  384. margin: 0;
  385. text-transform: lowercase;
  386. letter-spacing: 0;
  387. list-style: none;
  388. }
  389.  
  390. .page-tags .tags-container a, .page-tags .tags-container a:visited, .page-tags .tags-container a:hover {
  391. color: #aaa;
  392. }
  393.  
  394. .page-tags .tags_cloud { text-align: center; }
  395.  
  396. /*-- icons page --*/
  397.  
  398. .icons-container {
  399. background-color: #ecf1f2;
  400. color: #111111;
  401. font-family: times new roman, times new roman, sans-serif; font-size: 0.95em;
  402. padding: 10px;
  403. margin: 0 0 10px;
  404. }
  405.  
  406. .icons-container h2 {
  407. border-color: #6b6b6b;
  408. border-style: dotted;
  409. border-width: 0 0 1px 0;
  410. color: #aaa;
  411. font-family: times new roman, times new roman, sans-serif; font-size: 0.7em;
  412. font-weight: normal;
  413. letter-spacing: 1px;
  414. margin: 0 0 10px 0;
  415. padding: 0;
  416. text-transform: lowercase;
  417. }
  418.  
  419. .icons-container a {
  420. color: #aaa;
  421. }
  422.  
  423. .icons-container a:visited {
  424. color: #3b4e55;
  425. }
  426.  
  427. .icons-container a:hover {
  428. color: #769ca9;
  429. }
  430.  
  431. .sorting-options ul {
  432. padding-left: 0;
  433. }
  434.  
  435. .sorting-options ul li {
  436. display: inline;
  437. list-style: none;
  438. margin: 0;
  439. }
  440.  
  441. .icons-container .icon {
  442. margin: 1em 0;
  443. }
  444.  
  445. .icon-image {
  446. float: left;
  447. clear: left;
  448. margin-bottom: .25em;
  449. min-width: 100px;
  450. padding-right: 1em;
  451. }
  452.  
  453. .icon-info {
  454. min-height: 100px;
  455. }
  456.  
  457. .icon-info span {
  458. font-weight: bold;
  459. }
  460.  
  461. .icon-info .default {
  462. text-decoration: underline;
  463. }
  464.  
  465. .icon-keywords ul {
  466. display: inline;
  467. padding: 0 0 0 13px;
  468. }
  469.  
  470. .icon-keywords ul li {
  471. display: inline;
  472. list-style: none;
  473. padding: 0 .25em 0 0;
  474. }
  475.  
  476. /*--- comments ---*/
  477.  
  478. #comments {
  479. float:right;
  480. text-align:center;
  481. width:700px;
  482. font-family: times new roman, times new roman, sans-serif; font-size: 10pt;
  483. }
  484.  
  485. .comment-wrapper {
  486. }
  487.  
  488. .comment-title {
  489. font-size:14pt;
  490. line-height:1.2em;
  491. font-family: times new roman;
  492. margin: 0;
  493. }
  494.  
  495. .no-subject .comment .comment-title {
  496. background: none;
  497. }
  498.  
  499. hr.above-entry-interaction-links, hr.below-reply-container { display: none; }
  500.  
  501. input, textarea {
  502. background-color: #e7e7e7;
  503. color: #333;
  504. padding: 2px;
  505. border: 1px solid #F7F7F7;
  506. font-family: Helvetica, times new roman, sans-serif;
  507. font-size: 80%;
  508. }
  509.  
  510. textarea.textbox { width: 90%!important; }
  511.  
  512. .poster-ip {
  513. display:inline-block;
  514. line-height:1em;
  515. font-family: verdana, sans-serif;
  516. font-size: 8pt;
  517. text-transform: uppercase;
  518. color: #aaa;
  519. margin:0;
  520. padding:0;
  521. }
  522.  
  523. .comment .userpic {
  524. position:absolute;
  525. float:right;
  526. display: ;
  527. margin: 0;
  528. }
  529.  
  530. .comment .userpic img {
  531. border-radius:40px;
  532. width:80px;
  533. height:80px;
  534. }
  535.  
  536. .comment {
  537. line-height:1em;
  538. text-align:left;
  539. background: transparent;
  540. border:1px solid #EBEBEB;
  541. color: #111111;
  542. padding: 20px 20px 5px 20px;
  543. margin: 0;
  544. }
  545. .comment-pages toppages {float:left;text-align:center;}
  546. .multiform-checkbox{font-family:verdana; font-size:8pt;}
  547. .comment-management-links{ margin:0; padding-top:10px;}
  548.  
  549. .comment-wrapper { margin: 20px 0; padding: 0; }
  550. .comment-content { font-family:palatino linotype; font-size:10pt; color:#333; line-height:1.2em;margin: 10px 0; }
  551.  
  552. .bottomcomment, .comments-message {
  553. font-size:10pt;
  554. background: transparent;
  555. color: #111111;
  556. padding: 10px;;
  557. margin: 0;
  558. }
  559.  
  560. .comment a,
  561. .bottomcomment a, .comment a:visited,
  562. .bottomcomment a:visited, .comment a:hover,
  563. .bottomcomment a:hover {
  564. color: #111;
  565. }
  566.  
  567. .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
  568. .comment-management-links li, .comment-interaction-links li, .comment-management-links li a, .comment-interaction-links li a { font-size:8pt; letter-spacing:.1em; color:#333; padding:0; margin:0; display: inline; }
  569.  
  570. #qrform table { border: 0!important; }
  571.  
  572. .comment-poster {
  573. line-height:1em;
  574. padding:0;
  575. margin:0;
  576. font-family: verdana, sans-serif; font-size: 8pt;
  577. text-transform: uppercase;
  578. color: #aaa;
  579. }
  580.  
  581. .comment-management-links ul, .comment-interaction-links ul { margin: 0; padding: 0; list-style: none; }
  582. .comment-management-links li, .comment-interaction-links li { margin: 0; padding: 0; display: inline; }
  583.  
  584. table.talkform {
  585. background: #ecf1f2;
  586. color: #111111;
  587. font-family: times new roman, times new roman, sans-serif; font-size: 0.95em;
  588. padding: 10px;
  589. margin: 0 0 10px 0;
  590. }
  591.  
  592. table.talkform b {
  593. color: #111111;
  594. }
  595.  
  596. table.talkform a {
  597. color: #aaa;
  598. }
  599.  
  600. table.talkform a:visited {
  601. color: #3b4e55;
  602. }
  603.  
  604. table.talkform a:hover {
  605. color: #769ca9;
  606. }
  607.  
  608. /*-- modules --*/
  609.  
  610. #secondary .module {
  611. font-family: times new roman, times new roman, sans-serif; font-size: 0.8em;
  612. }
  613.  
  614. #tertiary .module {
  615. float: left;
  616. padding: 0.5em 2em;
  617. font-family: times new roman, times new roman, sans-serif; font-size: 0.8em;
  618. }
  619. #secondary .module-navlinks { font-family: times new roman, times new roman, sans-serif; font-size: 0.8em;; }
  620.  
  621. #tertiary .module-navlinks {
  622. margin: 0;
  623. padding: 1em 5%;
  624. width: 90%;
  625. }
  626.  
  627. .module-navlinks {
  628. margin: 0;
  629. text-align:center;
  630. text-transform: lowercase;
  631. }
  632.  
  633. .module-navlinks ul.module-list {
  634. padding: 0;
  635. margin: 0;
  636. list-style: none;
  637.  
  638. }
  639. .module-navlinks ul.module-list li {
  640. font-family:palatino linotype;
  641. font-size:8pt;
  642. letter-spacing:.1em;
  643. text-transform:uppercase;
  644. display:inline-block;
  645. padding: 0px 10px 0px 10px;
  646. margin: 0;
  647. list-style: none;
  648. }
  649. .module-navlinks ul.module-list li a, .module-navlinks ul.module-list li a:link { color:#333; }
  650. .module-navlinks ul.module-list li a:visited { color:#333; }
  651. .module-navlinks ul.module-list li a:hover { color:#333; }
  652.  
  653.  
  654. .module-calendar { text-align: center; }
  655. .module-customtext {
  656. padding: 0;
  657. margin: 20px 0 0 0;
  658. text-align: center;
  659. }
  660.  
  661. .module-header {
  662. display:none;
  663. font-family: times new roman, times new roman, sans-serif; font-size: 1em;
  664. font-weight: normal;
  665. letter-spacing: 1px;
  666. text-align: left;
  667. text-transform: lowercase;
  668. border-style: solid;
  669. border-width: 0 0 1px 0;
  670. border-color: #6b6b6b;
  671. }
  672.  
  673. .module-cuttagcontrols{display:none;}
  674.  
  675. .module-customtext .module-header { text-align: center; }
  676.  
  677. #tertiary .module-header a,
  678. #tertiary .module-header a:link,
  679. #tertiary .module-header a:visited,
  680. #tertiary .module-header a:hover
  681. { color: #aaa; }
  682.  
  683. .module-userprofile .journal-name,
  684. .module-userprofile .userpic
  685. { text-align: center; }
  686. .journal-name{font-family:Quattrocento; font-size:12pt; text-transform:uppercase; letter-spacing:.3em; padding:10px 0 2px 0; color:#111;}
  687.  
  688. .module-userprofile .userpic img {-webkit-border-radius: 50px;
  689. -moz-border-radius: 50px;
  690. border-radius: 50px;}
  691.  
  692. ul.userlite-interaction-links.icon-links {
  693. display:none;
  694. list-style-image: none;
  695. list-style-position: outside;
  696. list-style-type: none;
  697. margin-left: 0;
  698. padding-left: 0;
  699. text-align: center;
  700. }
  701.  
  702. ul.userlite-interaction-links.icon-links li {
  703. display: inline;
  704. padding: 0 0.2em;
  705. }
  706.  
  707. .module-tags_cloud, .module-time, .module-powered { width: 90%; }
  708.  
  709. .tags_cloud li, .module-tags_cloud li { display: inline;
  710. list-style-type: none; }
  711.  
  712. .manage-link {
  713. font-size: smaller;
  714. text-align: right;
  715. text-transform: uppercase;
  716. }
  717.  
  718. .module-time, .module-powered {
  719. border-style:dotted;
  720. border-width: 0 0 1px 0;
  721. border-color: #6b6b6b;
  722. letter-spacing: 1px;
  723. line-height: 125%;
  724. text-align: center;
  725. padding-top: 1em;
  726. }
  727.  
  728. .module-search .search-form { margin: .2em auto; }
  729. .module-search .search-box { margin: .2em; max-width:100%; }
  730.  
  731. #tertiary .module-content ul {
  732. list-style-image: none;
  733. list-style-position: outside;
  734. list-style-type: disc;
  735. margin-left: 1em;
  736. padding-left: 0;
  737. }
  738.  
  739. #tertiary .module-content li {
  740. margin: 0.5em 0;
  741. line-height: 100%;
  742. }
  743.  
  744.  
  745. /*-- extras --*/
  746.  
  747. div.ContextualPopup {
  748. position: relative;
  749. margin: 0;
  750. text-align: justify;
  751. font-weight: normal;
  752. font-family: Helvetica, times new roman, sans-serif;
  753. font-size: 50%;
  754. color: #333;
  755. line-height: 1.8em;
  756. }
  757.  
  758. div.ContextualPopup div.Inner {
  759. color: #333 !important;
  760. border: 1px solid #6b6b6b;
  761. background: #fff !important;
  762. padding: 10px;
  763. }
  764.  
  765. div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited, div.ContextualPopup div.Inner a:hover {
  766. color: #333;
  767. }
  768.  
  769. div.ContextualPopup div.Inner a:active {
  770. color: ;
  771. }
  772.  
  773. div.ContextualPopup .Userpic {
  774. margin: 5px;
  775. border: 0;
  776. background:;
  777. padding:0;
  778. }
  779.  
  780. blockquote {
  781. background: transparent;
  782. border: 0;
  783. font-size: 10pt;
  784. color: #333;
  785. padding:10px 40px 10px 40px;
  786. margin:0;
  787. }
  788.  
  789. hr {
  790. color: transparent;
  791. height: 1px;
  792. border-style: none;
  793. border-bottom: 3px double #cedbde;
  794. }
  795.  
  796.  
  797. .entry .userpic,
  798. .comment .userpic {
  799. float: left;
  800. text-align: right;
  801. }
  802. .entry .userpic {
  803. margin-left: -105px;
  804. }
  805. .comment .userpic {
  806. margin-left: -115px;
  807. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!