Advertisement
Rionell

bookshelves / riotguns @ invicted

Apr 10th, 2015
215
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.84 KB | None | 0 0
  1. /* bookshelves (v.7) ~ CSS by riotguns @ invicted */
  2.  
  3. body {background-color: #f8f8f8;
  4. text-align: justify;
  5. color: #777;
  6. font: normal 7pt arial;
  7. margin: 20px 0 20px 0;}
  8.  
  9. strong {color: #bbb;
  10. font-weight: normal;}
  11. em {color: #555;}
  12.  
  13. #lj_controlstrip td {font: normal 8pt arial;
  14. color: #aaa;
  15. background:#000;}
  16.  
  17. td#lj_controlstrip_actionlinks a, span#lj_controlstrip_statustext, td#lj_controlstrip_user a, td#lj_controlstrip_search a{
  18. font: normal 8pt arial;
  19. text-transform:lowercase;
  20. color: #777;}
  21.  
  22.  
  23. a, a:link, a:visited {
  24. color: #555;
  25. text-decoration: none;}
  26.  
  27. a:hover {
  28. color: #e9e9e9;
  29. font-style: none;
  30. font-weight: normal;}
  31.  
  32. p, td, blockquote {
  33. background-color: #eee;
  34. font-size: 8.5pt;}
  35.  
  36. code, kbd, pre, tt {
  37. font-family: monospace;}
  38.  
  39. #content {
  40. -moz-border-radius: 20px;
  41. width: 450px;
  42. margin-left: 300px;
  43. margin-right: auto;
  44. background-color: #fff;
  45. padding: 15px;}
  46.  
  47. #maincontent {
  48. margin-top: 15px;
  49. background-color: #ffffff;
  50. color: #000000;
  51. margin-right: 180px;
  52. text-align: left;}
  53.  
  54. #sidebar {
  55. position:fixed !important;
  56. padding: 80px 10px 10px 10px;
  57. right: 320px;
  58. width: 150px;
  59. height: 100%;
  60. top: 0px;
  61. font: normal 7.5pt arial;
  62. color: #666;
  63. text-transform: lowercase;
  64. background-color: #000;}
  65.  
  66. #sidebar a:link, #sidebar a:visited, #sidebar a:active {text-align: center;
  67. width: 140px;
  68. display: block;
  69. background-color: #111;
  70. color: #888;}
  71.  
  72. #header {
  73. text-transform: lowercase;
  74. width: auto;
  75. font: normal 9pt arial;
  76. font-style: italic;
  77. text-align: center;
  78. color: #ccc;}
  79.  
  80.  
  81. div#header a, div#header a:link, div#header a:visited {font: normal 9pt arial; color: #999; letter-spacing: -.5px;}
  82.  
  83. div#footer a, div#footer a:link, div#footer a:visited {font: normal 9pt arial; color: #999;}
  84. div#header a:hover, div#footer a:hover {color: #777;}
  85.  
  86.  
  87. .subtitle, .title {display:none;}
  88.  
  89. .entry {
  90. width: 440px;
  91. padding: 10px;
  92. background-color: #ffffff;
  93. color: #777;
  94. font: normal 8pt arial;
  95. text-align: justify;}
  96. .entry_text {margin-top: 0px!important;}
  97.  
  98. .userpic {
  99. margin-left: -10px;
  100. float: left;
  101. position: relative;
  102. width: 70px;
  103. padding: 10px;
  104. z-index: 15;}
  105.  
  106. .userpic img { position: relative;
  107. border: 1px solid #eee;
  108. width: 70px;
  109. height: 70px;}
  110.  
  111. .date {text-transform: lowercase; font: normal 7pt monospace; color: #ccc; padding: 3px; border-bottom: 1px solid #fff; line-height: 4px;}
  112.  
  113. .subject {
  114. width: 400px;
  115. font: normal 12pt arial;
  116. color: #444;
  117. line-height: 8pt;}
  118.  
  119. .subject a, .subject a:link, .subject a:visited {
  120. color: #444;
  121. line-height: 8pt;}
  122.  
  123. .subject a:hover {
  124. color: #444;
  125. font-style: none;
  126. font-weight: normal;}
  127.  
  128. .datesubject {
  129. background-color: #ffffff;
  130. padding: 5px;
  131. }
  132.  
  133. .entry ul li
  134. {
  135. padding-left: 5px;
  136. margin-left: 15px;
  137. }
  138.  
  139. .entry ol li
  140. {
  141. padding-left: 5px;
  142. margin-left: 15px;
  143. }
  144.  
  145. .ljtags strong {font-weight: normal;}
  146.  
  147. .currents strong, .currentmood strong, .currentmusic .currentlocation {
  148. color: #666;
  149. font-size: 8pt;
  150. text-transform: lowercase;
  151. font-weight: normal;}
  152.  
  153. .currents, .currentmood, .currentmusic, .currentlocation {
  154. color: #666;
  155. font-weight: normal;
  156. font-size: 8pt;
  157. text-transform: lowercase;}
  158.  
  159. .currentlocation a, .currentlocation a:link, .currentlocation a:visited {
  160. color: #ccc;
  161. font-size: 8pt;
  162. text-transform: lowercase;
  163. font-weight: light;}
  164.  
  165. .currentlocation a:hover, .ljtags a:hover {
  166. color: #ccc;
  167. font-size: 8pt;
  168. text-transform: lowercase;}
  169.  
  170. .currentlocation {
  171. color: #ccc;
  172. background: url('http://i42.tinypic.com/2vj7wy8.png') no-repeat;
  173. padding-left: 17px;
  174. height: 16px;}
  175.  
  176. .currentmusic {
  177. color: #ccc;
  178. background: url('http://i42.tinypic.com/2vj7wy8.png') no-repeat;
  179. padding-left: 17px;
  180. height: 16px;}
  181.  
  182. .currentmood {
  183. color: #ccc;
  184. background: url('http://i42.tinypic.com/2vj7wy8.png') no-repeat;
  185. padding-left: 17px;
  186. height: 16px;}
  187.  
  188. ul.navheader {
  189. padding: 0px;
  190. margin: 0px;}
  191.  
  192. ul.navheader li {
  193. display: inline;
  194. padding: 0 3px 0 3px;}
  195.  
  196. .comments {
  197. text-transform: lowercase;
  198. padding: 3px;
  199. position: relative;
  200. top: 5px;}
  201.  
  202. div.comments a, div.comments a:link, div.comments a:visited { text-align: left;
  203. font: normal 8pt monospace; color: #bbb;}
  204.  
  205. div.comments a:hover {
  206. color: #f7f7f7;
  207. font-style: none;
  208. font-weight: normal;
  209. text-decoration: none;}
  210.  
  211. .separator {height: 1px;}
  212.  
  213.  
  214. .userpicfriends {
  215. position: relative;
  216. float: left;
  217. width: 75px;
  218. height: 75px;
  219. background-color: #ccc;
  220. padding: 5px;
  221. margin-left: -105px;
  222. margin-top: 10px;
  223. z-index: 15;}
  224.  
  225. .userpicfriends img {
  226. width: 75px;
  227. height: 75px;}
  228.  
  229. .defaultuserpic, .defaultuserpic img {
  230. display: none;}
  231.  
  232. .sbarheader {
  233. padding: 0px 5px 0px 5px;}
  234.  
  235. .sbarbody {
  236. padding: 0px 5px 0px 5px;}
  237.  
  238. .sbarbody2 {
  239. padding: 0 15px 0 15px;}
  240.  
  241. div#sidebar a, div#sidebar a:link, div#sidebar a:visited {text-align: center; color: #999; z-index: 100;}
  242.  
  243. div#sidebar a:hover {
  244. font-style: none;
  245. font-weight: normal;
  246. color: #999; background-color: #222;
  247. text-decoration: none;}
  248.  
  249. table.calendar {
  250. margin-right: auto;
  251. margin-left: auto;}
  252.  
  253. .sbarcalendar {
  254. display:none;
  255. border-color: #fff;
  256. background-color: #fff;
  257. font: normal 7.5pt arial;
  258. text-align: center;}
  259.  
  260. .sbarcalendarposts {
  261. border-color: #fff;
  262. background-color: #ffffff;
  263. text-align: center;}
  264.  
  265. ul.sbarlist {
  266. padding-left: 0px;
  267. margin-left: 0px;
  268. list-style: none;}
  269.  
  270. li.sbaritem {
  271. border-color: #fff;
  272. width: 100px;
  273. text-align: center;
  274. list-style: none;
  275. margin-bottom: 4px;}
  276.  
  277. li.sbartitle {
  278. display:none;
  279. color: #fff;
  280. text-align: center;
  281. letter-spacing: 2px;
  282. list-style: none;
  283. background-color: #333;
  284. margin-bottom: 10px;
  285. margin-top: 10px;}
  286.  
  287.  
  288. .ljtags {
  289. font: light 8pt arial;
  290. color: #333;
  291. padding: 5px;
  292. margin-top: 3px;
  293. text-transform: lowercase;
  294. line-height: 8pt;}
  295.  
  296. #footer .viewing {display:none;}
  297.  
  298. #footer {
  299. width: 100%;
  300. text-align: right;
  301. font: light 12pt georgia;
  302. letter-spacing: 1px;
  303. color: #555555;
  304. z-index: 100;
  305. clear: both;
  306. }
  307.  
  308. ul.navfooter {
  309. padding: 0px;
  310. margin: 0px;}
  311.  
  312. ul.navfooter li {
  313. display: inline;
  314. margin: 0 5px 0 5px;}
  315.  
  316. .clearfoot {clear: both;}
  317.  
  318. ul.year {
  319. text-align: center;
  320. padding-bottom: 40px;}
  321.  
  322. ul.year li {display: inline;}
  323.  
  324. table.yeartable {
  325. margin-left: auto;
  326. margin-right: auto;}
  327.  
  328. table.yeartable td.yeardate, table.yeartable td.yearday {}
  329.  
  330. table.yeartable td.yearday {
  331. background-color: #fff;
  332. text-align: center;}
  333.  
  334. td.yearmonth {border-style: none;}
  335.  
  336. .datesubjectcomment {
  337. background-color: #F7F6F2;
  338. padding: 5px;
  339. margin-top: 20px;}
  340.  
  341. .userpiccomment {
  342. position: relative;
  343. background-color: #d4dce8;
  344. top: -30px;
  345. left: 0px;
  346. padding: 5px;
  347. margin: 10px 10px -20px 10px;
  348. z-index: 15;
  349. float: left;
  350. border-color: #F7F6F2;}
  351.  
  352. .box {
  353. font: normal 7pt arial;
  354. color: #777;
  355. border-width: 1px 0px 0px 0px;
  356. padding: 10px;
  357. clear: left;}
  358.  
  359. input, textarea {
  360. background-color: #d4dce8;
  361. color: #000000;}
  362.  
  363. textarea.textbox {width: auto !important;}
  364.  
  365. .reply {
  366. font: normal 7pt arial;
  367. position: relative;
  368. margin: 20px 30px 10px 30px;
  369. padding: 25px 10px 10px 10px;
  370. text-align: left;
  371. line-height: 125%;
  372. background-color: #f7f7f7;
  373. color: #000000;
  374. }
  375.  
  376. .replytosubject {font-weight: bold;}
  377.  
  378.  
  379. .commentreply {
  380. font: normal 7pt arial;
  381. position: relative;
  382. margin: 10px;
  383. color: #000000;}
  384.  
  385. .commentbox {
  386. padding: 10px;
  387. margin: 10px;
  388. background-color: #f7f7f7;
  389. }
  390.  
  391. .datesubjectcomment a:link, .datesubjectcomment a:visited {
  392. color: #222;}
  393.  
  394. .datesubjectcomment a:hover {
  395. font-style: none;
  396. font-weight: normal;
  397. color: #eee;}
  398.  
  399. .commentboxpartial {
  400. padding: 10px;
  401. margin: 10px;
  402. background-color: #f7f7f7;}
  403.  
  404. .commentinfo {
  405. background-color: #f7f7f7;
  406. margin-top: 10px;
  407. width: auto;}
  408.  
  409. .skiplinks {text-align: center;}
  410.  
  411. .clear {height: 15px;}
  412.  
  413. img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {
  414. padding: 0 2px 16px 16px;
  415. background: url(http://i43.tinypic.com/klru8.jpg);
  416. background-repeat: no-repeat;
  417. width: 0;
  418. height: 0;}
  419.  
  420. .ljuser img[src="http://l-stat.livejournal.com/img/userinfo.gif"] {
  421. background-image: url(http://i39.tinypic.com/og9fgy.png);
  422. background-repeat: no-repeat;
  423. padding: 15px 18px 0 0 !important;
  424. width: 0px;
  425. height: 0px;}
  426.  
  427. .ljuser img[src="http://l-stat.livejournal.com/img/community.gif"] {
  428. background-image: url(http://i42.tinypic.com/9038sz.png);
  429. background-repeat: no-repeat;
  430. padding: 15px 18px 0 0 !important;
  431. width: 0px;
  432. height: 0px;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement