Advertisement
Guest User

Untitled

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