Rionell

bellissima by dulcitone @ livejournal

Oct 27th, 2014
41
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.83 KB | None | 0 0
  1. /*------------------------------------------------
  2. bellissima [flexible squares]
  3. (C) dulcitone @ livejournal (http://skeletonik.livejournal.com)
  4. ------------------------------------------------*/
  5.  
  6. body {background:#FFD2D1; text-align:justify;}
  7. #content {width:850px; margin:0 0 0 325px; padding:5px;}
  8. #maincontent {margin:0;}
  9. .subcontent {background:#FFF9E8; padding-left:125px;}
  10. #header {margin:auto;}
  11. #header a {color:#FFF; text-decoration:none;}
  12. #header a:hover {color:#EB3F73; -webkit-transition:all 0.2s ease-out; -moz-transition:all .2s ease-out;}
  13. ul.navheader {background:#614737; text-align:right; font-family:georgia; letter-spacing:1px; padding:5px; color:#FFF; text-transform:uppercase; font-size:7.5pt; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;}
  14. ul.navheader li {display:block;}
  15. li.view {color:#F7ABAB;}
  16. .title {float:left; font-family:garamond; font-style:italic; font-size:30pt; color:#FFF; text-shadow:2px 2px 2px #EB3F73; margin:-55px 0 0 -260px; width:250px; text-align:right; line-height:20px;}
  17. .subtitle {display:none; float:left; color:#EB3F73; text-transform:uppercase; font-family:georgia; font-size:6.5pt; letter-spacing:3px; margin:-5px 0 0 -260px; text-align:right; width:250px;}
  18. #footer {background:#614737; text-align:right; font-family:georgia; letter-spacing:1px; padding:5px; color:#FFF; text-transform:uppercase; font-size:7.5pt; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; margin:-40px 0 0 0;}
  19. #footer a, #footer a:visited {color:#FFF; text-decoration:none;}
  20. #footer a:hover {color:#EB3F73; -webkit-transition:all 0.2s ease-out; -moz-transition:all .2s ease-out;}
  21. ul.navfooter li {display:inline;}
  22. li.viewing {color:#F7ABAB;}
  23. a, a:link, a:visited {color:#EB3F73; text-decoration:none; font-weight:normal;}
  24. a:hover {color:#F7ABAB; -webkit-transition:all 0.2s ease-out; -moz-transition:all .2s ease-out;}
  25. *::-moz-selection {background:#FFF9E8; color:#EB3F73;}
  26. code::-moz-selection {background:#FFF9E8; color:#EB3F73;}
  27. ::selection {background:#FFF9E8; color:#EB3F73;}
  28. code::selection {background:#FFF9E8; color:#EB3F73;}
  29. img {opacity:.85;}
  30. img:hover {opacity:1; -webkit-transition:all 0.5s ease-out; -moz-transition:all .5s ease-out;}
  31. div.ContextualPopup {display:none;}
  32. .ljuser img {display:none;}
  33. .subject img[src="http://l-stat.livejournal.com/img/icon_protected.gif"] {display:none;}
  34. .subject img[src="http://l-stat.livejournal.com/img/icon_private.gif"] {display:none;}
  35.  
  36. /* ENTRY */
  37.  
  38. .entry {background:#FFF; margin:0; padding:20px; min-height:50px;}
  39. .entry_text {font-family:georgia; font-size:8pt; color:#614737; line-height:19px; padding:5px;}
  40. blockquote {background:#FFD2D1; border-left:5px solid #EB3F73; font-style:italic; color:#EB3F73; padding:15px;}
  41. h1 {font-family:garamond; font-style:italic; font-weight:normal; font-size:18pt; text-shadow:1px 1px 1px #FFF; line-height:0; color:#EB3F73;}
  42. ul li {list-style-type:disc;}
  43. ol li {list-style-type:lower-latin;}
  44. code, kbd, pre, tt {font-family:lucida console;}
  45. textarea {background:#FFD2D1!important; padding:5px; border-width:0px; text-align:justify; height:60px; width:200px; margin:5px 30px;}
  46. .ljcut-link a {font-family:georgia!important; font-size:8pt; color:#EB3F73; letter-spacing:1px; text-transform:lowercase; font-weight:lighter; text-decoration:none;}
  47. .ljcut-link a:hover {color:#F7ABAB; webkit-transition:all 0.2s ease-out; -moz-transition:all .2s ease-out;}
  48. .currents {text-align:right; border-right:5px solid #F7ABAB; text-transform:lowercase; font-family:georgia; font-size:7.5pt; color:#F7ABAB; padding:0 10px; margin:-40px 0 0 0;}
  49. .currents strong {display:none;}
  50. .ljtags {font-size:0; text-align:right; color:transparent;}
  51. .ljtags a, .ljtags a:visited {font-size:7.5pt; padding:3px; color:#F7ABAB; text-decoration:none; font-style:italic;}
  52. .ljtags a:hover {color:#FFD2D1; webkit-transition:all 0.2s ease-out; -moz-transition:all .2s ease-out;}
  53. .userpic {float:left; margin:25px 0 0 -100px; background:transparent;}
  54. .userpic img {height:80px; width:80px; -moz-border-radius:80px; -webkit-border-radius:80px;}
  55. .userpicfriends {float:left; margin:25px 0 0 -100px; background:transparent!important; text-align:center; font-size:0;}
  56. .userpicfriends img {height:80px; width:80px; -moz-border-radius:80px; -webkit-border-radius:80px;}
  57. .userpicfriends font, .userpicfriends a {color:#EB3F73; font-size:9pt;}
  58. .userpicfriends a:hover {color:#F7ABAB;}
  59. .userpicfriends a + br + a font {font-size:8pt;}
  60. .datesubject {background:#FFF; padding:10px;}
  61. .date {display:table-cell; vertical-align:middle; width:15%; color:#F7ABAB; float:right; text-align:left; font-family:georgia; font-size:7.5pt; text-transform:uppercase;}
  62. .subject, .subject a, .subject a:visited {display:table-cell; color:#EB3F73; vertical-align:middle; text-align:right; float:right; font-family:garamond; font-style:italic; font-size:18pt; padding:0 15px; text-shadow:1px 1px 1px #FFD2D1;}
  63. .subject a:hover {color:#F7ABAB; -webkit-transition:all 0.2s ease-out; -moz-transition:all .2s ease-out;}
  64.  
  65. /* SIDEBAR */
  66.  
  67. #sidebar {float:top; background:#F7ABAB; margin:-10px 0 0 0; height:150px;}
  68. #sidebar a, #sidebar a:link, #sidebar a:visited {color:#FFF; text-shadow:1px 1px 1px #EB3F73;}
  69. #sidebar a:hover {color:#EB3F73; text-shadow:1px 1px 1px #FFF; -webkit-transition:all 0.2s ease-out; -moz-transition:all .2s ease-out;}
  70. table.calendar {display:none;}
  71. .defaultuserpic {display:none;}
  72. .sbartitle {display:none;}
  73. .sbarbody {float:left; width:30%; padding:15px; margin:-35px 0 0 0;}
  74. .sbarbody2 {float:right; width:60%; padding:15px; color:#FFF; font-family:arial; font-size:8pt; margin:-15px 0 0 0;}
  75. ul.sbarlist {list-style:none; padding-left:0; margin-left:0;}
  76. li.sbaritem {list-style-type:none; display:block; text-align:right; border-bottom:1px dotted #FFD2D1; padding:2.5px;}
  77.  
  78. /* TAGS PAGE */
  79.  
  80. h2 {background:#FFF; font-family:garamond; font-style:italic; text-transform:lowercase; padding:30px 60px 20px 60px; margin:0; border-top:10px solid #FFF9E8; font-weight:normal; color:#614737; text-shadow:1px 1px 1px #FFD2D1;}
  81. .ljtaglist {list-style-type:none; background:#FFF; padding:0 60px 30px 60px; margin:0; color:#614737; font-size:9pt;}
  82.  
  83. /* ARCHIVE */
  84.  
  85. table.yeartable {margin-left:auto; margin-right:auto; font-family:georgia; font-size:8pt; text-transform:lowercase;}
  86. table.yeartable td.yeardate {background:#F7ABAB; border:1px solid #FFF9E8; color:#614737; padding:5px;}
  87. table.yeartable td.yearday {background:#614737; border:1px solid #FFF9E8; color:#FFF9E8; padding:5px; text-align:center;}
  88. td.yearmonth {border-style:none; color:#614737; font-weight:normal; text-transform:uppercase;}
  89. ul.year {display:inline; color:#EB3F73; text-align:center; font-family:georgia; font-size:8.5pt; list-style:none; padding:5px;}
  90. dl {font-family:georgia; font-size:8pt; color:#614737;}
  91. dt {font-family:georgia; font-size:8.5pt; color:#EB3F73;}
  92.  
  93. /* COMMENTS */
  94.  
  95. .comments {background:#F7ABAB; text-align:center; width:725px; margin:0 0 -20px -20px; color:transparent!important;}
  96. div.comments a, div.comments a:visited {display:inline; font-family:garamond; font-style:italic; font-size:13pt; color:#EB3F73; text-decoration:none; text-shadow:1px 1px 1px #FFF; text-transform:lowercase;}
  97. div.comments a:hover {color:#FFF; text-shadow:1px 1px 1px #EB3F73;}
  98. .skiplinks {color:transparent; font-family:georgia; text-transform:uppercase; letter-spacing:1px; font-size:8pt; text-align:center; background:#F7ABAB; margin:-20px 0 0 0; padding:20px;}
  99. .skiplinks a {color:#EB3F73; text-shadow:1px 1px 1px #FFF;}
  100. .skiplinks a:hover {color:#FFF; text-shadow:1px 1px 1px #EB3F73;}
  101. .userpiccomment {background:#FFF9E8; padding:5px; width:50px; height:50px; float:left; margin:0 5px;}
  102. .userpiccomment img {width:50px!important; height:50px!important;}
  103. .box {padding:25px; text-align:left; clear:left; width:800px; font-family:georgia; color:#614737; font-size:8pt;}
  104. .box b {font-weight:normal;}
  105. .box center b {display:none;}
  106. .box form>table {margin-left:50px!important;}
  107. .datesubjectcomment {text-align:left; text-transform:lowercase!important; background:#F7ABAB; color:#FFF; padding:5px; font-family:georgia; font-size:8.5pt;}
  108. .datesubjectcomment strong {font-weight:normal;}
  109. .datesubjectcomment a:link, .datesubjectcomment a:visited {color:#EB3F73;}
  110. input, select {font-family:georgia; background:#FFF; color:#EB3F73; font-size:8pt; text-transform:uppercase;}
  111. textarea {font-family:georgia; background:#FFF; color:#EB3F73; font-size:8pt;}
  112. textarea.textbox {width:650px!important; background:#F7ABAB!important; padding:10px;}
  113. .commentreply {position:relative; margin:10px; color:#614737; font-family:georgia; font-size:8pt;}
  114. .commentbox {color:#EB3F73; text-align:justify; padding:5px; margin:5px; font-family:georgia; font-size:8pt;}
  115. .commentbox b {font-weight:normal;}
  116. .commentboxpartial {padding:5px; margin:5px; background:#F7ABAB;}
  117. .commentinfo {background:#F7ABAB; margin-top:10px; width:auto;}
  118. #qrdiv table {border-width:0px!important;}
Add Comment
Please, Sign In to add comment