Advertisement
Guest User

Tokyo

a guest
Jan 26th, 2016
518
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.93 KB | None | 0 0
  1. /* TOKYO- TABULA RASA */
  2. /* Layout by moribound @ aliahan- Please leave the credit intact! */
  3.  
  4. /* DISABLED */
  5. h1#title, h2#pagetitle, .page-top, .module-time.module,
  6. .module-powered.module, .module-syndicate.module, .module-
  7.  
  8. calendar.module, .manage-link, .module-pagesummary, .module-credit,
  9.  
  10. .module-cuttagcontrols.module, li.page-separator, .page-separator,
  11. .time, .navigation.topnav, span.sticky-entry-icon, span.access-
  12.  
  13. filter, span.restrictions, .month-wrapper a,
  14. #lj_controlstrip, h2.module-header, span.cuttag_container img,
  15. li.module-list-item a.network, .clear, ul.userlite-interaction-
  16. links.icon-links, .journal-name, .noentries, span#site-branding,
  17. input.search-box, .module-search.module, li.link.tell_friend,
  18. li.link.mem_add, .three-columns-right #secondary .separator, .three-
  19. columns-right #tertiary .separator, caption, .tag-nav-trigger, .tag-
  20. nav-actions input, .entry .time,
  21. .module-navlinks.module li.module-list-item .network,
  22. ul.entry-management-links, .tag, .entry .date, .metadata,
  23. li.entry-permalink, div.navigation.bottomnav.empty,
  24.  
  25. .navigation.topnav.empty, a.network,
  26. .module-tags_multilevel.module,
  27. ul.ljtaglist.tags_multilevel, ul.ljtaglist.tags_cloud,
  28. span.poster.entry-poster {display: none!important;}
  29.  
  30. ul, li {list-style: none!important;}
  31.  
  32. html body {padding: 0!important;}
  33.  
  34. .entry .footer, .comment .footer {clear: none!important; padding: 0!
  35. important;}
  36.  
  37. .module-content ul, .module-content ul {margin: 0px!important;
  38. padding: 0px!important;}
  39.  
  40. /* LINKS AND COLORS */
  41. a, u, i {color: #C0C9C8; text-decoration: none;}
  42.  
  43. b {font-weight: normal!important;}
  44.  
  45. span.ljuser a {font-family: Georgia, serif; font-size: 10px; color:
  46. #777!important; font-variant: small-caps; text-transform: uppercase;
  47.  
  48. padding-left: 0px; letter-spacing: 0px!important;}
  49.  
  50. span.cuttag_container {font-family: Georgia, serif; font-weight:
  51. normal!important; text-align: center; font-variant: small-caps!
  52.  
  53. important; color: #fff!important; text-transform: uppercase!
  54.  
  55. important; background-image: url(http://i.imgur.com/JRqHaKk.gif);
  56. background-repeat: no-repeat; background-position: left center;
  57.  
  58. padding-left: 10px; font-size: 10px!important;}
  59.  
  60. /* BODY */
  61. #container {}
  62.  
  63. div.inner {width: 660px!important; margin: 0px auto!important;}
  64.  
  65. #page {width: 660px; margin: 0px auto!important;}
  66.  
  67. canvas {width: 660px; background: transparent; margin: 0px auto!
  68.  
  69. important;}
  70.  
  71. body {line-height: 150%; background: #f7f7f7;
  72. max-width: 100% !important; margin: 0px auto 50px auto;}
  73.  
  74. #header, #footer {padding: 0;}
  75.  
  76. #primary {width: 660px; background: transparent;}
  77.  
  78. #primary > .inner:first-child, #secondary > .inner:first-child,
  79.  
  80. #tertiary > .inner:first-child {padding: 0!important;}
  81.  
  82. .three-columns-right #content {}
  83.  
  84. div.contents {width: 660px; margin: 0px auto;}
  85.  
  86. #content {margin: 0px!important;}
  87.  
  88. /* TOPBAR- NAVIGATION */
  89. #secondary {position: absolute!important; *position: relative; top:
  90.  
  91. 50px; left: auto; margin: 0px auto; text-align: center;
  92. padding: 0px!important; border-bottom: 4px double #777;
  93. background: #040404; width: 660px!important;}
  94.  
  95. .module-navlinks.module {font-variant: small-caps; font-size: 10px;
  96. text-transform: uppercase; padding: 0px!important;}
  97.  
  98. .module-navlinks.module ul {margin: 0px!important; background:
  99.  
  100. #040404!important; height: 100px; width: 660px!important;}
  101.  
  102. .module-navlinks.module li, .module-content li {margin: 0px!
  103.  
  104. important;}
  105.  
  106. .module-content li:hover {}
  107.  
  108. .module-navlinks.module li.module-list-item {display: inline-block!
  109. important; margin-top: 0px!important; text-align: center; margin-
  110.  
  111. left:
  112. 0!important; transition: opacity 0.5s ease; opacity: 0.5; float:
  113.  
  114. left;}
  115.  
  116. .module-navlinks.module li.module-list-item:hover {opacity: 1;}
  117.  
  118. .module-navlinks.module li a {font-variant: small-caps; font-size:
  119. 11px; text-transform: uppercase; color: #777; font-family: Georgia,
  120. serif; letter-spacing: 1px; font-size: 10px;}
  121.  
  122. /* TOPBAR- NAVIGATION (CUSTOMIZED IMAGES) */
  123. .module-navlinks.module li.module-list-item .recent {
  124. background-image:
  125. url(http://i.imgur.com/XrbHr3P.png); background-repeat: no-repeat;
  126. background-position: center 10px; padding: 75px 10px 10px 10px;
  127. display: block!important; width: 89px;
  128. border-right: 1px solid #777; max-height: 100px!important;}
  129.  
  130. .module-navlinks.module li.module-list-item .archive {
  131. background-image:
  132. url(http://i.imgur.com/DIgvaVv.png); background-repeat: no-repeat;
  133. background-position: center 10px; padding: 75px 10px 10px 10px;
  134. display: block!important; width: 89px;
  135. border-right: 1px solid #777; max-height: 100px!important;}
  136.  
  137. .module-navlinks.module li.module-list-item .read {background-image:
  138. url(http://i.imgur.com/ykIrfQH.png); background-repeat: no-repeat;
  139. background-position: center 10px; padding: 75px 10px 10px 10px;
  140. display: block!important; width: 89px;
  141. border-right: 1px solid #777; max-height: 100px!important;}
  142.  
  143. .module-navlinks.module li.module-list-item .tags {background-image:
  144. url(http://i.imgur.com/1FLCGEv.png); background-repeat: no-repeat;
  145. background-position: center 10px; padding: 75px 10px 10px 10px;
  146. display: block!important; width: 89px;
  147. border-right: 1px solid #777; max-height: 100px!important;}
  148.  
  149. .module-navlinks.module li.module-list-item .memories {
  150. background-image: url(http://i.imgur.com/4R16n7l.png);
  151. background-repeat: no-repeat; background-position: center 10px;
  152. padding: 75px 10px 10px 10px; display: block!important; width: 89px;
  153. border-right: 1px solid #777; max-height: 100px!important;}
  154.  
  155. .module-navlinks.module li.module-list-item .userinfo {
  156. background-image: url(http://i.imgur.com/qvwLHP4.png);
  157. background-repeat: no-repeat; background-position: center 10px;
  158. padding: 75px 11px 10px 10px; display: block!important; width: 89px;
  159. max-height: 100px!important;}
  160.  
  161. /* TOPBAR- TERTIARY */
  162. #tertiary {position: absolute!important; *position: relative; top:
  163.  
  164. 0px; margin: 175px auto 0px auto!important; width: 658px!important;
  165.  
  166. background: #fafafa; text-align: left; padding: 0px!important;
  167.  
  168. height: 150px!important; max-height: 150px!important; display:
  169.  
  170. inline!important; border: 1px solid #eee;}
  171.  
  172. .module-customtext.module {display: inline-block; width: 310px!
  173. important; padding: 10px 10px 10px 9px; float: left; min-height:
  174.  
  175. 130px; max-height: 130px!important; overflow-y: scroll; overflow-x:
  176.  
  177. hidden; text-align: left;}
  178.  
  179. .module-customtext.module img {
  180. transition: -webkit-filter 0.5s ease-in;
  181. -moz-transition: filter 0.5s ease-in;
  182. padding: 1px; border: 1px solid #eee; max-width: 290px;
  183. max-height: 130px; -webkit-filter: grayscale(100%); filter:
  184.  
  185. grayscale(100%); margin: -2px auto 0px auto;}
  186.  
  187. .module-customtext.module img:hover {filter: none;
  188. -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%);}
  189.  
  190. .module-typelist.module, .module-tags_list.module {display: inline-
  191.  
  192. block; width: 310px!important; padding: 10px; overflow-x: hidden;
  193. max-height: 130px!important; overflow-y: scroll; padding: 10px 9px
  194.  
  195. 10px 10px; font-family: Georgia, serif; font-size: 10px; font-
  196.  
  197. variant: small-caps; text-transform: uppercase; min-height: 130px;}
  198.  
  199. .module-typelist.module li, .module-tags_list.module li {
  200. border-bottom: 1px solid #eee!important;}
  201.  
  202. .module-typelist.module .module-content li, .module-tags_list.module
  203.  
  204. .module-content li {margin: 0px; padding-bottom: 2px;}
  205.  
  206. .module-typelist.module li a, .module-tags_list.module li a
  207. {color: #777; font-family: Georgia, serif; font-size: 10px;
  208. font-variant: small-caps;
  209. text-transform: uppercase; padding-left: 12px;
  210. background-image: url(http://i.imgur.com/7n00D99.gif);
  211. background-repeat: no-repeat; background-position: left center;}
  212.  
  213. /* TOPBAR- TERTIARY (TAG CLOUD) */
  214. .module-tags_cloud.module {display: inline-block; width: 310px!
  215.  
  216. important; padding: 10px; overflow-y: scroll; overflow-x: hidden;
  217.  
  218. max-height: 130px!important; padding: 10px 9px 10px 10px; font-
  219.  
  220. family: Georgia, serif; font-size: 10px; font-variant: small-caps;
  221.  
  222. text-transform: uppercase; min-height: 130px!important;}
  223.  
  224. .module-tags_cloud.module li a {font-family: Georgia, serif; font-
  225.  
  226. size: 10px; font-variant: small-caps; text-transform: uppercase;
  227.  
  228. color: #777; background-image: url(http://i.imgur.com/8LXjV35.gif);
  229. background-repeat: no-repeat; background-position: left center;
  230.  
  231. padding-left: 12px;}
  232.  
  233. /* ENTRIES */
  234. #entries {width: 660px; margin: 346px auto 20px auto!important;
  235. background: transparent!important;}
  236.  
  237. .entry {margin: 20px auto; background: #fafafa; border: 1px solid
  238.  
  239. #eee;}
  240.  
  241. blockquote {padding: 4px; border: 1px solid #eee;
  242. background-color: #fafafa;
  243. background-image: url(http://i.imgur.com/mu9qZXh.png);
  244. background-repeat: no-repeat; background-position: 4px 0px;
  245. box-shadow: 0px 1px 5px #eee;}
  246.  
  247. .entry-wrapper-odd .entry-title, .entry-wrapper-even .entry-title
  248. {background-color: #fff; font-size: 11px; font-family: Geneva,
  249. sans-serif; font-variant: small-caps; text-transform: uppercase;
  250. width: 519px; padding: 5px 10px 5px 10px; margin: 0px auto 0px 118px;
  251.  
  252. text-align: left; border-left: 1px solid #eee;
  253. background-image: url(http://i.imgur.com/Uu61nj6.png);
  254. background-repeat: no-repeat; background-position: bottom center;
  255. letter-spacing: 1px;}
  256.  
  257. .entry-wrapper-odd .entry-title a, .entry-wrapper-even .entry-title a
  258. {color: #777!important; font-weight: normal!important;
  259. letter-spacing: 1px;}
  260.  
  261. .entry-wrapper-odd .entry, .entry-wrapper-even .entry {}
  262.  
  263. .entry-content {margin-left: 118px; width: 519px; padding: 5px 10px
  264.  
  265. 5px 10px; font-size: 11px!important; font-family: Arial, sans-serif!
  266.  
  267. important; color: #777!important; min-height: 189px!important;
  268.  
  269. background: #fff!important; border-left: 1px solid #eee;}
  270.  
  271. .entry-content img {padding: 1px; border: 1px solid #eee; max-width:
  272.  
  273. 515px; transition: -webkit-filter 0.5s ease-in;
  274. -moz-transition: filter 0.5s ease-in; margin: 0px auto;
  275. -webkit-filter: grayscale(100%);
  276. filter: grayscale(100%);}
  277.  
  278. .entry-content img:hover {opacity: 1; -webkit-filter: grayscale(0%);
  279.  
  280. filter: grayscale(0%); -moz-filter: grayscale(0%);}
  281.  
  282. .entry-wrapper-odd .userpic a, .comment-wrapper-odd .userpic a,
  283. .entry-wrapper-even .userpic a, .comment-wrapper-even .userpic a
  284. {padding: 0px!important; border: none!important; background:
  285.  
  286. transparent!important; float: left; display: block!important;}
  287.  
  288. .entry .userpic img, .comment .userpic img {width: 100px!important;
  289. height: 100px!important; padding: 1px; border: 1px solid #eee!
  290. important; background: #fff!important; margin-left: 7px;
  291. min-width: 100px!important; min-height: 100px!important;}
  292.  
  293. /* COMMENTS */
  294. .entry .footer {float: left; display: inline-block; background:
  295.  
  296. transparent; padding: 2px 5px; width: 100px; margin-top: -35px;
  297. margin-left: 10px; *padding-top: 0px!important;}
  298.  
  299. .text-links {margin-top: 0px; margin-right: -10px; display: inline;}
  300.  
  301. .entry .footer .text-links ul, .text-links li {display: inline;
  302.  
  303. padding: 0px 2px;}
  304.  
  305. .text-links li a {color: #777; font-variant: small-caps;
  306. text-transform: uppercase; font-family: Georgia, serif;
  307. font-size: 10px;}
  308.  
  309. ul.entry-interaction-links li {padding: 0px;}
  310.  
  311. /* COMMENTS - CUSTOMIZED ICONS */
  312.  
  313. li.entry-readlink a {
  314. background-image: url(http://i.imgur.com/NCu5ftJ.png);
  315. background-repeat: no-repeat; background-position: 0px 50%;
  316. padding: 25px 0px 25px 25px; font-size: 0px;}
  317.  
  318. li.entry-replylink a {
  319. background-image: url(http://i.imgur.com/jF9lwP8.png);
  320. background-repeat: no-repeat; background-position: 0px 50%; padding:
  321.  
  322. 25px 25px 25px 0px; font-size: 0px;}
  323.  
  324. li.entry-permalink a, li.entry-readlink a, li.entry-replylink a
  325.  
  326. {color: #777!important; *font-size: 1px;}
  327.  
  328. /* ARCHIVE */
  329.  
  330. .year {margin-top: 346px;}
  331.  
  332. div#archive-year h3 {padding: 5px 9px; background-color: #fff;
  333. font-size: 11px; font-family: Geneva, sans-serif;
  334. font-variant: small-caps; text-transform: uppercase; width: 639px;
  335.  
  336. color: #777!important; font-weight: normal!important; letter-spacing:
  337.  
  338. 1px; text-align: left; border-bottom: 1px solid #eee;}
  339.  
  340. .month-wrapper, #archive-month dl {border: 1px solid #eee!important;
  341.  
  342. width: 658px; margin: 20px auto 20px 0px; background: #fff!important;
  343.  
  344. font-family: Courier New, monospace!important; font-variant: small-
  345.  
  346. caps; text-transform: uppercase;}
  347.  
  348. .month {font-size: 11px!important; font-family: Arial, sans-serif!
  349.  
  350. important; color: #777!important; min-height: 189px!important;}
  351.  
  352. .month th {font-weight: normal!important; font-variant: small-caps!
  353.  
  354. important; text-transform: uppercase!important; border: 1px solid
  355.  
  356. #eee!important; background: #040404!important; margin: 0px 1px!
  357.  
  358. important; font-size: 10px!important; width: 55px!important; font-
  359.  
  360. family: Georgia, serif!important; padding: 4px!important; color:
  361.  
  362. #777!important;}
  363.  
  364. .month .day {font-weight: normal!important; font-variant: small-
  365.  
  366. caps!important; text-transform: uppercase!important; border: 1px
  367.  
  368. solid #eee!important; background: #fafafa!important; margin: 0px
  369.  
  370. 1px!important; font-size: 10px!important; width: 55px!important;
  371.  
  372. text-align: right; padding: 4px!important;}
  373.  
  374. table.month {border-collapse: collapse!important;
  375. margin: 0px auto; border: 10px solid #fff;}
  376.  
  377. table.month td {border: none!important;}
  378.  
  379. li.active {font-variant: small-caps; text-transform: uppercase;
  380.  
  381. font-size: 11px; color: #777; font-family: Courier New, monospace;
  382.  
  383. letter-spacing: 1px;}
  384.  
  385. h3.day-date {font-variant: small-caps; text-transform: uppercase;
  386.  
  387. color: #777!important; font-weight: normal!important; letter-spacing:
  388.  
  389. 1px;}
  390.  
  391. /* ARCHIVE - MONTH VIEW */
  392.  
  393. #archive-month {margin: 346px auto 20px auto;}
  394.  
  395. .month dl dt {padding: 5px 9px; background-color: #fff; font-size:
  396.  
  397. 11px; font-family: Geneva, sans-serif; font-variant: small-caps;
  398.  
  399. text-transform: uppercase; width: 639px; color: #777!important;
  400.  
  401. font-weight: normal!important; letter-spacing: 1px; text-align: left;
  402.  
  403. border-bottom: 1px solid #eee;}
  404.  
  405. .month dl h3 {font-variant: small-caps; text-transform: uppercase;
  406.  
  407. color: #777!important; font-weight: normal!important; letter-spacing:
  408.  
  409. 1px;}
  410.  
  411. .month dl dt a, .month dl h3 a {color: #777!important; font-size:
  412.  
  413. 10px; font-family: Geneva, sans-serif;}
  414.  
  415. .month dl dd {padding-top: 5px;}
  416.  
  417. li.month-back, li.month-forward {color: #040404!important;}
  418.  
  419. /* FOOTER */
  420. .navigation.bottomnav {width: 660px;
  421. text-align: center; background: #040404; min-height: 30px; padding:
  422.  
  423. 5px 0px;}
  424.  
  425. .navigation ul {padding: 5px 0px; margin: auto; vertical-align:
  426.  
  427. middle!important;}
  428.  
  429. .navigation.bottomnav a {font-variant: small-caps; text-transform:
  430.  
  431. uppercase; font-size: 11px; color: #777; font-family: Courier New,
  432.  
  433. monospace; letter-spacing: 1px;}
  434.  
  435. /* TAGS */
  436. .tags-container {border: 1px solid #eee!important; width: 658px;
  437.  
  438. margin: 346px auto 20px 0px; background: #fff!important;}
  439.  
  440. ul.ljtagslist.tags_list li, .tags_list li, .tags_multilevel li {
  441. font-family: Geneva, sans-serif!important; font-size: 11px!important;
  442.  
  443. color: #777; font-variant: small-caps; text-transform: uppercase;
  444.  
  445. border-bottom: 1px solid #eee; padding: 2px 0px 2px 12px;
  446. background-image: url(http://imgur.com/nWliP8e.gif);
  447. background-repeat: no-repeat; background-position: left center;
  448. background-color: transparent; width: 555px; margin-left: 8px;
  449. font-family: Georgia, serif!important; font-size: 10px!important;}
  450.  
  451. ul.ljtagslist.tags_list li a, .tags_list li a, .tags_multilevel li a
  452. {color: #777; font-family: Georgia, serif!important; font-size:
  453.  
  454. 10px!important;}
  455.  
  456. /* MISC- USERICONS */
  457. img[src*="user.png"], img[src*="community.png"], img
  458.  
  459. [src*="feed.png"],
  460. img[src*="user_staff.png"], img[src*="comm_staff.png"],
  461. img[src*="http://plurk.com/favicon.ico"],
  462. img[src*="http://twitter.com/favicon.ico"],
  463. img[src*="http://facebook.com/favicon.ico"] {width: 0!important;
  464.  
  465. vertical-align: middle !important; margin: 0 auto; height: 0!
  466.  
  467. important;
  468. background: transparent url(http://imgur.com/ZW6BWhI.gif) no-repeat;
  469. padding: 14px 0 0 10px !important;}
  470.  
  471. /* CONTEXTUAL POPUP */
  472. body .ui-tooltip {border: none!important; font-family: Courier New,
  473.  
  474. monospace!important;}
  475.  
  476. .ui-widget-content {border-top: 1px solid #eee!important; color:
  477.  
  478. #777!important; font-family: Courier New, monospace!important;}
  479.  
  480. .ContextualPopup {width: 300px; border-top: 1px solid #eee!important;
  481. border-top: 1px solid #eee!important; font-family: Courier New,
  482.  
  483. monospace!important;}
  484.  
  485. .ContextualPopup a {color: #777!important; font-family: Courier New,
  486.  
  487. monospace!important; font-weight: normal!important; text-align: left;
  488.  
  489. font-variant: small-caps!important; text-transform: uppercase!
  490.  
  491. important; font-size: 11px!important;}
  492.  
  493. .ContextualPopup .Actions {line-height: 150%;}
  494.  
  495. .ContextualPopup .Userpic {border: none!important;}
  496.  
  497. .ContextualPopup .Userpic img {padding: 1px!important; border: 1px
  498.  
  499. solid #eee; background: #fff;}
  500.  
  501. .ContextualPopup .Relation {font-size: 11px; font-family: Courier
  502.  
  503. New, monospace!important; font-weight: normal!important; text-align:
  504.  
  505. left; font-variant: small-caps; text-transform: uppercase!important;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement