Advertisement
Guest User

Untitled

a guest
Dec 19th, 2012
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 33.18 KB | None | 0 0
  1. /* Cleaned CSS: */
  2. /* Layout: Cake
  3. By: cirque @ dustier
  4. Base: Crisped */
  5.  
  6. @font-face {
  7. font-family: 'Amatic SC';
  8. font-style: normal;
  9. font-weight: 700;
  10. src: local('Amatic SC Bold'), local('AmaticSC-Bold'), url(http://themes.googleusercontent.com/static/fonts/amaticsc/v3/IDnkRTPGcrSVo50UyYNK73hCUOGz7vYGh680lGh-uXM.woff) format('woff');
  11. }
  12.  
  13. H1, H2, H3 {
  14. margin: .25em 0;
  15. padding: .25em 0;
  16. }
  17.  
  18. img {
  19. border: none;
  20. }
  21.  
  22. hr {
  23. display: none;
  24. }
  25. .entry-content hr,
  26. .comment-content hr {
  27. display: block;
  28. margin: 1em 10%;
  29. }
  30.  
  31. body {
  32. font-family: "Lucida Sans Unicode", sans serif;
  33. padding: 0;
  34. background: #ECE5CE;
  35. color: #727272;
  36. font-size: 12px;
  37. }
  38.  
  39. html body {
  40. margin-left: 0em;
  41. margin-right: 0em;
  42. }
  43.  
  44. a, a:active { color: #c90227;
  45. -webkit-transition: all 0.5s ease-in-out;
  46. -moz-transition: all 0.5s ease-in-out;
  47. -o-transition: all 0.5s ease-in-out;
  48. -ms-transition: all 0.5s ease-in-out;
  49. transition: all 0.5s ease-in-out;
  50. }
  51.  
  52. a: visited { color: #774F38; }
  53.  
  54. a:hover { color: #ff5c5c;
  55. -webkit-transition: all 0.5s ease-in-out;
  56. -moz-transition: all 0.5s ease-in-out;
  57. -o-transition: all 0.5s ease-in-out;
  58. -ms-transition: all 0.5s ease-in-out;
  59. transition: all 0.5s ease-in-out;
  60. }
  61.  
  62.  
  63. q { font-style: italic; }
  64.  
  65. .one-column #content { float: none; }
  66. .two-columns-left #content,
  67. .three-columns-sides #content {
  68. border-left: 20em solid transparent;
  69. }
  70. .two-columns-right #content,
  71. .three-columns-sides #content {
  72. border-right: 20em solid transparent;
  73. }
  74. .three-columns-left #content {
  75. border-left: 40em solid transparent;
  76. }
  77. .three-columns-right #content {
  78. border-right: 40em solid transparent;
  79. }
  80. .column-right #content {
  81. min-width: 20em; /* prevents sidebar overlap of entry, when entry becomes narrower than sidebar */
  82. }
  83.  
  84. #content-footer {
  85. height: 0;
  86. font-size: 0; /*to make IE happy*/
  87. clear: both;
  88. }
  89.  
  90. #header, #footer {
  91. margin: 0;
  92. clear: both;
  93. padding: .5em;
  94. }
  95.  
  96. #header {
  97. font-family: 'Amatic SC';
  98. font-size: 26px;
  99. background: transparent;
  100. color: #E08E79;
  101.  
  102. }
  103.  
  104. h1#title {
  105. font-family: 'Amatic SC', sans serif; font-size: 22;
  106. }
  107.  
  108. h2#subtitle,
  109. h2#pagetitle {
  110. font-family: 'Amatic SC', sans serif; font-size: 22;
  111. }
  112.  
  113. #footer {
  114. text-align: center;
  115. font-family: 'Amatic SC', sans serif; font-size: 25px;
  116. color: #E08E79;
  117. background: transparent;
  118. }
  119.  
  120. #footer a { }
  121. #footer a:visited { color: #774F38; }
  122. #footer a:hover { color: #C5E0DC;
  123. -webkit-transition: all 0.5s ease-in-out;
  124. -moz-transition: all 0.5s ease-in-out;
  125. -o-transition: all 0.5s ease-in-out;
  126. -ms-transition: all 0.5s ease-in-out;
  127. transition: all 0.5s ease-in-out; }
  128. #footer a:active { }
  129.  
  130. #primary {
  131. float: left;
  132. width:100%;
  133. margin-right:-100%;
  134. margin-left: 0;
  135. }
  136.  
  137. .one-column #primary { float: none; }
  138.  
  139. #primary > .inner:first-child {
  140. padding: 1em;
  141. }
  142.  
  143. .one-column #secondary { width: auto; }
  144.  
  145. .two-columns-left #secondary,
  146. .three-columns-sides #secondary {
  147. float: left;
  148. width: 18em;
  149. margin-left: -20em;
  150. }
  151. .two-columns-right #secondary {
  152. float: right;
  153. width: 20em;
  154. margin-right: -20em;
  155. }
  156. .three-columns-left #secondary {
  157. float: left;
  158. width: 20em;
  159. margin-left: -40em;
  160. }
  161. .three-columns-right #secondary {
  162. float: right;
  163. width: 20em;
  164. margin-right: -20em;
  165. }
  166.  
  167. #secondary > .inner:first-child {
  168. padding: 1em;
  169. }
  170.  
  171. .one-column #tertiary { width: auto; }
  172.  
  173. .two-columns-left #tertiary,
  174. .two-columns-right #tertiary {
  175. clear: both;
  176. }
  177. .two-columns-left #tertiary { margin-left: -20em; }
  178. .two-columns-right #tertiary { margin-right: -20em; }
  179. .two-columns-left #tertiary .module,
  180. .two-columns-right #tertiary .module {
  181. float: left;
  182. width: 20em;
  183. }
  184. .three-columns-left #tertiary {
  185. float: left;
  186. width: 20em;
  187. margin-left: -20em;
  188. }
  189. .three-columns-right #tertiary {
  190. float: right;
  191. width: 20em;
  192. margin-right: -40em;
  193. margin-left: 20em; /* so that #tertiary won't overlay #secondary in IE7 */
  194. }
  195. .three-columns-sides #tertiary {
  196. float: right;
  197. width: 20em;
  198. margin-right: -20em;
  199. }
  200.  
  201. #tertiary > .inner:first-child {
  202. padding: 1em;
  203. }
  204.  
  205. .navigation ul {
  206. margin-left: 0;
  207. padding-left: 0;
  208. }
  209. .navigation li {
  210. display: inline;
  211. padding: 0 .5em;
  212. }
  213. .noentries {
  214. padding: 0 .5em;
  215. }
  216. /* entries */
  217. .entry {
  218. background: #ECE5CE;
  219. color: #727272;
  220. size: 12px;
  221. border-bottom: 3px solid #C5E0DC;
  222.  
  223. }
  224.  
  225. .entry .entry-title {
  226. font-family: 'Amatic SC', sans serif; font-size: 25px;
  227. border-bottom: 2px solid #C5E0DC;
  228. -webkit-transition: all 0.5s ease-in-out;
  229. -moz-transition: all 0.5s ease-in-out;
  230. -o-transition: all 0.5s ease-in-out;
  231. -ms-transition: all 0.5s ease-in-out;
  232. transition: all 0.5s ease-in-out;
  233. }
  234.  
  235. .entry .entry-title, .entry .entry-title a {
  236. color: #E08E79;
  237. background-color: transparent;
  238. -webkit-transition: all 0.5s ease-in-out;
  239. -moz-transition: all 0.5s ease-in-out;
  240. -o-transition: all 0.5s ease-in-out;
  241. -ms-transition: all 0.5s ease-in-out;
  242. transition: all 0.5s ease-in-out;
  243.  
  244. }
  245.  
  246. .no-subject .entry .entry-title {
  247. background: none;
  248. border: none;
  249. }
  250.  
  251. .entry a { color: #E08E79;
  252. -webkit-transition: all 0.5s ease-in-out;
  253. -moz-transition: all 0.5s ease-in-out;
  254. -o-transition: all 0.5s ease-in-out;
  255. -ms-transition: all 0.5s ease-in-out;
  256. transition: all 0.5s ease-in-out;
  257. }
  258. .entry a:visited { color: #774F38; }
  259. .entry a:hover { color: #6A4A3C;
  260. -webkit-transition: all 0.5s ease-in-out;
  261. -moz-transition: all 0.5s ease-in-out;
  262. -o-transition: all 0.5s ease-in-out;
  263. -ms-transition: all 0.5s ease-in-out;
  264. transition: all 0.5s ease-in-out;
  265. }
  266. .entry a:active { }
  267.  
  268. /* To prevent overlapping when icon's on the left */
  269. /* and list is the first thing in content */
  270. .entry-content li,
  271. .comment-content li { list-style-position: inside }
  272. .metadata ul {
  273. display: inline;
  274. list-style: none;
  275. margin-left: .5em;
  276. padding-left: 0;
  277. }
  278. .metadata li { margin-bottom: .5em }
  279. .metadata.top-metadata ul { margin: 0 }
  280. .metadata.top-metadata { margin-bottom: 1em }
  281. .tag ul {
  282. display: inline;
  283. margin-left: .5em;
  284. padding-left: 0;
  285. }
  286. .tag ul li {
  287. display: inline;
  288. padding: .25em;
  289. }
  290. /* same for month view */
  291. ul.entry-management-links {
  292. margin-left: 0;
  293. padding-left: 0;
  294. }
  295. ul.entry-management-links li {
  296. display: inline;
  297. padding: 0 .25em;
  298. }
  299. ul.entry-interaction-links {
  300. margin-left: 0;
  301. padding-left: 0;
  302. text-align: right;
  303. }
  304. .entry-interaction-links a { color: #E08E79;
  305. -webkit-transition: all 0.5s ease-in-out;
  306. -moz-transition: all 0.5s ease-in-out;
  307. -o-transition: all 0.5s ease-in-out;
  308. -ms-transition: all 0.5s ease-in-out;
  309. transition: all 0.5s ease-in-out;
  310. }
  311.  
  312. ul.entry-interaction-links li {
  313. display: inline;
  314. padding: 0 .25em;
  315. }
  316. /* comments */
  317. .comment-wrapper {
  318. padding: .5em 0;
  319. min-width: 15em;
  320. }
  321. .comment .comment-title {
  322. font-family: 'Amatic SC', sans serif;
  323. font-size: 20px;
  324. margin: 0;
  325. }
  326. .comment .comment-title, .comment .comment-title a {
  327. color: #E08E79;
  328. background-color: transparent;
  329. -webkit-transition: all 0.5s ease-in-out;
  330. -moz-transition: all 0.5s ease-in-out;
  331. -o-transition: all 0.5s ease-in-out;
  332. -ms-transition: all 0.5s ease-in-out;
  333. transition: all 0.5s ease-in-out;
  334.  
  335. }
  336. .no-subject .comment .comment-title {
  337. background: none;
  338. border: none;
  339. }
  340. ul.comment-management-links {
  341. margin-left: 0;
  342. padding-left: 0;
  343. text-align: right;
  344. }
  345. ul.comment-management-links li {
  346. display: inline;
  347. padding: 0 .25em;
  348. }
  349. ul.comment-interaction-links {
  350. margin-left: 0;
  351. padding-left: 0;
  352. }
  353. ul.comment-interaction-links li {
  354. display: inline;
  355. padding: 0 .25em;
  356. }
  357. textarea#commenttext {
  358. width: 100%; /* fix for FF form width glitch */
  359. }
  360. /* archive */
  361. table.month {
  362. margin: 0 auto;
  363. border-collapse: collapse;
  364. }
  365. table.month td { height: 3.25em }
  366. table.month td,
  367. table.month th {
  368. border: 1px solid; /* ? */
  369. padding: 3px;
  370. }
  371. table.month td p {
  372. margin: 0;
  373. padding: 3px;
  374. }
  375. .month dl dt { font-weight: bold }
  376. .month dl .time { padding-right: .5em }
  377. .month dl h3 {
  378. display: inline;
  379. font-size: medium;
  380. }
  381. .page-month .month .entry-poster { margin-right: .5em }
  382. .month dl .tag ul { margin-top: 0 }
  383. /* icons */
  384. .sorting-options ul { margin-left: 0 }
  385. .sorting-options ul li { display: inline }
  386. .icon-keywords ul {
  387. display: inline;
  388. margin-left: .5em;
  389. padding-left: 0;
  390. }
  391. .icon-keywords ul li {
  392. display: inline;
  393. padding: .25em;
  394. }
  395. /* modules */
  396. .module {
  397. background: #ECE5CE;
  398. color: #727272;
  399. font-size: 12px;
  400. text-align: justify;
  401. padding: 5px;
  402. border-radius: 15px;
  403. moz-border-radius: 15px;
  404. webkit-border-radius: 15px;
  405.  
  406. }
  407.  
  408. .module a { color: #E08E79;
  409. -webkit-transition: all 0.5s ease-in-out;
  410. -moz-transition: all 0.5s ease-in-out;
  411. -o-transition: all 0.5s ease-in-out;
  412. -ms-transition: all 0.5s ease-in-out;
  413. transition: all 0.5s ease-in-out;
  414. }
  415. .module a:visited { color: #774F38; }
  416. .module a:hover { color: #C5E0DC;
  417. -webkit-transition: all 0.5s ease-in-out;
  418. -moz-transition: all 0.5s ease-in-out;
  419. -o-transition: all 0.5s ease-in-out;
  420. -ms-transition: all 0.5s ease-in-out;
  421. transition: all 0.5s ease-in-out;
  422. }
  423. .module a:active { }
  424.  
  425. .module h2 {
  426. color: #774F38;
  427. font-family: 'Amatic SC', sans serif; font-size: 22px;
  428. }
  429.  
  430. .module-content {
  431. font-family: "Lucida Sans Unicode", sans serif;
  432. color: #727272;
  433. font-size: 12px;
  434. text-align: justify;
  435. }
  436.  
  437. .module-content ul {
  438. list-style: outside;
  439. margin-left: 1em;
  440. padding-left: 0;
  441. }
  442. .module-content li {
  443. margin: .5em 0;
  444. }
  445.  
  446. ul.userlite-interaction-links.icon-links {
  447. margin-left: 0;
  448. padding-left: 0;
  449. }
  450.  
  451. ul.userlite-interaction-links.icon-links li {
  452. display: inline;
  453. padding: 0 .20em;
  454. }
  455.  
  456. ul.userlite-interaction-links.text-links {
  457. text-align: left;
  458. }
  459.  
  460. .module-calendar .module-content {
  461. text-align: center;
  462. }
  463.  
  464. .one-column .module-calendar .module-content {
  465. text-align: left;
  466. }
  467.  
  468. .module-calendar table {
  469. margin: 0 auto;
  470. }
  471.  
  472. .one-column .module-calendar table {
  473. margin: 0;
  474. }
  475.  
  476. .module-calendar td {
  477. padding: 1px;
  478. }
  479. .module-calendar td a {
  480. display: block;
  481. padding: 2px;
  482. }
  483.  
  484. .search-box {
  485. margin: .2em auto;
  486. max-width: 100%;
  487. }
  488. /* wrap long content, particularly openid usernames */
  489. .module-pagesummary .ljuser { white-space: normal !important }
  490. .module-pagesummary .module-content { word-wrap: break-word }
  491. .module-credit dt,
  492. .module-credit dd {
  493. display: inline;
  494. margin: 0;
  495. padding: 0;
  496. }
  497. .module-credit dt {
  498. font-weight: bold;
  499. margin-right: 0.5em;
  500. }
  501. .tags_cloud li,
  502. .module-tags_cloud li {
  503. display: inline;
  504. font-size: 10px;
  505. }
  506. .module-syndicate .module-content { text-align: center }
  507. .one-column .module-syndicate .module-content { text-align: left }
  508. .entry .userpic,
  509. .comment .userpic {
  510. text-align: right;
  511. -webkit-border-radius: 70px;
  512. -moz-border-radius: 70px;
  513. border-radius: 70px;
  514. khtml-border-radius: 70px;
  515. }
  516. /* Crisped */
  517. /* by timeasmymeasure*/
  518. /* Main
  519. ***************************************************************************/
  520. body {
  521. margin: 10px 0 0 0;
  522. background: #F1D4AF;
  523. font-size: 12px;
  524. }
  525.  
  526. a, a:link {
  527. color: #E08E79;
  528. text-decoration: none;
  529. -webkit-transition: all 0.5s ease-in-out;
  530. -moz-transition: all 0.5s ease-in-out;
  531. -o-transition: all 0.5s ease-in-out;
  532. -ms-transition: all 0.5s ease-in-out;
  533. transition: all 0.5s ease-in-out;
  534. }
  535. a: visited {
  536. color: #774F38;}
  537.  
  538. a: hover {
  539. color: #774F38;
  540. -webkit-transition: all 0.5s ease-in-out;
  541. -moz-transition: all 0.5s ease-in-out;
  542. -o-transition: all 0.5s ease-in-out;
  543. -ms-transition: all 0.5s ease-in-out;
  544. transition: all 0.5s ease-in-out;
  545. }
  546.  
  547. i, em {
  548. color: #774F38;
  549. letter-spacing: 1px;
  550. }
  551.  
  552. b, strong {
  553. font-weight: bold;
  554. color: #E08E79;
  555. }
  556.  
  557. u {
  558. border-bottom: 1px solid #774F38;
  559. }
  560.  
  561. code, kbd, pre, tt, textarea {
  562. font-family: monospace;
  563. }
  564.  
  565. input, textarea {
  566. background-color: #F1D4AF;
  567. border: 1px solid #774F38;
  568. color: #727272;
  569. }
  570.  
  571. ::-moz-selection {
  572. background-color: #774F38;
  573. color: #ffffff;
  574. }
  575.  
  576. blockquote {
  577. background-color: #F1D4AF;
  578. color: #727272;
  579. border-top: 2px solid #774F38;
  580. margin: 15px 15px 15px 70px;
  581. padding: 10px;
  582. width: 65%;
  583. }
  584. ul {
  585. list-style: square inside;
  586. margin: 5px 0 5px 15px;
  587. }
  588. ol {
  589. list-style: decimal inside;
  590. margin: 5px 0 5px 15px;
  591. }
  592. .poster {
  593. float: right;
  594. padding-left: 5px;
  595. font-size: 12px;
  596. color: #69D2E7;
  597. }
  598. hr,
  599. .page-separator { display: none }
  600. /* Page Containers
  601. ***************************************************************************/
  602. #canvas {
  603. margin: 0 auto;
  604. width: 92%;
  605. }
  606. #primary > .inner:first-child { padding: 1em .5em }
  607. #secondary > .inner:first-child { padding: .5em }
  608. .two-columns #secondary > .inner:first-child,
  609. .three-columns #secondary > .inner:first-child { padding-top: 4em }
  610. #tertiary > .inner:first-child { padding: .5em }
  611. .three-columns #tertiary > .inner:first-child { padding-top: 4em }
  612. /* Header
  613. ***************************************************************************/
  614. #header {
  615. padding: 10px;
  616. margin: 0 0 10px;
  617. letter-spacing: -0.1em;
  618. line-height: 120%;
  619. }
  620. h1#title {
  621. font-weight: lighter;
  622. margin: 0;
  623. padding: 0;
  624. text-transform: uppercase;
  625. }
  626. h2#subtitle,
  627. h2#pagetitle {
  628. color: #727272;
  629. font-weight: lighter;
  630. margin: 0;
  631. padding: 0;
  632. text-transform: lowercase;
  633. }
  634. /* Navigation
  635. ***************************************************************************/
  636. .navigation {
  637. margin: 5px 0;
  638. font-size: 1.1em;
  639. text-transform: uppercase;
  640. }
  641. /* Entries
  642. ***************************************************************************/
  643. .entry {
  644. border-bottom-width: 3px;
  645. border-left: none;
  646. border-top: none;
  647. margin-bottom: 15px;
  648. padding-bottom: 10px;
  649. -webkit-border-radius: 15px;
  650. -moz-border-radius: 15px;
  651. border-radius: 15px;
  652. }
  653. .entry .header {
  654. background-color: #ECE5CE;
  655. color: #E08E79;
  656. margin-bottom: 5px;
  657. padding: 5px 10px;
  658. text-align: center;
  659. -webkit-border-radius: 15px;
  660. -moz-border-radius: 15px;
  661. border-radius: 15px;
  662. }
  663. h3.entry-title {
  664. font-weight: normal;
  665. text-transform: uppercase;
  666. }
  667. .datetime {
  668. color: #69D2E7;
  669. font-size: .75em;
  670. text-transform: uppercase;
  671. }
  672. .entry .userpic img:hover {
  673. padding: 5px;
  674. background: #C5E0DC;
  675. text-align: right;
  676. -webkit-border-radius: 70px;
  677. -moz-border-radius: 70px;
  678. border-radius: 70px;
  679. khtml-border-radius: 70px;
  680. -webkit-transition: all 0.5s ease-in-out;
  681. -moz-transition: all 0.5s ease-in-out;
  682. -o-transition: all 0.5s ease-in-out;
  683. -ms-transition: all 0.5s ease-in-out;
  684. transition: all 0.5s ease-in-out;
  685. }
  686.  
  687. .entry .userpic img {
  688. padding: 5px;
  689. background: #E08E79;
  690. text-align: right;
  691. -webkit-border-radius: 70px;
  692. -moz-border-radius: 70px;
  693. border-radius: 70px;
  694. khtml-border-radius: 70px;
  695. -webkit-transition: all 0.5s ease-in-out;
  696. -moz-transition: all 0.5s ease-in-out;
  697. -o-transition: all 0.5s ease-in-out;
  698. -ms-transition: all 0.5s ease-in-out;
  699. transition: all 0.5s ease-in-out;
  700. }
  701.  
  702. .entry-content {
  703. margin-top: 1px;
  704. padding: 15px;
  705. }
  706. .metadata {
  707. font-family: 'Amatic SC';
  708. margin-top: 20px;
  709. margin-left: 15px;
  710. text-align: left;
  711. font-size: 20px;
  712. text-transform: uppercase;
  713. }
  714. .metadata ul,
  715. .metadata ul li {
  716. margin: ;
  717. padding: 0;
  718. }
  719. .metadata-item-location,
  720. .metadata-item-music,
  721. .metadata-item-mood,
  722. div.tag ul {
  723. font-family: 'Amatic SC';
  724. color: ;
  725. text-align: left;
  726. font-size: 20px;
  727. }
  728. .tag {
  729. font-family: 'Amatic SC';
  730. font-size: 20px;
  731. margin: 0;
  732. text-transform: uppercase;
  733. }
  734. .tag ul li {
  735. margin: 0 0;
  736. text-align: right;
  737. }
  738. .tag-text { margin-left: 15px }
  739. .entry .footer { clear: both }
  740. ul.entry-management-links {
  741. font-family: 'Amatic SC', sans serif;
  742. font-size: 20px;
  743. margin-left: 15px;
  744. margin-top: 5px;
  745. text-align: center;
  746. -webkit-transition: all 0.5s ease-in-out;
  747. -moz-transition: all 0.5s ease-in-out;
  748. -o-transition: all 0.5s ease-in-out;
  749. -ms-transition: all 0.5s ease-in-out;
  750. transition: all 0.5s ease-in-out;
  751. }
  752. ul.entry-management-links li {
  753. display: inline;
  754. margin: 0 auto;
  755. text-align: center;
  756. }
  757. ul.entry-interaction-links {
  758. font-family: 'Amatic SC', sans serif;
  759. font-size: 20px;
  760. margin-top: 5px;
  761. text-align: center;
  762. -webkit-transition: all 0.5s ease-in-out;
  763. -moz-transition: all 0.5s ease-in-out;
  764. -o-transition: all 0.5s ease-in-out;
  765. -ms-transition: all 0.5s ease-in-out;
  766. transition: all 0.5s ease-in-out;
  767. }
  768. ul.entry-interaction-links li {
  769. display: inline;
  770. font-size: 1.05em;
  771. margin-right: 5px;
  772. text-transform: uppercase;
  773. }
  774. /* Comments
  775. ***************************************************************************/
  776. .comment-wrapper .comment {
  777. background-color: #ECE5CE;
  778. border-right: 2px solid #F1D4AF;
  779. border-bottom: 2px transparent;
  780. color: #727272;
  781. padding-bottom: 10px;
  782. margin-bottom: 15px;
  783. }
  784.  
  785. .comment-wrapper .comment a { color: #E08E79;
  786. -webkit-transition: all 0.5s ease-in-out;
  787. -moz-transition: all 0.5s ease-in-out;
  788. -o-transition: all 0.5s ease-in-out;
  789. -ms-transition: all 0.5s ease-in-out;
  790. transition: all 0.5s ease-in-out;}
  791. .comment-wrapper .comment a:visited { color: #774F38; }
  792. .comment-wrapper .comment a:hover { color: #774F38;
  793. -webkit-transition: all 0.5s ease-in-out;
  794. -moz-transition: all 0.5s ease-in-out;
  795. -o-transition: all 0.5s ease-in-out;
  796. -ms-transition: all 0.5s ease-in-out;
  797. transition: all 0.5s ease-in-out; }
  798. .comment-wrapper .comment a:active { color: ; }
  799.  
  800. .comment .header {
  801. font-family: 'Amatic SC', sans serif; font-size: 20px;
  802. background-color: #F1D4AF;
  803. color: #727272;
  804. padding: 5px 10px;
  805. margin-bottom: 5px;
  806. text-align: right;
  807. }
  808.  
  809. .comment .comment-title a {
  810. color: #774F38;
  811. -webkit-transition: all 0.5s ease-in-out;
  812. -moz-transition: all 0.5s ease-in-out;
  813. -o-transition: all 0.5s ease-in-out;
  814. -ms-transition: all 0.5s ease-in-out;
  815. transition: all 0.5s ease-in-out;
  816. }
  817.  
  818. .partial .comment-title {
  819. margin-bottom: 5px;
  820. padding: 5px 10px;
  821. text-align: right;
  822. }
  823.  
  824. .comment-poster {
  825. text-transform: uppercase;
  826. }
  827.  
  828. .comment .userpic img:hover {
  829. padding: 5px;
  830. background: #C5E0DC;
  831. -webkit-border-radius: 70px;
  832. -moz-border-radius: 70px;
  833. border-radius: 70px;
  834. khtml-border-radius: 70px;
  835. -webkit-transition: all 0.5s ease-in-out;
  836. -moz-transition: all 0.5s ease-in-out;
  837. -o-transition: all 0.5s ease-in-out;
  838. -ms-transition: all 0.5s ease-in-out;
  839. transition: all 0.5s ease-in-out;
  840. }
  841.  
  842. .comment .userpic img {
  843. padding: 5px;
  844. background: #E08E79;
  845. -webkit-border-radius: 70px;
  846. -moz-border-radius: 70px;
  847. border-radius: 70px;
  848. khtml-border-radius: 70px;
  849. -webkit-transition: all 0.5s ease-in-out;
  850. -moz-transition: all 0.5s ease-in-out;
  851. -o-transition: all 0.5s ease-in-out;
  852. -ms-transition: all 0.5s ease-in-out;
  853. transition: all 0.5s ease-in-out;
  854. }
  855. .comment-content {
  856. margin-top: 10px;
  857. padding: 15px;
  858. }
  859. .comment .contents {
  860. padding: .5em 0;
  861. background: #ECE5CE;
  862. border-left: 2px solid #D4EE5E1;
  863. min-height: 10.5em;
  864. -webkit-border-radius: 0 15px 0 0;
  865. -moz-border-radius: 0 15px 0 0;
  866. border-radius: 0 15px 0 0;
  867. }
  868. .comment .footer {
  869. clear: both;
  870. color: #E08E79;
  871. font-weight: bold;
  872. padding: 0 10px;
  873. text-align: left;
  874. text-transform: uppercase;
  875. }
  876. ul.comment-management-links {
  877. font-family: 'Amatic SC', sans serif;
  878. font-size: 20px;
  879. -webkit-transition: all 0.5s ease-in-out;
  880. -moz-transition: all 0.5s ease-in-out;
  881. -o-transition: all 0.5s ease-in-out;
  882. -ms-transition: all 0.5s ease-in-out;
  883. transition: all 0.5s ease-in-out;
  884. text-align: left;
  885. }
  886. .bottomcomment {
  887. background-color: #ECE5CE;
  888. font-family: 'Amatic SC', sans serif; font-size: 20px;
  889. border-right: 2px solid #F1D4AF;
  890. border-bottom: 2px solid transparent;
  891. color: #727272;
  892. padding: 10px;
  893. -webkit-transition: all 0.5s ease-in-out;
  894. -moz-transition: all 0.5s ease-in-out;
  895. -o-transition: all 0.5s ease-in-out;
  896. -ms-transition: all 0.5s ease-in-out;
  897. transition: all 0.5s ease-in-out;
  898. }
  899.  
  900. .bottomcomment a { color: #E08E79;
  901. -webkit-transition: all 0.5s ease-in-out;
  902. -moz-transition: all 0.5s ease-in-out;
  903. -o-transition: all 0.5s ease-in-out;
  904. -ms-transition: all 0.5s ease-in-out;
  905. transition: all 0.5s ease-in-out; }
  906. .bottomcomment a:visited { color: #774F38; }
  907. .bottomcomment a:hover { color: #774F38;
  908. -webkit-transition: all 0.5s ease-in-out;
  909. -moz-transition: all 0.5s ease-in-out;
  910. -o-transition: all 0.5s ease-in-out;
  911. -ms-transition: all 0.5s ease-in-out;
  912. transition: all 0.5s ease-in-out;}
  913. .bottomcomment a:active { color: ; }
  914.  
  915. #qrformdiv input {
  916. margin: 1px;
  917. }
  918.  
  919. table.talkform {
  920. background-color: #ECE5CE;
  921. border-right: 2px solid #F1D4AF;
  922. border-bottom: 2px solid transparent;
  923. color: #727272;
  924. margin-bottom: 10px;
  925. padding: 10px;
  926. width: 100%;
  927. }
  928.  
  929. table.talkform input {
  930. margin: 1px;
  931. }
  932. /* Archive Pages
  933. ***************************************************************************/
  934. .month {
  935. background-color: #ffffff;
  936. border-right: 1px solid #ffab87;
  937. border-bottom: 2px solid #ffab87;
  938. color: #1a2708;
  939. margin-bottom: 15px;
  940. padding: 20px;
  941. }
  942. .month a {
  943. color: #c90227;
  944. -webkit-transition: all 0.5s ease-in-out;
  945. -moz-transition: all 0.5s ease-in-out;
  946. -o-transition: all 0.5s ease-in-out;
  947. -ms-transition: all 0.5s ease-in-out;
  948. transition: all 0.5s ease-in-out;
  949. }
  950. .month a:visited { color: #774F38; }
  951. .month a:hover {
  952. color: #ff5c5c;
  953. -webkit-transition: all 0.5s ease-in-out;
  954. -moz-transition: all 0.5s ease-in-out;
  955. -o-transition: all 0.5s ease-in-out;
  956. -ms-transition: all 0.5s ease-in-out;
  957. transition: all 0.5s ease-in-out;
  958. }
  959. .month a:active { color: }
  960. .month table {
  961. border: none;
  962. margin: auto;
  963. width: 100%;
  964. }
  965. .month caption { display: none }
  966. .month h3 {
  967. font-size: 1.1em;
  968. font-weight: normal;
  969. text-transform: uppercase;
  970. }
  971. table.month th {
  972. background-color: #ffedb8;
  973. border: 1px solid #ffab87;
  974. color: #1a2708;
  975. margin: 0 2px;
  976. padding: 5px 2px;
  977. font-size: 1.05em;
  978. font-weight: normal;
  979. text-align: center;
  980. text-transform: uppercase;
  981. }
  982. table.month td { border: none }
  983. table.month td.day {
  984. border: 1px solid #ffab87;
  985. padding: 10px;
  986. text-align: center;
  987. }
  988. .month td.day-has-entries {
  989. background-color: #ffedb8;
  990. color: #1a2708;
  991. }
  992. .month td.day-has-entries p {
  993. display: inline;
  994. font-size: 1.05em;
  995. font-weight: bold;
  996. padding-left: 5px;
  997. }
  998. .month td.day-has-entries p a { color: #c90227 }
  999. .month td.day-has-entries p a:visited { color: #774F38; }
  1000. .month td.day-has-entries p a:hover { color: #ff5c5c }
  1001. .month td.day-has-entries p a:active { color: }
  1002. .month dl,
  1003. .month dt,
  1004. .month dd {
  1005. margin: 0;
  1006. padding: 0;
  1007. }
  1008. /* Tags Page
  1009. ***************************************************************************/
  1010. .page-tags .tags-container {
  1011. background-color: #ECE5CE;
  1012. border-right: 2px solid #F1D4AF;
  1013. color: #727272;
  1014. margin-bottom: 10px;
  1015. }
  1016.  
  1017. .page-tags .tags-container a { color: #E08E79;
  1018. -webkit-transition: all 0.5s ease-in-out;
  1019. -moz-transition: all 0.5s ease-in-out;
  1020. -o-transition: all 0.5s ease-in-out;
  1021. -ms-transition: all 0.5s ease-in-out;
  1022. transition: all 0.5s ease-in-out; }
  1023. .page-tags .tags-container a:visited { color: #774F38;}
  1024. .page-tags .tags-container a:hover { color: #774F38;
  1025. -webkit-transition: all 0.5s ease-in-out;
  1026. -moz-transition: all 0.5s ease-in-out;
  1027. -o-transition: all 0.5s ease-in-out;
  1028. -ms-transition: all 0.5s ease-in-out;
  1029. transition: all 0.5s ease-in-out; }
  1030. .page-tags .tags-container a:active { color: ; }
  1031.  
  1032. .page-tags .tags-container h2 {
  1033. background-color: #ECE5CE;
  1034. color: #E08E79;
  1035. font-family: 'Amatic SC', sans serif; font-size: 20px;
  1036. font-weight: normal;
  1037. padding: 5px 10px;
  1038. text-transform: uppercase;
  1039. }
  1040.  
  1041. .page-tags .tags-container .ljtaglist {
  1042. padding: 10px;
  1043. }
  1044.  
  1045. .page-tags .tags-container .manage-tags-link {
  1046. padding: 10px;}
  1047. /* Icons Page
  1048. ***************************************************************************/
  1049. .icons-container {
  1050. background-color: fff4cc;
  1051. border-right: 2px solid #F1D4AF;
  1052. color: #727272;
  1053. margin-bottom: 10px;
  1054. }
  1055.  
  1056. .icons-container a { color: #c90227; }
  1057. .icons-container a:visited { color: #774F38; }
  1058. .icons-container a:hover { color: #ff5c5c; }
  1059. .icons-container a:active { color: ; }
  1060.  
  1061. .icons-container h2 {
  1062. background-color: #ffab87;
  1063. color: #1a2708;
  1064. font-size: 1.17em;
  1065. font-family: 'Palatino Linotype', 'Book Antiqua', Georgia, 'Times New Roman', serif; font-size: 1.1em;
  1066. font-weight: normal;
  1067. padding: 5px 10px;
  1068. text-transform: uppercase;
  1069. }
  1070.  
  1071. .icons-container .contents,
  1072. .icons-container .footer {
  1073. padding: 15px;
  1074. }
  1075.  
  1076. .sorting-options ul {
  1077. padding-left: 0;
  1078. }
  1079.  
  1080. .icons-container .icon {
  1081. margin: 1em 0;
  1082. }
  1083.  
  1084. .icon-image {
  1085. float: left;
  1086. clear: left;
  1087. margin-bottom: .25em;
  1088. min-width: 100px;
  1089. padding-right: 1em;
  1090. }
  1091.  
  1092. .icon-info {
  1093. min-height: 100px;
  1094. }
  1095.  
  1096. .icon-info span {
  1097. font-weight: bold;
  1098. }
  1099.  
  1100. .icon-info .default {
  1101. text-decoration: underline;
  1102. }
  1103. /* Modules
  1104. ***************************************************************************/
  1105. .module {
  1106. border-bottom-width: 2px;
  1107. border-left: none;
  1108. border-top: none;
  1109. margin-bottom: 5px;
  1110. padding-bottom: 2px;
  1111. }
  1112.  
  1113. h2.module-header {
  1114. font-family: 'Amatic SC', sans serif; font-size: 20px;
  1115. letter-spacing: 2px;
  1116. background-color: transparent;
  1117. color: #E08E79;
  1118. font-weight: normal;
  1119. margin: 0 0 5px 0;
  1120. padding: 5px 10px;
  1121. text-align: right;
  1122. text-transform: uppercase;
  1123. }
  1124.  
  1125. h2.module-header a {
  1126. -webkit-transition: all 0.5s ease-in-out;
  1127. -moz-transition: all 0.5s ease-in-out;
  1128. -o-transition: all 0.5s ease-in-out;
  1129. -ms-transition: all 0.5s ease-in-out;
  1130. transition: all 0.5s ease-in-out;
  1131. color: #E08E79;
  1132. }
  1133.  
  1134. .module-content {
  1135. margin-top: 0px;
  1136. padding: 2px;
  1137. }
  1138.  
  1139. ul.module-list {
  1140. list-style: none;
  1141. }
  1142.  
  1143. ul.module-list li,
  1144. ul.module-list-item li {
  1145. padding: 0 0 0 5px;
  1146. }
  1147.  
  1148. .module-content .userpic {
  1149. text-align: center;
  1150. }
  1151.  
  1152. .module-content .userpic img:hover {
  1153. padding: 5px;
  1154. background: #C5E0DC;
  1155. -webkit-border-radius: 70px;
  1156. -moz-border-radius: 70px;
  1157. border-radius: 70px;
  1158. -webkit-transition: all 0.5s ease-in-out;
  1159. -moz-transition: all 0.5s ease-in-out;
  1160. -o-transition: all 0.5s ease-in-out;
  1161. -ms-transition: all 0.5s ease-in-out;
  1162. transition: all 0.5s ease-in-out;
  1163. }
  1164.  
  1165. .module-content .userpic img {
  1166. padding: 5px;
  1167. background: #E08E79;
  1168. -webkit-border-radius: 70px;
  1169. -moz-border-radius: 70px;
  1170. border-radius: 70px;
  1171. -webkit-transition: all 0.5s ease-in-out;
  1172. -moz-transition: all 0.5s ease-in-out;
  1173. -o-transition: all 0.5s ease-in-out;
  1174. -ms-transition: all 0.5s ease-in-out;
  1175. transition: all 0.5s ease-in-out;
  1176. }
  1177.  
  1178. .journal-name {
  1179. font-family: 'Amatic SC', sans serif; font-size: 22px;
  1180. margin-top: 5px;
  1181. text-align: center;
  1182. text-transform: uppercase;
  1183. }
  1184.  
  1185. .journal-website-name {
  1186. text-align: center;
  1187. text-transform: uppercase;
  1188. }
  1189.  
  1190. ul.userlite-interaction-links {
  1191. margin: 5px 0 0;
  1192. list-style: none;
  1193. text-align: center;
  1194. }
  1195.  
  1196. ul.userlite-interaction-links.icon-links li {
  1197. display: inline;
  1198. margin: 0 auto;
  1199. text-align: center;
  1200. }
  1201.  
  1202. .module-navlinks {
  1203. margin-top: 0px;
  1204. border-left: 3px solid #E08E79;
  1205. color: #727272;
  1206. text-align: right;
  1207. letter-spacing: 2px;
  1208. list-style: none;
  1209. -webkit-transition: all 0.5s ease-in-out;
  1210. -moz-transition: all 0.5s ease-in-out;
  1211. -o-transition: all 0.5s ease-in-out;
  1212. -ms-transition: all 0.5s ease-in-out;
  1213. transition: all 0.5s ease-in-out;
  1214. }
  1215.  
  1216. .module-navlinks a: hover{
  1217. text-align: right;
  1218. -webkit-transition: all 0.5s ease-in-out;
  1219. -moz-transition: all 0.5s ease-in-out;
  1220. -o-transition: all 0.5s ease-in-out;
  1221. -ms-transition: all 0.5s ease-in-out;
  1222. transition: all 0.5s ease-in-out;
  1223. }
  1224.  
  1225. .module-navlinks ul.module-list {
  1226. text-transform: uppercase;
  1227. padding-top: 1px;
  1228. padding-bottom: 1px;
  1229. }
  1230.  
  1231. .manage-link,
  1232. .manage-tags-link {
  1233. font-family: 'Amatic SC', sans serif; font-size: 20px;
  1234. margin-top: 0px;
  1235. padding: 2px;
  1236. text-align: right;
  1237. text-transform: uppercase;
  1238. }
  1239.  
  1240. .module-calendar table {
  1241. margin: 0 auto;
  1242. text-align: center;
  1243. }
  1244.  
  1245. .module-calendar th {
  1246. background-color: #ECE5CE;
  1247. border: 1px transparent;
  1248. color: #727272;
  1249. margin: 0 2px;
  1250. padding: 3px 8px;
  1251. text-transform: uppercase;
  1252. }
  1253.  
  1254. .module-calendar td.empty-day {
  1255. border: 1px transparent;
  1256. margin: 0 2px;
  1257. text-transform: uppercase;
  1258. }
  1259.  
  1260. .module-calendar td.entry-day {
  1261. background-color: #F1D4AF;
  1262. border: 1px solid transparent;
  1263. color: #E08E79;
  1264. margin: 0 1px;
  1265. text-transform: uppercase;
  1266. }
  1267.  
  1268. .module-calendar td.entry-day a {
  1269. color: #E08E79;
  1270. -webkit-transition: all 0.5s ease-in-out;
  1271. -moz-transition: all 0.5s ease-in-out;
  1272. -o-transition: all 0.5s ease-in-out;
  1273. -ms-transition: all 0.5s ease-in-out;
  1274. transition: all 0.5s ease-in-out;
  1275. }
  1276.  
  1277. .module-calendar td.entry-day a:visited {
  1278. color: #774F38;
  1279. }
  1280.  
  1281. .module-calendar td.entry-day a:hover {
  1282. color: #774F38;
  1283. -webkit-transition: all 0.5s ease-in-out;
  1284. -moz-transition: all 0.5s ease-in-out;
  1285. -o-transition: all 0.5s ease-in-out;
  1286. -ms-transition: all 0.5s ease-in-out;
  1287. transition: all 0.5s ease-in-out;
  1288. }
  1289.  
  1290. .module-calendar td.entry-day a:active {
  1291. color: ;
  1292. }
  1293.  
  1294. .module-search .search-box {
  1295. margin-right: 2px;
  1296. }
  1297.  
  1298. /* Contextual Pop-ups
  1299. ***************************************************************************/
  1300.  
  1301. div.ContextualPopup {
  1302. text-transform: uppercase;
  1303. -webkit-transition: all 0.5s ease-in-out;
  1304. -moz-transition: all 0.5s ease-in-out;
  1305. -o-transition: all 0.5s ease-in-out;
  1306. -ms-transition: all 0.5s ease-in-out;
  1307. transition: all 0.5s ease-in-out;
  1308. }
  1309.  
  1310. div.ContextualPopup div.Inner {
  1311. background-color: #FEE4CC;
  1312. color: #727272;
  1313. border: 2px solid #F1D4AF;
  1314. }
  1315.  
  1316. div.ContextualPopup .Userpic {
  1317. -webkit-border-radius: 70px;
  1318. -moz-border-radius: 70px;
  1319. border-radius: 70px;
  1320. }
  1321.  
  1322. div.ContextualPopup .Userpic img {
  1323. padding: 5px;
  1324. background: #E08E79;
  1325. -webkit-border-radius: 70px;
  1326. -moz-border-radius: 70px;
  1327. border-radius: 70px;
  1328. }
  1329.  
  1330. div.ContextualPopup .Content {
  1331. background-color: #ECE5CE;
  1332. color: #727272;
  1333. border: none;
  1334. margin: auto;
  1335. }
  1336.  
  1337. div.ContextualPopup div.Inner a,
  1338. div.ContextualPopup div.Inner a:visited,
  1339. div.ContextualPopup div.Inner a:link {
  1340. color: #E08E79;
  1341. text-decoration: none;
  1342. -webkit-transition: all 0.5s ease-in-out;
  1343. -moz-transition: all 0.5s ease-in-out;
  1344. -o-transition: all 0.5s ease-in-out;
  1345. -ms-transition: all 0.5s ease-in-out;
  1346. transition: all 0.5s ease-in-out;
  1347. }
  1348.  
  1349. div.ContextualPopup .Relation {
  1350. color: #F1D4AF;
  1351. text-transform: uppercase;
  1352. }
  1353.  
  1354. /* Navigation Strip
  1355. ***************************************************************************/
  1356.  
  1357. #lj_controlstrip td {
  1358. background: url(http://i295.photobucket.com/albums/mm155/thirteenthend/bgs/back2.gif)
  1359. background-color: #F1D4AF;
  1360. border-bottom: 2px solid #69D2E7;
  1361. color: #727272;
  1362. text-transform: uppercase;
  1363. }
  1364.  
  1365. #lj_controlstrip_statustext{
  1366. color: #E08E79;
  1367. }
  1368.  
  1369. #lj_controlstrip input {
  1370. background-color: #ECE5CE;
  1371. border: 1px solid #69D2E7;
  1372. color: #727272;
  1373. padding: 0 5px;
  1374. text-transform: uppercase;
  1375. }
  1376.  
  1377. #lj_controlstrip a {
  1378. color: #E08E79;
  1379. text-decoration: none;
  1380. -webkit-transition: all 0.5s ease-in-out;
  1381. -moz-transition: all 0.5s ease-in-out;
  1382. -o-transition: all 0.5s ease-in-out;
  1383. -ms-transition: all 0.5s ease-in-out;
  1384. transition: all 0.5s ease-in-out;
  1385. }
  1386.  
  1387. #lj_controlstrip a:visited {
  1388. color: #774F38;
  1389. }
  1390.  
  1391. #lj_controlstrip a:hover {
  1392. text-decoration:none;
  1393. color: #C5E0DC;
  1394. -webkit-transition: all 0.5s ease-in-out;
  1395. -moz-transition: all 0.5s ease-in-out;
  1396. -o-transition: all 0.5s ease-in-out;
  1397. -ms-transition: all 0.5s ease-in-out;
  1398. transition: all 0.5s ease-in-out;
  1399. }
  1400.  
  1401. #lj_controlstrip a:active {
  1402. color: ;
  1403. }
  1404.  
  1405.  
  1406.  
  1407. .has-userpic .entry .userpic {
  1408. -webkit-border-radius: 70px;
  1409. -moz-border-radius: 70px;
  1410. border-radius: 70px;
  1411. float: right;
  1412. margin: 5px 10px 20px 20px;
  1413. }
  1414.  
  1415. .has-userpic .comment .userpic {
  1416. -webkit-border-radius: 70px;
  1417. -moz-border-radius: 70px;
  1418. border-radius: 70px;
  1419. display: block;
  1420. float: right;
  1421. margin: 5px 10px;
  1422. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement