Advertisement
Codesbyneen

007. Layout - I'm Falling Down

Nov 20th, 2016
284
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 22.34 KB | None | 0 0
  1. /* Title: I'm Falling Down
  2. Creator: neen at revolumna
  3. Style: S2 Flexible Squares */
  4.  
  5. /* ---------->>> FONTS <<<---------- */
  6.  
  7. @font-face {font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v11/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2');}
  8.  
  9. @font-face {font-family: 'Lato'; font-style: italic; font-weight: 300; src: local('Lato Light Italic'), local('Lato-LightItalic'), url(https://fonts.gstatic.com/s/lato/v11/2HG_tEPiQ4Z6795cGfdivFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');}
  10.  
  11. @font-face {font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v11/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2');}
  12.  
  13. @font-face {font-family: 'Josefin Slab'; font-style: normal; font-weight: 400; src: local('Josefin Slab'), local('JosefinSlab'), url(https://fonts.gstatic.com/s/josefinslab/v6/46aYWdgz-1oFX11flmyEfegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');}
  14.  
  15. @font-face {font-family: 'Homemade Apple'; font-style: normal; font-weight: 400; src: local('Homemade Apple'), local('HomemadeApple'), url(https://fonts.gstatic.com/s/homemadeapple/v6/yg3UMEsefgZ8IHz_ryz86IpVThvdH1ZERIrfWb3R7t4.woff2) format('woff2');}
  16.  
  17. /* ---------->>> GLOBAL <<<---------- */
  18.  
  19. body {background-color: #fff; background-image: url(http://i.imgur.com/6HKbXS0.png); background-repeat: repeat-x; background-position: 0 404px; font-size: 14px; color: #634e38; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal;}
  20.  
  21. a, a:link, a:visited {color: #ffb0a0; font-size: 14px; text-decoration: none; transition: all 0.5s ease 0s;}
  22.  
  23. a:hover {color: #f08861; text-decoration: none; transition: all 0.5s ease 0s;}
  24.  
  25. span.ljuser a {font-family: 'Lato', sans-serif; color: #ffb0a0; font-size: 14px; transition: all 0.5s ease 0s; font-variant: small-caps;}
  26.  
  27. span.ljuser a:hover {color: #f08861; text-decoration: none; transition: all 0.5s ease 0s;}
  28.  
  29. i, em {font-weight: 300; font-style: italic;}
  30.  
  31. b, strong {font-weight: 700;}
  32.  
  33. #content {width: 1024px; margin: 0 auto; background: transparent;}
  34.  
  35. #maincontent {margin: 70px 370px 0 20px; background: transparent;}
  36.  
  37. /* ---------->>> HEADER <<<---------- */
  38.  
  39. #header {width: auto; background: transparent; padding-top: 28px; color: #f08861; text-align: center; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 300; height: 38px; letter-spacing: 0.04em; margin-bottom: 20px;}
  40.  
  41. .headerimage {position: relative; height: 322px; margin: 0 auto; background: transparent url(http://i.imgur.com/ZojDSK9.png) no-repeat center top; z-index: -1;}
  42.  
  43. #header a, #header a:link, #header a:visited {font-family: 'Lato', sans-serif; color: #ffb0a0; font-size: 15px; padding: 8px 12px; margin: 0; background-color: #fff; transition: all 0.5s ease 0s; text-transform: uppercase; letter-spacing: 0.04em;}
  44.  
  45. #header a:hover {transition: all 0.5s ease 0s; color: #f08861; background-color: #fef0e4;}
  46.  
  47. #header .view {padding: 8px 12px; background-color: #fef0e4; text-transform: uppercase; letter-spacing: 0.04em;}
  48.  
  49. ul.navheader {padding: 0 0; margin: 0 auto; background-color: #fff; width: 490px;}
  50.  
  51. ul.navheader li {display: inline; margin: 0 0 0; list-style-type: none; background-color: #fff;}
  52.  
  53. .title {font-size: 48px; margin: -238px auto 0; color: #f08861; text-align: center; font-family: 'Homemade Apple', 'Meiryo', cursive; line-height: 68px;}
  54.  
  55. .subtitle {display: none;}
  56.  
  57. /* ---------->>> FOOTER <<<---------- */
  58.  
  59. .lj-view-recent #footer, .lj-view-friends #footer {margin: 0 17px 5px; padding: 0 10px 0; text-align: left; background-color: #fff;}
  60.  
  61. .lj-view-recent #footer a, .lj-view-friends #footer a, .lj-view-recent #footer a:link, .lj-view-friends #footer a:link {font-size: 15px; color: #000; text-align: center; text-transform: lowercase; font-family: 'Lato', sans-serif; font-weight: 300; margin-right: 3px; margin-left: 3px; background-color: #ccc; padding: 6px 8px; transition: all 0.5s ease 0s;}
  62.  
  63. .lj-view-recent #footer a:hover, .lj-view-friends #footer a:hover {background-color: #ffb0a0; color: #fff; transition: all 0.5s ease 0s;}
  64.  
  65. ul.navfooter {padding: 0; margin: 0; display: inline;}
  66.  
  67. ul.navfooter li {list-style: none; margin: 3px 0 15px; padding: 0; display: inline-block;}
  68.  
  69. #footer .viewing {font-size: 15px; text-transform: lowercase; color: #fff; text-align: center; font-family: 'Lato', sans-serif; font-weight: 300; margin-right: 3px; margin-left: 3px; background-color: #ffb0a0; padding: 6px 8px;}
  70.  
  71. /* ---------->>> SIDEBAR <<<---------- */
  72.  
  73. #sidebar {width: 320px; margin-left: 25px; margin-top: 80px; padding: 0 10px 0; background-color: #fff; color: #634e38; float: right; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 13px;}
  74.  
  75. #sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:hover {font-family: 'Lato', sans-serif; color: #000; font-size: 12px; font-weight: 300;}
  76.  
  77. li.sbartitle {list-style: none; text-align: center; color: #000; font-family: 'Lato', sans-serif; font-size: 13px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 300; border: 1px solid #e9d9ca; padding: 13px; margin-top: -15px;}
  78.  
  79. .defaultuserpic {margin: 0 auto 41px; text-align: center;}
  80.  
  81. .defaultuserpic img {padding: 5px; border: 1px solid #e9d9ca;}
  82.  
  83. .sbarheader {padding: 0 5px;}
  84.  
  85. .sbarbody {padding: 0 5px 5px; margin-left: -6px;}
  86.  
  87. .sbarbody2 {margin: -13px 5px 26px -1px; padding: 12px 10px 0; color: #634e38; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 300; text-align: justify; border-top: 1px solid #e9d9ca; line-height: 1.4em;}
  88.  
  89. .sbarbody2 img {max-width: 296px;}
  90.  
  91. .sbarbody2 a {font-size: 13px !important; font-family: 'Lato', sans-serif !important; color: #ffb0a0 !important; transition: all 0.5s ease 0s;}
  92.  
  93. .sbarbody2 a:hover {color: #f08861 !important; transition: all 0.5s ease 0s;}
  94.  
  95. ul.sbarlist.sbarcontent {border-top: 1px solid #e9d9ca; margin-top: -8px;}
  96.  
  97. #sidebar_calendar.sbarbody ul.sbarlist.sbarcontent {padding-bottom: 8px;}
  98.  
  99. table.calendar {margin: 10px auto 0;}
  100.  
  101. .sbarcalendar {padding: 4px; border: 1px solid #efe4da; text-align: center; color: #000; font-size: 12px; font-family: 'Lato', sans-serif; font-weight: 300;}
  102.  
  103. .sbarcalendarposts {padding: 4px; background-color: #f5efe9; text-align: center; font-family: 'Lato', sans-serif; border: 1px solid #efe4da;}
  104.  
  105. ul.sbarlist {margin-left: 0; list-style: none; padding-left: 0;}
  106.  
  107. #sidebar_summary.sbarbody {display: none;}
  108.  
  109. #sidebar_linklist.sbarbody ul.sbarlist li.sbartitle {margin-top: 15px;}
  110.  
  111. #sidebar_linklist.sbarbody ul.sbarlist.sbarcontent li.sbartitle {margin: 12px 0; border: 1px solid #e9d9ca;}
  112.  
  113. #sidebar_linklist.sbarbody li.sbarblank {height: 9px;}
  114.  
  115. #sidebar_linklist.sbarbody ul.sbarlist.sbarcontent {padding: 12px 10px 7px;}
  116.  
  117. #sidebar_linklist a, #sidebar_linklist a:hover {text-align: left; color: #000 !important; font-size: 13px !important;}
  118.  
  119. #sidebar_linklist.sbarbody li.sbaritem {background-color: #f5efe9; margin-bottom: 3px; padding: 4px 10px 7px; border-left: 10px solid #efe4da; transition: all 0.5s ease 0s;}
  120.  
  121. #sidebar_linklist.sbarbody li.sbaritem:hover { border-left: 25px solid #efe4da; transition: all 0.5s ease 0s;}
  122.  
  123. #sidebar_tags.sbarbody ul.sbarlist.sbarcontent {padding: 12px 10px 10px;}
  124.  
  125. #sidebar_tags a {text-align: left; display: block; background: url(http://i.imgur.com/ClDk3Jw.png) 3px 5px no-repeat; padding-left: 25px; padding-top: 6px; padding-bottom: 5px; border-bottom: 1px solid #efe4da; text-transform: lowercase;}
  126.  
  127. #sidebar_tags a:hover {background-color: #fcfaf8;}
  128.  
  129. /* ---------->>> TAGS, TAGS PAGE <<<---------- */
  130.  
  131. .ljtags {margin-top: 25px; text-align: left; border-left: 10px solid #f5efe9; color: #634e38; font-family: 'Lato', sans-serif; padding: 0 0 1px 5px; font-style: italic;}
  132.  
  133. .ljtags a, .ljtags a:link, .ljtags a:visited {font-family: 'Lato', sans-serif; font-weight: 300; padding: 0; color: #ffb0a0; font-size: 14px; letter-spacing: 0.04em; text-decoration: none; transition: all 0.5s ease 0s; font-variant: small-caps; font-style: normal;}
  134.  
  135. .ljtags a:hover {color: #f08861; text-decoration: none; transition: all 0.5s ease 0s;}
  136.  
  137. h2 {margin: 0; padding: 15px 5px 9px 5px; text-align: center; color: #f08861; font-family: 'Josefin Slab', serif; font-size: 24px; font-weight: 400; text-transform: uppercase; border: 1px solid #e9d9ca;}
  138.  
  139. ul.ljtaglist {text-align: left; margin-top: 0; margin-right: auto; margin-left: auto; padding: 12px 10px 27px 5px;}
  140.  
  141. ul.ljtaglist li {margin-left: 6px; list-style-type: none; text-align: left; display: block; background: url(http://i.imgur.com/ClDk3Jw.png) 3px 7px no-repeat; padding-left: 25px; padding-top: 6px; padding-bottom: 5px; border-bottom: 1px solid #efe4da; text-transform: lowercase;}
  142.  
  143. /* ---------->>> SUBCONTENT, ENTRIES <<<---------- */
  144.  
  145. .subcontent {padding-left: 10px; padding-right: 10px; padding-top: 5px; background-color: #fff;}
  146.  
  147. .entry {padding: 0 10px 0 10px; margin: 12px 0 0; color: #634e38; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0.01em; line-height: 1.7em; text-align: justify; background-color: #fff;}
  148.  
  149. .entry ul {list-style-type: square;}
  150.  
  151. .entry ul li {padding-left: 10px; margin-bottom: -10px;}
  152.  
  153. .entry ol li {padding-left: 10px; margin-bottom: -10px;}
  154.  
  155. blockquote {margin: 5px 15px; padding: 44px 26px 5px; color: #634e38; font-size: 13px; font-family: 'Lato', sans-serif; font-weight: 300; background: #fff url(http://i.imgur.com/ekLIzwc.png) left top no-repeat; text-align: justify; line-height: 1.3em; letter-spacing: 0.04em; font-style: italic;}
  156.  
  157. .ljcut-link {display: inline-block; margin: 3px 0; padding: 3px 5px; background-color: #fcfaf8; border: 1px solid #f5efe9; box-shadow: 2px 2px 6px #fff inset; color: #fcfaf8;}
  158.  
  159. .ljcut-link a {color: #000; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300 !important;}
  160.  
  161. /* ---------->>> USERPIC, USERPIC FRIENDS <<<---------- */
  162.  
  163. .userpic, .userpicfriends {position: relative; float: left; margin-left: -130px !important; margin-top: 8px !important; background: transparent !important; color: #634e38; font-size: 12px; font-family: 'Lato', sans-serif; text-decoration: none; text-align: center;}
  164.  
  165. .userpic img, .userpicfriends img {background: transparent !important; width: 90px; height: 90px; margin-bottom: 3px; border: 1px solid #e9d9ca; padding: 5px;}
  166.  
  167. .userpic font, .userpicfriends font, .userpic a, .userpicfriends a {background: transparent !important; padding: 0 2px 0; font-family: 'Lato', sans-serif; font-weight: 300; color: #634e38; font-size: 12px; text-decoration: none; text-align: center; text-transform: uppercase;}
  168.  
  169. .userpicfriends br {display: block; height: 0;}
  170.  
  171. /* ---------->>> DATE, SUBJECT, CURRENTS <<<---------- */
  172.  
  173. .date {margin: -9px auto auto; text-align: center; padding: 0 5px 2px; color: #634e38; font-family: 'Lato', sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 300; background-color: #fff; width: 220px;}
  174.  
  175. .subject {margin: 5px 0 -25px; padding: 18px 5px 20px 5px; text-align: center; color: #f08861; font-family: 'Josefin Slab', 'Meiryo', serif; font-size: 24px; font-weight: 400; text-transform: uppercase; border-bottom: 1px solid #e9d9ca;}
  176.  
  177. .subject a, .subject a:link, .subject a:visited {text-align: center; color: #f08861; font-family: 'Josefin Slab', 'Meiryo', serif; font-size: 24px; font-weight: 400; text-transform: uppercase;}
  178.  
  179. .datesubject {margin-top: 10px; padding-left: 0; padding-bottom: 30px; border-top: 1px solid #e9d9ca; border-bottom: 1px solid #e9d9ca;}
  180.  
  181. .currents strong {font-weight: 300; font-style: italic;}
  182.  
  183. .currents, .currentmood, .currentmusic, .currentlocation {text-align: left; color: #634e38; font-family: 'Lato', sans-serif; font-size: 14px;}
  184.  
  185. .currentlocation a, .currentlocation a:link, .currentlocation a:visited, .currentlocation a:hover, .currentmusic a, .currentmusic a:link, .currentmusic a:visited, .currentmusic a:hover {font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 300; color: #634e38; cursor: text;}
  186.  
  187. .currentlocation {border-left: 10px solid #f5efe9; padding: 0 0 0 5px;}
  188.  
  189. .currentmood {border-left: 10px solid #f5efe9; padding: 0 0 0 5px;}
  190.  
  191. img.meta-mood-img {margin-right: 2px;}
  192.  
  193. .currentmusic {border-left: 10px solid #f5efe9; padding: 0 0 0 5px;}
  194.  
  195. /* ---------->>> RECENT POSTS <<<---------- */
  196. /* Code by sireesanwar, http://sireesanwar.livejournal.com/ */
  197.  
  198. .entry--threeposts {background-color: #fff; margin-left: 0 !important;}
  199.  
  200. .threeposts__inner {margin: 0 auto;}
  201.  
  202. ul.threeposts__items {padding: 0 10px 0;}
  203.  
  204. .threeposts__header {margin: 0 0 12px 0; padding: 15px 5px 9px 5px; text-align: center; color: #f08861; font-family: 'Josefin Slab', 'Meiryo', serif; font-size: 24px; font-weight: 400; text-transform: uppercase; border: 1px solid #e9d9ca;}
  205.  
  206. .threeposts__item::after {border-color: #efe4da; opacity: 1;}
  207.  
  208. /* ---------->>> COMMENTS, COMMENTS PAGE <<<---------- */
  209.  
  210. .comments {position: relative; text-align: center; margin-top: 25px; background-color: #fbfbfb; padding: 10px 5px; color: #fbfbfb;}
  211.  
  212. div.comments a, div.comments a:link, div.comments a:visited {padding: 0 3px 0; font-family: 'Lato', sans-serif; font-weight: 300; color: #ffb0a0; font-size: 14px; text-decoration: none; transition: all 0.5s ease 0s;}
  213.  
  214. div.comments a:hover {color: #f08861; transition: all 0.5s ease 0s;}
  215.  
  216. .datesubjectcomment {padding: 5px; color: #634e38; font-family: 'Lato', sans-serif; font-size: 13px; font-weight: 300; margin-bottom: 2px;}
  217.  
  218. .datesubjectcomment strong {color: #f08861; font-size: 13px; font-family: 'Lato', sans-serif; text-decoration: none; font-weight: 700;}
  219.  
  220. .userpiccomment {position: relative; padding: 5px; background-color: #fff; width: 75px; height: 75px; border: 1px solid #e9d9ca; top: -10px; left: 0; margin: 10px 10px -10px 0; z-index: 15; float: left;}
  221.  
  222. .commentbox {padding: 10px; position: relative; margin: 10px 7px 10px 0; font-size: 14px; text-align: justify; border: 1px solid #e9d9ca;}
  223.  
  224. div.commentreply {padding: 5px;}
  225.  
  226. div.replytoposter {padding: 5px;}
  227.  
  228. div.replytosubject {padding: 0 5px; color: #f08861; font-size: 13px; font-family: 'Lato', sans-serif; text-decoration: none; font-weight: 700;}
  229.  
  230. .commentboxpartial {padding: 10px; background-color: #fff; border: 1px solid #e9d9ca; margin-right: 7px;}
  231.  
  232. div#footer.box {margin-top: 10px;}
  233.  
  234. input#subject.textbox.textbox-subject {width: 80% !important; margin-right: 5px; border: 1px solid #efe4da;}
  235.  
  236. textarea.textbox {width: 95% !important; border: 1px solid #efe4da;}
  237.  
  238. table.commentform-table {background-color: #fff; padding: 10px; margin: 0 6px 0 auto;}
  239.  
  240. div.comment-links {font-size: 14px !important; margin-right: 5px;}
  241.  
  242. div#comments.box {display: inline-block; margin-top: 10px;}
  243.  
  244. div#add_comment.box {display: inline-block;}
  245.  
  246. form.ng-pristine.ng-valid {display: inline-block;}
  247.  
  248. .box {clear: left; margin: 0 3px 0 10px;}
  249.  
  250. input, textarea, select {background-color: #fff; padding: 3px; font-size: 12px; font-family: 'Courier New'; color: #634e38; border: 1px solid #efe4da;}
  251.  
  252. button#submitpost.commentform-button-submit, button#submitmoreopts.commentform-button-opts, input#postform-submit-comment-button.commentform-button-submit, input.commentform-button.commentform-button-preview, input.b-postform-quote {background-color: #fff; border: 1px solid #efe4da; color: #634e38; font-size: 14px; font-weight: 700; padding: 2px; font-family: 'Lato', sans-serif;}
  253.  
  254. td.commentform-title.commentform-login-title, td.commentform-title.commentform-subject-title, td.commentform-title.commentform-msg-title {font-weight: 700;}
  255.  
  256. td.commentform-alert-wrapper {font-size: 13px; text-align: left;}
  257.  
  258. td.commentform-login-picture {font-size: 14px;}
  259.  
  260. span.commentform-spellcheck {font-size: 14px;}
  261.  
  262. /* ---------->>> ARCHIVE PAGE <<<---------- */
  263.  
  264. ul.year {padding: 12px 5px; margin: 0 0 30px; text-align: center; font-size: 14px; background-color: #fff; font-weight: 300; border: 1px solid #e6d2c4;}
  265.  
  266. ul.year li {display: inline; padding: 3px;}
  267.  
  268. table.yeartable {margin-left: auto; margin-right: auto; width: 575px; padding: 40px; text-align: center; margin-bottom: -60px;}
  269.  
  270. table.yeartable td.yeardate, table.yeartable td.yearday {border: 1px solid #efe4da; text-align: center;}
  271.  
  272. table.yeartable td.yeardate {padding: 15px 5px 0;}
  273.  
  274. table.yeartable div {text-align: center !important;}
  275.  
  276. table.yeartable td.yearday {padding: 10px; border: 1px solid #efe4da; text-align: center; color: #000; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 300; background-color: #f5efe9; font-size: 13px;}
  277.  
  278. td.yearmonth { color: #f08861; font-family: 'Josefin Slab', serif; font-size: 22px; text-transform: uppercase; text-decoration: none; padding-top: 3px; padding-bottom: 3px;}
  279.  
  280. td.yearmonth a {text-transform: none; font-family: 'Lato', sans-serif; color: #ffb0a0; font-size: 14px; text-decoration: none; transition: all 0.5s ease 0s;}
  281.  
  282. td.yearmonth a:hover {color: #f08861; text-decoration: none; transition: all 0.5s ease 0s;}
  283.  
  284. dd {text-align: left; border-bottom: 1px solid #efe4da; padding: 5px 0; margin-bottom: 10px;}
  285.  
  286. div.entry dl dt a, div.entry dl dt a:hover {color: #f08861; font-family: 'Josefin Slab', serif; font-size: 18px; text-transform: uppercase; text-decoration: none;}
  287.  
  288. div.entry dl dt a b {font-weight: 300 !important;}
  289.  
  290. /* ---------->>> CONTROLSTRIP <<<---------- */
  291. /* Code by lu_hesperia, http://lu_hesperia.livejournal.com/ */
  292.  
  293. .w-cs {background-color: #fef0e4 !important; color: #634e38 !important; font-size: 12px; font-family: 'Lato', sans-serif !important; font-weight: 300 !important;}
  294.  
  295. .w-cs a:link, .w-cs a:visited, .w-cs a:active, .w-cs a:hover {font-family: 'Lato', sans-serif !important; color: #634e38 !important; font-size: 12px !important; font-weight: 300 !important;}
  296.  
  297. .w-cs .ljuser a:link, .w-cs .ljuser a:active, .w-cs .ljuser a:visited, .w-cs .ljuser a:hover, .w-cs .ljuser a:link b, .w-cs .ljuser a:active b, .w-cs .ljuser a:visited b, .w-cs .ljuser a:hover b {font-size: 14px !important; font-variant: small-caps !important; font-weight: 700 !important; color: #634e38 !important; font-family: 'Lato', sans-serif !important;}
  298.  
  299. div.w-cs-group.w-cs-group-first span.i-ljuser.i-ljuser.i-ljuser-type-P a.i-ljuser-profile img.i-ljuser-userhead {display: none !important;}
  300.  
  301. div.w-cs-group.w-cs-group-first div.w-cs-status p.js-controlstrip-status span.ljuser.i-ljuser.i-ljuser-type-C a.i-ljuser-profile img.i-ljuser-userhead {display: none !important;}
  302.  
  303. .w-cs .w-cs-userinfo {background-color: #fef0e4 !important; color: #634e38; border: 0; font-family: 'Lato', sans-serif !important;}
  304.  
  305. .w-cs .w-cs-summary {background-color: #fef0e4 !important; border-radius: 0 !important;}
  306.  
  307. .w-cs .w-cs-summary li.w-cs-i-tokens {border: 0;}
  308.  
  309. .w-cs .w-cs-summary a, li.w-cs-i-tokens a, li.w-cs-i-inbox a {margin-top: -5px; padding-top: 3px; color: #634e38 !important;}
  310.  
  311. .w-cs .w-cs-user-controls {background-color: #fef0e4 !important; color: #634e38; border: 0; font-family: 'Lato', sans-serif !important;}
  312.  
  313. .w-cs-user-controls .w-cs-status p {color: #634e38 !important; font-family: 'Lato', sans-serif !important; font-size: 14px !important;}
  314.  
  315. .w-cs .w-cs-group-second .w-cs-menu {border: 0; background-color: #fef0e4 !important;}
  316.  
  317. .w-cs .w-cs-group-second .w-cs-menu li a, .w-cs .w-cs-menu li span {border: 0;}
  318.  
  319. .w-cs .w-cs-search .w-cs-text {width: 150px; border-right: 25px solid #fef5ef; background-color: #fef5ef !important; font-size: 12px; font-family: 'Courier New'; color: #634e38 !important; border-radius: 0 !important;}
  320.  
  321. .w-cs .w-cs-text {background-color: #fff !important;}
  322.  
  323. .w-cs .w-cs-search-inner {display: none;}
  324.  
  325. .w-cs .w-cs-filter .w-cs-filter-icon {padding-left: 0 !important; background: none !important;}
  326.  
  327. .w-cs .w-cs-menu li {background: none !important; padding-left: 0 !important; margin-top: -1px;}
  328.  
  329. .w-cs .w-cs-menu li.w-cs-i-home a, .w-cs .w-cs-menu li.w-cs-i-post a, .w-cs .w-cs-menu li.w-cs-i-friends a, .w-cs .w-cs-menu li.w-cs-i-account a, .w-cs .w-cs-menu li.w-cs-i-faq a, .w-cs .w-cs-menu li.w-cs-i-recent a, .w-cs .w-cs-menu li.w-cs-i-entries a, .w-cs .w-cs-menu li.w-cs-i-calendar a, .w-cs .w-cs-menu li.w-cs-i-add a, .w-cs .w-cs-menu li.w-cs-i-gift a, .w-cs .w-cs-menu li.w-cs-i-message a, .w-cs .w-cs-menu li.w-cs-i-members a, .w-cs .w-cs-menu li.w-cs-i-members-have a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-edit a, .w-cs .w-cs-menu li.w-cs-i-catalogue a, .w-cs .w-cs-menu li.w-cs-i-leave a, .w-cs .w-cs-menu li.w-cs-i-watch a, .w-cs .w-cs-menu li.w-cs-i-unwatch a, .w-cs .w-cs-menu li.w-cs-i-directory a, .w-cs .w-cs-menu li.w-cs-i-manage a, .w-cs .w-cs-menu li.w-cs-i-tags a, .w-cs .w-cs-menu li.w-cs-i-invite a, .w-cs .w-cs-menu li.w-cs-i-invites a, .w-cs .w-cs-menu li.w-cs-i-friendsfriends a, .w-cs .w-cs-menu li.w-cs-i-like a, .w-cs .w-cs-menu li.w-cs-i-share a {padding-left: 0 !important; font-size: 12px !important; font-family: 'Lato', sans-serif !important; font-weight: 300 !important;}
  330.  
  331. .w-cs .w-cs-menu li.w-cs-i-members a.i-invites {background: none !important;}
  332.  
  333. /* ----->>> TINY ICONS <<<------ */
  334.  
  335. span.i-ljuser img[src*="img/userinfo.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/Q9xbccR.png) no-repeat !important; padding: 12px 0 0 12px !important;}
  336.  
  337. span.i-ljuser img[src*="img/community.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/o5PR8af.png) no-repeat !important; padding: 13px 0 0 12px !important;}
  338.  
  339. img[src*="img/icon_protected.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/yAeScZj.png) no-repeat 1px 1px !important; padding: 19px 0 0 17px !important;}
  340.  
  341. img[src*="icon_private.gif"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/gda3vB4.png) no-repeat 1px 1px !important; padding: 19px 0 0 17px !important;}
  342.  
  343. img[src*="img/icon_sticky.png"] {width: 0 !important; height: 0 !important; background: transparent url(http://i.imgur.com/IpmQQae.png) no-repeat 1px 1px !important; padding: 18px 0 0 16px !important;}
  344.  
  345. /* ---------->>> MISC <<<---------- */
  346.  
  347. .clear {display: none; height: 0;}
  348.  
  349. .clearfoot {display: none; clear: both;}
  350.  
  351. .separator {height: 35px;}
  352.  
  353. .skiplinks {margin: 0 10px 20px; padding: 5px; font-family: 'Lato', sans-serif; font-size: 0; text-align: center; border: 1px solid #e9d9ca;}
  354.  
  355. .skiplinks a, .skiplinks a:link, .skiplinks a:visited, .skiplinks a:hover {font-family: 'Lato', sans-serif; font-weight: 300; font-size: 14px; padding: 1px 5px; margin-left: 2px; margin-right: 2px;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement