Advertisement
Guest User

stylecss

a guest
Dec 14th, 2012
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.74 KB | None | 0 0
  1. /*
  2. Rebuild: by: tempz aka Aaron.
  3. */
  4.  
  5. * {padding:0; margin:0; border: none; outline:0; }
  6. body {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #333; text-align:center; background-color: #fff; }
  7. a {text-decoration:none; color:#333; }
  8. a:hover {text-decoration:none; color: #de030b; }
  9. h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; }
  10. p {margin: 0 0 10px; }
  11. li,p {line-height: 1.6em; }
  12. li {list-style-type: none; }
  13.  
  14. #wrap {width:100%; margin: 0 auto; text-align:left; }
  15. #wrap div.wrap {width: 980px; margin: 0 auto; text-align: left; }
  16. #wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
  17. #wrap div.sep {font-size:1px; height: 1px; margin:10px 0; line-height: 1px; }
  18.  
  19. #preheader {background: #333 url(images/back_preheader.png) repeat-x top left; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 11px; margin-bottom: 10px; }
  20. #preheader li {float: left; display: inline; margin-right: 10px; line-height: 30px; }
  21. #preheader a {color: #ddd; text-decoration: none; }
  22. #preheader a:hover {text-decoration: underline; }
  23. #social {float: right; display: inline;}
  24. #social li {margin-right: 0; margin-left: 10px; font-size: 11px; }
  25. #social img {float: left; display: inline; margin: 6px 5px 7px 0; }
  26.  
  27.  
  28. #bannerHead {float: right; display: inline; }
  29. #logo {float: left; display: inline; text-align: left; }
  30.  
  31. /* 2. Menu Area */
  32. #nav {background: #2f3133 url(images/back_menu.png) repeat-x top left; height: 36px; line-height: 36px; font-size: 12px; font-family: Georgia, serif; margin-bottom: 40px; }
  33. #nav a, #nav #menuhead li.current-menu-item li a {color: #fff; text-shadow: #000 1px 1px 0; text-decoration: none; padding: 10px 10px 11px; }
  34. #nav a:hover, #menuhead li.current-menu-item a, #nav #menuhead li.current-menu-item li a:hover {color: #fff; text-shadow: #444 1px 1px 0; background: #be1d1d url(images/back_menu_hover.png) repeat-x top left; }
  35. #nav #menuhead li.current-menu-item li a {background: #2f3133 url(images/back_menu.png) repeat-x top left; padding: 7px 10px 5px; }
  36.  
  37. #mainNav #search { float:right; font-size:10px; height:30px; width: 140px; position: relative; margin-top: 6px; }
  38. #search #setop { background: transparent url(images/back_search.png) repeat-x top left; border: solid 1px #fff; height:22px; width:125px; font-size: 10px; padding-left: 5px; }
  39. #search #searchsubmittop {position: absolute; top:5px; right:12px; }
  40.  
  41. #menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:36px; z-index:300; width:100%; }
  42. #menuhead li {position:relative; float: left; display: inline; line-height: 35px; text-transform: uppercase; border-right: solid 1px #fff;}
  43. #menuhead li li {line-height: 20px; text-transform: none; }
  44. #menuhead ul {position:absolute; display:none; width:120px; top:36px; left:0; border-top: solid 1px #fff;}
  45. #menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; background-color: #444; padding: 7px 10px 5px; }
  46. #menuhead li ul {width:120px;}
  47. #menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #333;}
  48. #menuhead ul ul {top:auto; border-top: none; }
  49. #menuhead li ul ul {left:130px; margin:0 0 0 10px;}
  50. #menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}
  51. #menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block; z-index: 2000;}
  52.  
  53. /* 3. jQuery Slideshow Area */
  54. #slideshow {margin-bottom: 30px; position:relative;}
  55. #slideshow div.cover {float: left; display: inline; margin-right: 20px; }
  56. #slideshowThumbs {height: 40px; width: 515px; overflow: hidden; margin-bottom: 20px; position: absolute; top: 0; right: 0; z-index: 100; }
  57. #slideshowThumbs li {float: left; display: inline; margin-right: 6px; }
  58. #slideshowThumbs li a {opacity: 0.4; }
  59. #slideshowThumbs li a.current, #slideshowThumbs li a:hover {opacity: 1;}
  60. #slideshowContent {height:300px; float: none; display: block; position:relative; overflow:hidden;}
  61. #slideshow .post {padding: 0; border: none; }
  62. #slideshow .post h2.slideshow, h1.title {font-size: 40px; line-height: 40px; font-weight: normal; margin-bottom: 20px;}
  63. #slideshowContent .featuredPost { display:none; overflow:hidden;}
  64. #slideshowContent .featuredPost .featuredPostContent {padding-top: 60px; }
  65.  
  66. /* 3. Content Area */
  67. #content {margin-bottom: 50px; }
  68. #main {float: left; display: inline; width: 670px; margin-right: 10px; }
  69. #content div.column {float: left; display: inline; margin-right: 10px; border-top: solid 6px #333; padding-top: 10px; padding-left: 5px; }
  70. #main div.column {width: 325px; }
  71. #main div.column-double {width: 660px; }
  72. #main div.column-full {width: 960px; }
  73. #main div.column-narrow {width: 215px; margin-right: 5px; }
  74. #sidebar div.column {width: 295px; }
  75. #sidebar {float: left; display: inline; width: 300px; }
  76. #sidebar div.widget {margin-bottom: 20px; }
  77. #content div.column-last {margin-right: 0;}
  78. #content div.single {border-top: none; padding: 0; }
  79. #sidebar div.column {margin-right: 0;}
  80.  
  81. div.templateLeft #main {float: right; margin-left: 10px; margin-right: 0;}
  82. div.templateLeft #sidebar {float: right; }
  83.  
  84. div.customLeft #main {float: right; margin-left: 10px; margin-right: 0; }
  85. div.customLeft #sidebar {float: right; }
  86.  
  87. div.postInfo {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }
  88.  
  89. .posts {margin-bottom: 10px; }
  90. .widget h2 {font-size: 16px; line-height: 22px; margin-bottom: 20px; font-family: Georgia, serif; font-style: italic; font-weight: bold; text-transform: uppercase; }
  91. .posts .post {float: left; display: inline; margin-right: 5px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }
  92. .posts .post-last {margin-right: 0; }
  93. .posts .post h3, .posts .post h2.slideshow {font-family: Georgia, serif; font-size: 20px; line-height: 26px; margin-bottom: 10px; }
  94. .posts .post h3.headline {font-size: 14px; line-height: 20px;}
  95. .posts .post div.cover {float: left; display: inline; margin: 0 10px 10px 0; }
  96. .posts p.postmetadata, p.postmetadata {font-size: 12px; font-family: Georgia, serif; font-style: italic; margin: 10px 0 0; }
  97. .posts p.postmetadata a, h2.heading a, div.postInfo a, div.single a, a.highlight {color: #de030b;}
  98. .posts p.postmetadata a:hover, h2.heading a:hover, div.postInfo a:hover, div.single a:hover, a.highlight:hover {text-decoration: underline; }
  99.  
  100. .featured-category .post {float: left; display: inline; width: 210px; margin-right: 10px; }
  101. .featured-category .post-first {width: 220px; }
  102. .featured-category .post-last {margin-right: 0;}
  103. .featured .post h3 {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px; }
  104.  
  105. div.single {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; line-height: 20px; }
  106. div.single p {margin: 0 0 14px; }
  107. div.single ul, div.single ol {margin-left: 20px; margin-bottom: 14px; }
  108. div.single li {list-style-position: inside;}
  109. div.single ul li {list-style-type: square;}
  110. div.single ol li {list-style-type: decimal;}
  111. div.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
  112. div.single h2, div.single h3, div.single h4, div.single h5, div.single h6 {margin: 14px 0; }
  113. div.single .alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
  114. div.single .alignright {float: right; display: inline; margin: 0 0 10px 15px; }
  115. div.single h2, div.single h3, div.single h4, div.single h5, div.single h6 {font-weight: bold; margin-bottom: 12px; }
  116. .post-content h2 {font-size: 30px; line-height: 30px; }
  117. .post-content h3 {font-size: 26px; line-height: 30px; }
  118. .post-content h4 {font-size: 24px; line-height: 28px; }
  119. .post-content h5 {font-size: 20px; line-height: 24px; }
  120. .post-content h6 {font-size: 18px; line-height: 22px; }
  121.  
  122. #prefooter {padding: 25px 0 20px; font-size: 12px; background-color: #f1f1f1; border-top: solid 1px #e1e1e1; color: #333; font-family: Georgia, serif; }
  123. #prefooter div.column {float: left; display: inline; width: 330px; margin-right: 10px; }
  124. #prefooter div.column-last {width: 300px; margin-right: 0;}
  125. #prefooter h3 {font-size: 18px; line-height: 24px; margin-bottom: 16px;}
  126.  
  127. /* 4. Footer Area */
  128. #footer {padding: 25px 0 10px; font-size: 12px; background-color: #e1e1e1; border-top: solid 1px #d1d1d1; color: #333; font-family: Georgia, serif; }
  129. #footer a {color: #333; text-decoration: none; text-shadow: #fff 1px 1px 0; }
  130. #footer a:hover {color: #de030b;text-decoration: none; }
  131. #footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; }
  132. #footer p {text-align: left; }
  133. #footer ul {display: block; text-align: left; margin-bottom: 15px; }
  134. #footer ul li {display: inline; line-height: 18px; margin-right: 15px; text-transform: uppercase; }
  135.  
  136. #sideTabs {border: none; background-color: #333; padding: 6px 5px 5px; }
  137. #sideTabs ul.featured-tabs {height: 20px;}
  138. #sideTabs ul.featured-tabs li {cursor:pointer; float: left; display: inline; font-size: 10px; text-transform: uppercase; margin-right: 1px; padding: 5px 10px; }
  139. #sideTabs ul.featured-tabs li:hover {background-color: #222;}
  140. #sideTabs ul.featured-tabs li a {color: #fff; text-shadow: #000 1px 1px 1px; text-decoration:none; }
  141. #sideTabs ul.featured-tabs li a:hover {color: #fff; }
  142. #sideTabs ul.featured-tabs li.active a {color: #cc0000; text-shadow: #fff 1px 1px 1px; }
  143. html #sideTabs ul.featured-tabs li.active, html #sideTabs ul.featured-tabs li.active a:hover { background-color: #f1f1f1; }
  144. #sideTabs .featured-container {clear: left; background-color: #f1f1f1; padding: 7px;}
  145. #sideTabs .tab_content {text-align: left; padding: 10px; border: solid 1px #e1e1e1; background-color: #fff; font-size: 11px; }
  146. #sideTabs .tab_content ul.recent li {margin-bottom: 10px; }
  147. #sideTabs .tab_content ul.recent img {float: left; display: inline; border: solid 4px #333; margin: 2px 10px 5px 0;}
  148. #sideTabs .tab_content ul.recent h2 {font-size: 12px; font-weight: bold; margin-bottom: 6px; line-height: 18px; text-transform: none; }
  149. #sideTabs .tab_content ul.recent p.postmetadata {font-size: 11px; margin:0; text-transform: none; }
  150. #sideTabs .tab_content ul.recent p.postmetadata span.datetime {color: #777;}
  151.  
  152. .navigation { margin-bottom: 20px; }
  153. .navigation p {font-size: 16px; text-align: center; }
  154. .navigation a {margin: 0 5px;}
  155.  
  156. /* Comments */
  157. #comments {margin-top: 20px; }
  158. div.single ol.comments {padding: 1em 0; margin:0; }
  159. div.single ol.comments a {text-decoration: none;}
  160. div.single ol.comments a:hover {text-decoration: underline;}
  161. div.single ol.comments div.comment-body {position: relative; }
  162. div.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
  163. div.single ol.comments li {list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; border-top: solid 1px #ccc; padding-left: 15px; }
  164. div.single ol.comments li ul.children {padding: 10px 0 0; }
  165. div.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
  166.  
  167.  
  168. div.single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
  169. div.single ol.comments .vcard {}
  170. div.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
  171. div.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
  172. div.single ol.comments cite.author {color: #333;}
  173. div.single ol.comments span.says {display: none; }
  174. div.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
  175. div.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
  176. div.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
  177. div.single ol.comments li.comment {background-color: #f1f1f1; }
  178. div.single ol.comments li.bypostauthor { background-color: #fff; }
  179.  
  180. .afterpost .navigation .alignleft a, #main .reply a, .afterpost .navigation .alignright a,.cancel-comment-reply a, .navigation a { background: #336699; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; }
  181. #main .single .cancel-comment-reply a { color:#fff; text-shadow:none; }
  182. .afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, #main .reply a:hover, .cancel-comment-reply a:hover, .navigation a:hover { background: #cc0000; text-decoration: none; }
  183. .afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}
  184. .navigation {margin: 10px 0; font-size: 18px; text-align: center; }
  185. .navigation a {font-size: 11px; margin: 0 1px; padding: 5px 8px; text-shadow: #555 1px 1px 1px; }
  186.  
  187. #commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
  188. #commentform code {font-size: 11px; }
  189. #commentform p {margin: 0 0 5px; font-size: 12px;}
  190. #commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
  191. #commentform input {clear: left; float: left; display: inline; width: 300px; padding: 6px 0 2px 5px; font-size: 12px; margin-bottom: 10px; }
  192. #commentform textarea { width: 550px; height: 100px; padding: 2px; margin-bottom: 10px; }
  193. #commentform input, #commentform textarea {background: #fff url(images/back_search.png) repeat-x top left; border: 1px solid #ccc; color: #333; }
  194. #commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #336699; color: #fff; border: none; }
  195. #commentform #submit:hover {background-color: #005599; }
  196.  
  197. div.single div.social h3 {float: left; display: inline-block; margin-right: 10px; font-weight: bold; }
  198. div.single div.social {padding:0; margin:0; }
  199. div.single div.social ul {margin:0; padding: 0; }
  200. div.single div.social li {font-size: 11px; margin:5px 10px 0 0; padding: 0; float: left; display: inline; list-style-type: none; line-height: 48px; }
  201. div.single div.social li img {margin: 0; display: inline; float: left; border: none; }
  202.  
  203. #searchform label {display: none; }
  204. #searchform input {float: left; display: inline; height: 20px; padding: 4px; border: solid 1px #d1d1d1; }
  205. #searchform input#s {width: 180px;}
  206. #searchform input#searchsubmit {border: none; font-size: 10px; text-transform: uppercase; font-weight: normal; height: 30px; padding:0 5px; background-color:#de030b; color: #fff; margin-left: 2px; border: none; margin-bottom: 15px; }
  207.  
  208. div.single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin:10px; }
  209. div.single .gallery { margin: auto; text-align:center; clear:both; }
  210. div.single .gallery img { border: solid 4px #eee;}
  211. div.single .gallery-caption { margin-left: 0; }
  212. div.single div.gallery img:hover {border: solid 4px #9acdea; }
  213.  
  214. /* Shortcodes */
  215. .checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
  216. .arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
  217. .deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
  218. .scBox {padding: 10px; text-shadow: none !important; color: #444; margin: 10px 0; }
  219. .notice {background-color: #f8f0af; }
  220. .warning {background-color: #f8c0c0; }
  221. .update {background-color: #c0e5f8; }
  222. .highlight {padding: 3px 5px; text-shadow: none; background-color: #f8f0af; color: #333; }
  223. .half {float:left;width:47%;margin:10px 0;margin-right:6%;}
  224. .third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
  225. .last {margin-right:0; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement