API tools faq
paste
Advertisement
Guest User

Opulus CSS code

a guest
Jan 20th, 2014
88
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.57 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Opulus Sombre
  3. Theme URI: http://nimbusthemes.com/wordpress-themes/opulus-sombre/
  4. Description: Opulus Sombre is a dark, modern, highly customizable and responsive (mobile-friendly) HTML5 and CSS3 WordPress theme that allows you to change the site's colors, frontpage layout, headers, page templates, fonts, and much more! The responsive layout works with any browser so your website looks great on iPhones, Android phones, tablets and desktops. This theme will be ideal for design agencies, photography portfolios, architects, or any business that prizes modern, classy design. Opulus Sombre boasts an extensive custom theme options panel, up to 20 custom widgetized sidebars for your pages as well as a widgetized footer, simple social networking and script integration.
  5. Author: Nimbus Themes
  6. Author URI: http://nimbusthemes.com/
  7. Version: 1.0.8
  8. Tags: gray, white, silver, dark, blue, light, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, featured-images, featured-image-header, flexible-header, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
  9. License: GNU General Public License
  10. License URI: license.txt
  11. */
  12.  
  13.  
  14. /******************************************************************************************************
  15. Reset CSS based on the Eric Meyer Reset
  16. ******************************************************************************************************/
  17.  
  18. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, amp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; -ms-word-wrap: break-word; word-wrap: break-word; text-rendering: auto!important; }
  19. ol, ul { list-style: none; }
  20. blockquote, q { quotes: none; }
  21. blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  22. :focus { outline:0; }
  23. ins { text-decoration: none; }
  24. del, strike, s { text-decoration: line-through; }
  25. table { border-collapse: collapse; border-spacing: 0; }
  26. caption, th, td { font-weight: normal; text-align: left; }
  27. a, a:visited { text-decoration: none; }
  28. a:hover{ text-decoration: underline; }
  29. a img { border: 0; }
  30.  
  31.  
  32. /******************************************************************************************************
  33. General
  34. ******************************************************************************************************/
  35.  
  36. body { letter-spacing:.5px; word-spacing:1.5px; }
  37. strong { font-weight: bold; }
  38. cite, em, i { font-style: italic; }
  39. sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
  40. sup { bottom: 1ex; }
  41. sub { top: .5ex; }
  42. address { margin: 1.5em 0; }
  43.  
  44.  
  45.  
  46. /******************************************************************************************************
  47. Header
  48. ******************************************************************************************************/
  49.  
  50. #header { width:100%; }
  51. #header_frontpage { width:100%; }
  52. #contact_line { padding:2px 0px 11px; min-height:13px; }
  53. #contact_line ul { list-style:none; }
  54. #contact_line ul li { float:right; padding:1px 12px; border-left:1px dotted #969696; }
  55. #contact_line ul li span { color:#0077ff; }
  56. #contact_line ul li:first-child { padding-right:0px; }
  57. #contact_line ul li:last-child { border-left:none; }
  58. #ribbon_wrap { min-height:88px; width:100%; position:relative; z-index:999;}
  59. #ribbon { min-height:88px; margin:0px auto; position:relative; }
  60. .text_logo { position:absolute; bottom:20px; left:0px; margin: 0; padding: 0; }
  61. .text_logo a:hover { text-decoration:none; }
  62. #image_logo { margin:5px 0 5px 0; }
  63.  
  64.  
  65. /******************************************************************************************************
  66. Superfish Menu
  67. ******************************************************************************************************/
  68.  
  69. div.menu ul, div.menu ul* { margin: 0; padding:0; list-style: none; }
  70. div.menu > ul{ line-height: 1.0; position:absolute; bottom:0px; right:0px; }
  71. #ribbon div.menu ul { margin:0 0 0 0; }
  72. div.menu ul ul { position: absolute; top: -999em; width: 200px; padding:10px 0; background: url(images/menu_trans.png) repeat top left; }
  73. div.menu ul ul li { width: 100%; }
  74. ul.sub-menu { margin:0px; }
  75. div.menu ul li:hover { visibility: inherit; }
  76. div.menu ul li { float: left; position: relative; }
  77. div.menu ul li a { padding:8px 15px 12px; text-decoration:none; }
  78. div.menu ul li li a { text-transform:none; font-size:18px; padding:6px 15px 6px; }
  79. div.menu ul li li a:hover { text-decoration:underline; }
  80. div.menu ul a { display: block; position: relative; }
  81. div.menu ul li:hover ul, div.menu ul li.sfHover ul { left: 0; top: auto; /* match top ul list item height */ z-index:99; }
  82. div.menu ul li:hover li ul, div.menu ul li.sfHover li ul { top: -999em; }
  83. div.menu ul li li:hover ul, div.menu ul li li.sfHover ul { left:200px; /* match ul width */ top: 0; }
  84. div.menu ul li li:hover li ul, div.menu ul li li.sfHover li ul { top: -999em; }
  85. div.menu ul li li li:hover ul, div.menu ul li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }
  86. a:focus > .sf-sub-indicator,
  87. a:hover > .sf-sub-indicator,
  88. a:active > .sf-sub-indicator,
  89. li:hover > a > .sf-sub-indicator,
  90. li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }
  91. div.menu ul ul .sf-sub-indicator { background-position: -10px 0; }
  92. div.menu ul ul a > .sf-sub-indicator { background-position: 0 0; }
  93. div.menu ul ul a:focus > .sf-sub-indicator,
  94. div.menu ul ul a:hover > .sf-sub-indicator,
  95. div.menu ul ul a:active > .sf-sub-indicator,
  96. div.menu ul ul li:hover > a > .sf-sub-indicator,
  97. div.menu ul ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }
  98. .sf-shadow ul { background: url('../images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
  99. .sf-shadow ul.sf-shadow-off { background: transparent; }
  100.  
  101.  
  102. /******************************************************************************************************
  103. Structure
  104. ******************************************************************************************************/
  105.  
  106. #content_wrap { width:100%; position:relative; z-index:888; }
  107. #content, #content_frontpage, #content_full { min-height:200px; }
  108. #content { padding:40px 0; position:relative; }
  109. #content_full { padding:40px 0; position:relative; }
  110.  
  111.  
  112. /******************************************************************************************************
  113. Editable Columns
  114. ******************************************************************************************************/
  115.  
  116. /*General Typography*/
  117.  
  118. .editable { line-height:1.4em; }
  119. .editable p { padding:0 0 15px 0; }
  120.  
  121. /* Titles */
  122.  
  123. .editable h1, .editable h2, .editable h3, .editable h4, .editable h5, .editable h6 { padding:0 0 .2em 0; margin: 0 0 .1em; }
  124.  
  125. /* HR */
  126.  
  127. .editable hr { margin:20px 0; border: none; height: 5px; background: url(images/hr_dots.png) repeat-x center top; }
  128.  
  129.  
  130. /* BlockQuotes */
  131.  
  132. .editable blockquote { padding: 9px 0 2px 10px; margin:20px 0 20px 0; border-left:4px solid #1B74BB; }
  133.  
  134. /* Definitions */
  135.  
  136. .editable dl { padding: 0 0 20px 0; }
  137. .editable dt { float: left; clear: left; width: 150px; text-align: right; font-weight: bold; }
  138. .editable dt:after { content: ":"; }
  139. .editable dd { margin: 0 0 0 160px; padding: 0 0 1em 0; }
  140.  
  141. /* Lists */
  142.  
  143. .editable ul { list-style:disc outside; }
  144. .editable ol { list-style:decimal outside; }
  145. .editable ul, .editable ol{ padding-left:25px; margin:0 0 20px 0; }
  146. .editable ul ul, .editable ol ol{ padding-left:25px; margin:0 0 0 0; }
  147. .editable ul li, .editable ol li{ margin-top:10px; line-height:1em; }
  148.  
  149. /* Forms */
  150.  
  151. .editable input, .editable textarea { font-size:14px; color:#454545; padding:4px; border:1px solid #b6b6b6; background:#ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  152. .editable fieldset { display: block; width: 89%; padding:5%; margin: 0 auto; border:1px solid #b6b6b6; }
  153. .editable legend { padding: 4px 10px; border:1px solid #b6b6b6; background: #fff; color: #454545; text-transform: uppercase; margin-left: 0.5em; }
  154. .editable select { padding: 4px; border:1px solid #b6b6b6; background: #fff; color: #454545; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  155. .editable button, .editable input[type=submit] { display: inline-block; margin:15px 0; outline: none; cursor: pointer; text-align: center; text-decoration: none; line-height: 100%; padding: .6em 2em .65em; -webkit-border-radius: .6em; -moz-border-radius: .6em; border-radius: .6em; font-size: 18px ; font-weight:normal; color: #fff; border: solid 1px #09396f; }
  156. .editable button:hover, input[type=submit]:hover { text-decoration:none; }
  157. .editable input[type=image] { border:none; }
  158.  
  159. /* Tables */
  160.  
  161. .editable table { width:100%; margin:10px auto 20px; border:1px solid #d8d8d8; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background:#ffffff; border-collapse:separate; overflow:hidden; }
  162. .editable table caption { width:90%; margin:0px auto; padding:10px 20px; border-bottom:none; text-align:center }
  163. .editable table tr:nth-child(even) { background: #fff; }
  164. .editable table tr:nth-child(odd) { background: #f6f6f6; }
  165. .editable table th { padding:10px; border-bottom:1px solid #d8d8d8; background: #ebebeb; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 3%, #f3f3f3 6%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#ffffff), color-stop(6%,#f3f3f3), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); background: linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
  166. .editable table th:first-child { padding:10px 10px 10px 20px;}
  167. .editable table th:first-last{ padding:10px 20px 10px 10px; }
  168. .editable table tfoot th { border-bottom:none; }
  169. .editable table td { padding:10px; }
  170. .editable table td:first-child { padding:10px 10px 10px 20px; }
  171. .editable table td:last-child { padding:10px 20px 10px 10px; }
  172.  
  173. /* Images */
  174.  
  175. img.wp-post-image, img.avatar { padding:4px; }
  176. .editable div.wp-caption { margin-bottom:0px; }
  177. .editable p.wp-caption-text { padding:10px 0 15px 0; font-size:11px; }
  178.  
  179. /* Gallery */
  180.  
  181. .editable .gallery { margin: 0 auto 18px; }
  182. .editable .gallery dl.gallery-item { float: left; margin-top: 0; padding: 0px; text-align: center; width: 33%; }
  183. .editable .gallery-columns-2 dl.gallery-item { width: 50%; }
  184. .editable .gallery-columns-4 dl.gallery-item { width: 25%; }
  185. .editable dt.gallery-icon { float: none; clear: both; width: auto; text-align: left; font-weight: normal; }
  186. .editable dt.gallery-icon:after { content: none; }
  187. .editable .gallery img { padding: 4px; margin:0px auto; display:block; }
  188. .editable .gallery img:hover { background: white; }
  189. .editable .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; }
  190. .editable .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; }
  191. .editable .gallery dd.gallery-caption { clear:both; margin: 0 0 12px; }
  192. .editable .gallery dl, .gallery dt { margin: 0; }
  193. .editable .gallery br+br { display: none; }
  194.  
  195. /* Bootstrap Fixes */
  196.  
  197. .editable .label { background:none; font-weight:normal; text-shadow:none; }
  198. .editable code { white-space:normal; }
  199.  
  200. /* WordPress Classes */
  201.  
  202. .sticky { /*No Style*/ }
  203. .gallery-caption { font-size: 12px; }
  204. .wp-caption { max-width:100%!important; }
  205. .wp-caption .wp-caption-text { margin-bottom: 10px; padding: 10px 0 5px 40px; }
  206. .bypostauthor { /*No Style*/ }
  207. .alignleft { float:left; margin:0 20px 20px 0; }
  208. .alignright { float:right; margin:0 0 20px 20px; }
  209. .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
  210.  
  211.  
  212. /******************************************************************************************************
  213. Frontpage
  214. ******************************************************************************************************/
  215.  
  216. #featured_wrap { padding:40px 0 25px 0; border-bottom:1px dotted #d6d6d6; }
  217. #featured_wrap h3 { padding:12px 0 12px 0; }
  218. #frontpage_content_below, #frontpage_content_above { padding:40px 0 25px 0; border-bottom:1px dotted #d6d6d6; }
  219. p.featured_more { padding:15px 0 0 0; text-align:right; }
  220. #frontpage_blog_row { padding:30px 0 25px 0; }
  221. img.attachment-nimbus-small { float:left; margin:0 20px 5px 0; }
  222. #frontpage_banner { position:relative; }
  223. #banner_content_left { padding:30px 0 0; }
  224. #banner_content_full { padding:30px 0px; }
  225. #frontpage_banner img.attachment-half-image.wp-post-image { border:none; padding:0px; margin:0px; -webkit-box-shadow: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; border:none; }
  226. #frontpage_banner img.attachment-full-image.wp-post-image { border:none; padding:0px; margin:0px; -webkit-box-shadow: 0px 0px 0px 0px; -moz-box-shadow: 0px 0px 0px 0px; box-shadow: 0px 0px 0px 0px; }
  227. #frontpage_banner img.attachment-full-banner { margin:25px 0; }
  228. #frontpage_banner img.attachment-half-banner { margin:25px 0; }
  229. #small_slider { height:360px; overflow:hidden; }
  230. #small_slider a { display:block; }
  231. #small_slider_wrap { padding:4px; margin:25px 0 25px 0; }
  232. #small_slider img, #full_slider img { border:none; padding:0px; }
  233. #full_slider { height:360px; overflow:hidden; }
  234. #full_slider a{ display:block; }
  235. #full_slider_wrap { padding:4px; margin:25px 0; }
  236. /******************************************************************************************************
  237. Nivo Custom
  238. ******************************************************************************************************/
  239.  
  240. .nivo-controlNav { position:absolute; right:25px; bottom:15px; z-index:99999;}
  241. .nivo-controlNav a { display:block; width:22px; height:12px; background:url(images/bullets.png) no-repeat; text-indent:-9999px; border:0; margin-right:3px;
  242. float:left; }
  243. .nivo-controlNav a.active { background-position:0 -14px;}
  244. .nivo-caption p { font-size:14px; padding:1em!important; }
  245. .nivo-directionNav a {display:block; width:41px; height:50px; background:url(images/slideshow_directional_nav.png) no-repeat; text-indent:-9999px; border:0; position:absolute; top:43%; z-index:99999; cursor:pointer; }
  246. a.nivo-nextNav {background-position:-45px 0; right:-3px;}
  247. a.nivo-prevNav {left:-3px;}
  248.  
  249.  
  250. /******************************************************************************************************
  251. Pages
  252. ******************************************************************************************************/
  253.  
  254. #page_content_editable { position:relative; }
  255. #page_title { position:absolute; top:-80px; left:0px; padding:0px; margin: 0px; }
  256. #full_page_title { position:absolute; top:-40px; left:0px; padding:0px; margin: 0px; }
  257. img.page_image { margin:0 0 20px 0; }
  258.  
  259.  
  260. /******************************************************************************************************
  261. Single
  262. ******************************************************************************************************/
  263.  
  264. img.blog_post_image { margin:0 0 10px 0; }
  265. .blog_more { text-align:right; padding:0 0 20px 0; }
  266. p.blog_date { float:left; color:#7e7e7e; }
  267. p.blog_comment_link { float:right; color:#7e7e7e; }
  268. p.blog_date, p.blog_date a, p.blog_comment_link, p.blog_comment_link a { font-size:11px; }
  269. #tags_wrap { padding:15px 0; margin:15px 0 25px; border-top:1px dotted #d6d6d6; border-bottom:1px dotted #d6d6d6; }
  270. .bio_wrap { border:1px solid #d8d8d8; background:#f0f0f0; padding:20px 0 20px 0; margin:20px 0 20px 0; border:1px solid #d8d8d8; background:#f0f0f0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 6%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(6%,#f3f3f3), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 6%,#ebebeb 100%); background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 6%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 6%,#ebebeb 100%); background: linear-gradient(top, #ffffff 0%,#f3f3f3 6%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
  271. .bio_wrap img{ float:left; margin:0 20px 0px 20px; }
  272. .bio_wrap h3{ padding:0 20px 10px 0; margin:0px; }
  273. .bio_wrap p{ padding:0 20px 15px; }
  274. .bio_wrap h3, .bio_wrap h3 a, .bio_wrap p { color:#333; }
  275.  
  276. /******************************************************************************************************
  277. Blog, Archive, Author
  278. ******************************************************************************************************/
  279.  
  280. .author_bio_wrap { margin-top:0px!important; }
  281. .pagination { clear:both; text-align:center; padding:20px 0; }
  282. .wp-pagenavi { text-align:center; }
  283. .wp-pagenavi a, .wp-pagenavi span { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:6px 6px!important; color:#535353!important; background: #fff; }
  284. .wp-pagenavi span.current { border: 1px solid #bfbfbf!important; background:#e8e8e8; }
  285. .wp-pagenavi a:hover { border: 1px solid #07F!important; }
  286.  
  287. /******************************************************************************************************
  288. Comments
  289. ******************************************************************************************************/
  290.  
  291. ol#comments { list-style:none; padding:0px; margin: 0px; }
  292. ol#comments ul{ list-style:none; padding:0px; margin: 0px; }
  293. ol#comments li { width:100%; background:url(images/comment_ul_bg.png) repeat-y top left; margin:0px; }
  294. ol#comments li.depth-1 { padding:0 0 60px 0; }
  295. ol#comments li.depth-2 { padding:60px 0 0 0; }
  296. ol#comments li.depth-3, ol#comments li.depth-4, ol#comments li.depth-5, ol#comments li.depth-6, ol#comments li.depth-7, ol#comments li.depth-8, ol#comments li.depth-9, ol#comments li.depth-10 { padding:60px 0 0 0; }
  297. ol#comments li:last-child { padding-bottom:0px; }
  298. ol#comments li:last-child div.comment_wrap { background:url(images/comment_last_bg.png) no-repeat bottom left; min-height:121px; }
  299. ol#comments li:last-child li:last-child div.comment_wrap { min-height:0px; }
  300. ol#comments li div.comment_wrap { width:100%; }
  301. ol#comments li.depth-2 div.comment_wrap { background:url(images/comment_li2_bg.png) no-repeat top left; }
  302. ol#comments li.depth-3 div.comment_wrap, ol#comments li.depth-4 div.comment_wrap, ol#comments li.depth-5 div.comment_wrap, ol#comments li.depth-6 div.comment_wrap, ol#comments li.depth-7 div.comment_wrap, ol#comments li.depth-8 div.comment_wrap, ol#comments li.depth-9 div.comment_wrap, ol#comments li.depth-10 div.comment_wrap { background:url(images/comment_li3_bg.png) no-repeat top left; }
  303. ol#comments li.depth-1 div.comment_wrap div.comment_content { float:right; width:650px; }
  304. ol#comments li.depth-2 div.comment_wrap div.comment_content { float:right; width:583px; }
  305. ol#comments li.depth-3 div.comment_wrap div.comment_content, ol#comments li.depth-4 div.comment_wrap div.comment_content, ol#comments li.depth-5 div.comment_wrap div.comment_content, ol#comments li.depth-6 div.comment_wrap div.comment_content, ol#comments li.depth-7 div.comment_wrap div.comment_content, ol#comments li.depth-8 div.comment_wrap div.comment_content, ol#comments li.depth-9 div.comment_wrap div.comment_content, ol#comments li.depth-10 div.comment_wrap div.comment_content { float:right; width:516px; }
  306. ol#comments li img.avatar { float:left; }
  307. ol#comments li.depth-2 img.avatar { margin:0 0 0 68px; }
  308. ol#comments li.depth-3 img.avatar, ol#comments li.depth-4 img.avatar, ol#comments li.depth-5 img.avatar, ol#comments li.depth-6 img.avatar, ol#comments li.depth-7 img.avatar, ol#comments li.depth-8 img.avatar, ol#comments li.depth-9 img.avatar, ol#comments li.depth-10 img.avatar { margin:0 0 0 136px; }
  309. .comment-reply-link { font-size:11px; }
  310. #comment { width:100%; min-height:230px; }
  311. #commentform label { font-size:12px; display:inline; }
  312. .comment_fields input { width:100%; }
  313. .form_allowed_tags, .form_allowed_tags code, .form_allowed_tags abbr { font-size:11px; white-space: normal; }
  314. h3#reply-title { padding:30px 0 15px 0; }
  315. h3#reply-title small { display:block;}
  316. #submit {}
  317.  
  318.  
  319.  
  320.  
  321.  
  322. /******************************************************************************************************
  323. Portfolio Single
  324. ******************************************************************************************************/
  325.  
  326. img.portfolio_image { margin:0 0 25px 0; }
  327.  
  328.  
  329. /******************************************************************************************************
  330. Portfolio Archives
  331. ******************************************************************************************************/
  332.  
  333. .port_item { padding: 10px 0 15px 0; }
  334. .portfolio_more { text-align:right; }
  335. h3.full_port_title { margin-top:0px; padding-top:0px; }
  336.  
  337. /******************************************************************************************************
  338. Sidebar
  339. ******************************************************************************************************/
  340.  
  341. #side_menu ul{ padding:10px 0; margin:0; }
  342. #side_menu ul li{ padding:1px 0 1px 0px; margin:0; }
  343. #side_menu ul li:before { content:"+ " }
  344.  
  345. /*General Typography*/
  346.  
  347. .sidebar_editable { line-height:1.4em; }
  348. .sidebar_editable p { padding:0 0 15px 0; }
  349.  
  350. /* Titles */
  351.  
  352. .sidebar_editable h1, .sidebar_editable h2, .sidebar_editable h3, .sidebar_editable h4, .sidebar_editable h5, .sidebar_editable h6 { padding:0 0 .2em 0; margin: 0 0 .1em; }
  353.  
  354. /* HR */
  355.  
  356. .sidebar_editable hr { margin:20px 0; border: none; height: 5px; background: url(images/hr_dots.png) repeat-x center top; }
  357.  
  358.  
  359. /* BlockQuotes */
  360.  
  361. .sidebar_editable blockquote { padding: 9px 0 2px 10px; margin:20px 0 20px 0; border-left:4px solid #1B74BB; font-size: 18px; line-height:1.4em; }
  362.  
  363. /* Definitions */
  364.  
  365. .sidebar_editable dl { padding: 0 0 20px 0; }
  366. .sidebar_editable dt { float: left; clear: left; width: 150px; text-align: right; font-weight: bold; }
  367. .sidebar_editable dt:after { content: ":"; }
  368. .sidebar_editable dd { margin: 0 0 0 160px; padding: 0 0 1em 0; }
  369.  
  370. /* Lists */
  371.  
  372. .sidebar_editable ul { list-style:none; }
  373. .sidebar_editable ol { list-style:none; }
  374. .sidebar_editable ul, .sidebar_editable ol{ margin:0px; }
  375. .sidebar_editable ul ul, .sidebar_editable ol ol{ padding-left:25px; margin:0 0 0 0; }
  376. .sidebar_editable ul li, .sidebar_editable ol li{ margin-top:10px; line-height:1em; }
  377.  
  378. /* Forms */
  379.  
  380. .sidebar_editable input, .sidebar_editable textarea { font-size:14px; color:#454545; padding:4px; border:1px solid #b6b6b6; background:#ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  381. .sidebar_editable fieldset { display: block; width: 89%; padding:5%; margin: 0 auto; border:1px solid #b6b6b6; }
  382. .sidebar_editable legend { padding: 4px 10px; border:1px solid #b6b6b6; background: #fff; color: #454545; text-transform: uppercase; margin-left: 0.5em; }
  383. .sidebar_editable select { padding: 4px; border:1px solid #b6b6b6; background: #fff; color: #454545; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
  384. .sidebar_editable button, .sidebar_editable input[type=submit] { display: inline-block; margin:15px 0; outline: none; cursor: pointer; text-align: center; text-decoration: none; line-height: 100%; padding: .6em 2em .65em; -webkit-border-radius: .6em; -moz-border-radius: .6em; border-radius: .6em; font-size: 18px ; font-weight:normal; color: #fff; border: solid 1px #09396f; }
  385. .sidebar_editable button:hover, input[type=submit]:hover { text-decoration:none; }
  386. .sidebar_editable input[type=image] { border:none; }
  387.  
  388. /* Tables */
  389.  
  390. .sidebar_editable table { width:100%; margin:10px auto 20px; border:1px solid #d8d8d8; background:#ffffff; border-collapse:separate; overflow:hidden; }
  391. .sidebar_editable table caption { width:90%; margin:0px auto; padding:10px 20px; border-bottom:none; text-align:center }
  392. .sidebar_editable table tr:nth-child(even) { background: #fff; }
  393. .sidebar_editable table tr:nth-child(odd) { background: #f6f6f6; }
  394. .sidebar_editable table th { padding:10px; border-bottom:1px solid #d8d8d8; background: #ebebeb; background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 3%, #f3f3f3 6%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#ffffff), color-stop(6%,#f3f3f3), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); background: linear-gradient(top, #ffffff 0%,#ffffff 3%,#f3f3f3 6%,#ebebeb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); }
  395. .sidebar_editable table th:first-child { padding:10px 10px 10px 20px;}
  396. .sidebar_editable table th:first-last{ padding:10px 20px 10px 10px; }
  397. .sidebar_editable table tfoot th { border-bottom:none; }
  398. .sidebar_editable table tfoot td { border-bottom:none; }
  399. .sidebar_editable table td { padding:10px; }
  400. .sidebar_editable table td:first-child { padding:10px 10px 10px 20px; }
  401. .sidebar_editable table td:last-child { padding:10px 20px 10px 10px; }
  402.  
  403.  
  404. /******************************************************************************************************
  405. Widgets
  406. ******************************************************************************************************/
  407.  
  408. div.sidebar_widget, div.footer_widget { width:100%; }
  409. div.sidebar_widget { padding:20px 0; }
  410. div.sidebar_widget h3, div.footer_widget h3 { padding:0 0 15px 0; }
  411. #blog_row_widget { float:right; margin:45px 0 0 0; }
  412. #blog_row_widget h3 { padding:0 0 15px 0; }
  413.  
  414. div.sidebar button { display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; line-height: 100%; padding: .5em 2em .55em; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; font-size:18px; font-weight:normal; color: #ffffff; text-shadow: 0 1px 1px #062950; border: solid 1px #0859b4; background: #0074f6; background: -moz-linear-gradient(top, #0074f6 1%, #093b74 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0074f6), color-stop(100%,#093b74)); background: -webkit-linear-gradient(top, #0074f6 1%,#093b74 100%); background: -o-linear-gradient(top, #0074f6 1%,#093b74 100%); background: -ms-linear-gradient(top, #0074f6 1%,#093b74 100%); background: linear-gradient(top, #0074f6 1%,#093b74 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0074f6", endColorstr="#093b74",GradientType=0 ); }
  415.  
  416. /* Popular posts */
  417.  
  418. ul.pop_posts { margin: 0px; }
  419. ul.pop_posts li:first-child { margin-top: 0px; }
  420. .comment_widget_num { font-size:11px; }
  421.  
  422. /* RSS */
  423.  
  424. .rss-date { font-size:11px; color:#7f7f7f; }
  425. .rssSummary { font-size:11px; }
  426. #sidebar cite { font-size:11px; color:#7f7f7f; font-style:normal; }
  427.  
  428. /* Recent Comments */
  429.  
  430. div.sidebar_widget p.recent_comment_name a { font-weight:bold; }
  431. div.sidebar_widget a.recent_comment_more{ font-size:11px; }
  432.  
  433. /* Search Widget */
  434.  
  435. label.screen-reader-text { display:none;}
  436. #s { width:180px; }
  437. #searchsubmit { font-size:13px; padding: .45em 2em .50em; margin-left:10px; margin-right:0px; margin: 0px; }
  438. #searchsubmit:active { }
  439.  
  440. /* Calendar Widget */
  441.  
  442. #wp-calendar { margin:0px; }
  443. #wp-calendar caption { font-size:16px; font-style:normal; font-weight:normal; padding-top:0px; }
  444. #wp-calendar td , #wp-calendar th { text-align:center; }
  445. #wp-calendar td:first-child , #wp-calendar th:first-child { padding: 10px 10px 10px 15px; }
  446. #wp-calendar td#prev { text-align:left; }
  447. #wp-calendar td#next { text-align:right; }
  448. #wp-calendar tr:nth-child(odd) { background: #fff; }
  449. #wp-calendar tr:nth-child(even) { background: #f6f6f6; }
  450. #wp-calendar tfoot tr:nth-child(odd) { background: #f6f6f6; }
  451. #wp-calendar tfoot a { color:#0078ff; }
  452.  
  453. /******************************************************************************************************
  454. Footer
  455. ******************************************************************************************************/
  456.  
  457. #footer { min-height:200px; margin:0px auto; }
  458. #footer_widgets_wrap { padding:40px 0; border-bottom:1px dotted #d6d6d6; }
  459. #footer_base { padding:15px 0; }
  460. #footer_meta { padding:0 0 15px 0; }
  461. #footer_meta ul#contact { float:left; margin: 0; }
  462. #footer_meta ul#contact li { float:left; padding:0 15px; }
  463. #footer_meta ul#contact li:first-child { padding-left:0px;}
  464. #footer_meta ul#contact li:last-child { margin-right:0px; }
  465. #text_logo { margin: 0; padding: 0; }
  466. #footer_meta ul#social { float:right; }
  467. #footer_meta ul#social li { float:left; margin:0 0 0 4px; height:36px; width:36px; }
  468. #footer_meta ul#social li a { display:block; height:100%; width:100%; }
  469. #footer_meta ul#social li#facebook_footer_button { background:url(images/opulis_social_sprite.png) no-repeat -205px -2px; }
  470. #footer_meta ul#social li#facebook_footer_button:hover { background:url(images/opulis_social_sprite.png) no-repeat -4px -2px; }
  471. #footer_meta ul#social li#linkedin_footer_button { background:url(images/opulis_social_sprite.png) no-repeat -244px -2px; }
  472. #footer_meta ul#social li#linkedin_footer_button:hover { background:url(images/opulis_social_sprite.png) no-repeat -43px -2px; }
  473. #footer_meta ul#social li#twitter_footer_button { background:url(images/opulis_social_sprite.png) no-repeat -284px -2px; }
  474. #footer_meta ul#social li#twitter_footer_button:hover { background:url(images/opulis_social_sprite.png) no-repeat -83px -2px; }
  475. #footer_meta ul#social li#youtube_footer_button { background:url(images/opulis_social_sprite.png) no-repeat -324px -2px; }
  476. #footer_meta ul#social li#youtube_footer_button:hover { background:url(images/opulis_social_sprite.png) no-repeat -123px -2px; }
  477. #footer_meta ul#social li#rss_footer_button { background:url(images/opulis_social_sprite.png) no-repeat -364px -2px; }
  478. #footer_meta ul#social li#rss_footer_button:hover { background:url(images/opulis_social_sprite.png) no-repeat -163px -2px; }
  479. #credit { float:right; }
  480. #copyright { float:left; }
  481.  
  482. /******************************************************************************************************
  483. General Classes
  484. ******************************************************************************************************/
  485.  
  486. .center { margin-left:auto!important; margin-right:auto!important; }
  487. .clear{ clear:both!important; }
  488. .none { float:none!important; }
  489. .clear5{ width:100%; height:5px; clear:both; }
  490. .clear10{ width:100%; height:10px; clear:both; }
  491. .clear15{ width:100%; height:15px; clear:both; }
  492. .clear20{ width:100%; height:20px; clear:both; }
  493. .clear25{ width:100%; height:25px; clear:both; }
  494. .clear30{ width:100%; height:30px; clear:both; }
  495. .clear35{ width:100%; height:35px; clear:both; }
  496. .hidden{ display: none; }
  497. .left { float:left; }
  498. .right { float:right }
  499.  
  500. /******************************************************************************************************
  501. jScrollPane Override
  502. ******************************************************************************************************/
  503.  
  504. #header_frontpage .jspTrack { background: #dddddd; }
  505. #header_frontpage .jspDrag { background: #c6c6c6; }
  506.  
  507. /******************************************************************************************************
  508. Responsive
  509. ******************************************************************************************************/
  510.  
  511. .visible-desktop-large { display:none!important; }
  512. .hidden-desktop-large { display:inherit!important; }
  513. .visible-desktop { display: none !important; }
  514.  
  515.  
  516. @media (min-width: 768px) {
  517.  
  518. .navbar { display:none; }
  519.  
  520. }
  521.  
  522. @media (min-width: 1200px) {
  523.  
  524. #content { background: url(images/sidebar_divide.png) no-repeat 805px 30px; }
  525. .image_content { height:424px; overflow:auto; }
  526. .image_border_content { height:420px; overflow:auto; }
  527. .visible-desktop-large { display:inherit!important; }
  528. .hidden-desktop-large { display:none!important; }
  529. .visible-desktop { display:none!important; }
  530. div.menu > ul{ max-width:75%; }
  531. }
  532.  
  533. @media (min-width: 768px) and (max-width: 979px) {
  534.  
  535. #content { background: url(images/sidebar_divide.png) no-repeat 492px 30px!important; }
  536. div.menu ul { float:none; display:block; position:relative; }
  537. .text_logo { float:none; display:block; position:relative; bottom: 0px; padding:20px 0 15px 0; }
  538. #full_page_title { top: -32px; }
  539. #page_title { top: -72px; }
  540. #content { background: url(images/sidebar_divide.png) no-repeat 645px 30px; }
  541. ol#comments li.depth-1 div.comment_wrap div.comment_content { width:350px; }
  542. ol#comments li.depth-2 div.comment_wrap div.comment_content { width:283px; }
  543. ol#comments li.depth-3 div.comment_wrap div.comment_content, ol#comments li.depth-4 div.comment_wrap div.comment_content, ol#comments li.depth-5 div.comment_wrap div.comment_content, ol#comments li.depth-6 div.comment_wrap div.comment_content, ol#comments li.depth-7 div.comment_wrap div.comment_content, ol#comments li.depth-8 div.comment_wrap div.comment_content, ol#comments li.depth-9 div.comment_wrap div.comment_content, ol#comments li.depth-10 div.comment_wrap div.comment_content { width:216px; }
  544. .attachment-half-banner { width:404px; height:230px; }
  545. .image_content { height:262px; overflow:auto; }
  546. .image_border_content { height:290px; overflow:auto; }
  547.  
  548.  
  549. }
  550.  
  551. @media (max-width: 767px) {
  552.  
  553. #menu , .menu { display:none; }
  554. #header { height:auto; background:transparent!important; }
  555. #full_slider_wrap, #small_slider_wrap, .attachment-half-image, .attachment-half-banner { display:none; }
  556. #ribbon_wrap, #content_wrap { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; z-index: 1; }
  557. .text_logo { float:left; display:block; position:relative; bottom: 0px; padding:12px 0 0 0; font-size:15px!important; }
  558. #contact_line { display:none; }
  559. #ribbon { height:auto; min-height: 0px; }
  560. #ribbon_wrap { min-height: 0px; z-index: 1; }
  561. #page_title { position:relative; top: 0px; }
  562. .navbar-inverse .navbar-inner { background:#fff!important; border-color: #b6b6b6!important; -webkit-box-shadow: 0px 0px 9px 1px #555!important; -moz-box-shadow: 0px 0px 9px 1px #555555!important; box-shadow: 0px 0px 9px 1px #555!important; }
  563. .navbar-inverse .btn-navbar{ background: #f!important; }
  564. #mobile_menu { margin:0 0 0 0; }
  565. #mobile_menu li a { padding:5px 0 5px 20px; display:block; border-top:1px solid #b6b6b6; color:#262626; }
  566. #mobile_menu li li a { padding-left:40px; }
  567. #mobile_menu > li:first-child { margin-top:10px; }
  568. #full_page_title, #page_title { position:relative; top: 0px; padding:0 0 20px 0; }
  569. #content_full { padding: 10px 0; }
  570. #content { padding: 10px 0; }
  571. ol#comments li { width:100%; background:none; margin:0px; }
  572. ol#comments li.depth-1 { padding:0 0 30px 0; }
  573. ol#comments li.depth-2 { padding:30px 0 0 0; }
  574. ol#comments li.depth-3, ol#comments li.depth-4, ol#comments li.depth-5, ol#comments li.depth-6, ol#comments li.depth-7, ol#comments li.depth-8, ol#comments li.depth-9, ol#comments li.depth-10 { padding:30px 0 0 0; }
  575. ol#comments li:last-child { padding-bottom:0px; }
  576. ol#comments li:last-child div.comment_wrap { background:none; min-height:121px; }
  577. ol#comments li:last-child li:last-child div.comment_wrap { min-height:0px; }
  578. ol#comments li div.comment_wrap { width:100%; }
  579. ol#comments li.depth-2 div.comment_wrap { background:none; }
  580. ol#comments li.depth-3 div.comment_wrap, ol#comments li.depth-4 div.comment_wrap, ol#comments li.depth-5 div.comment_wrap, ol#comments li.depth-6 div.comment_wrap, ol#comments li.depth-7 div.comment_wrap, ol#comments li.depth-8 div.comment_wrap, ol#comments li.depth-9 div.comment_wrap, ol#comments li.depth-10 div.comment_wrap { background:none; }
  581. ol#comments li img.avatar { float: none; margin:0 0 20px 0; }
  582. ol#comments li.depth-1 div.comment_wrap div.comment_content { width:auto; float:none; }
  583. ol#comments li.depth-2 div.comment_wrap div.comment_content { width:auto; float:none; }
  584. ol#comments li.depth-3 div.comment_wrap div.comment_content, ol#comments li.depth-4 div.comment_wrap div.comment_content, ol#comments li.depth-5 div.comment_wrap div.comment_content, ol#comments li.depth-6 div.comment_wrap div.comment_content, ol#comments li.depth-7 div.comment_wrap div.comment_content, ol#comments li.depth-8 div.comment_wrap div.comment_content, ol#comments li.depth-9 div.comment_wrap div.comment_content, ol#comments li.depth-10 div.comment_wrap div.comment_content { width:auto; float:none; }
  585. ol#comments li.depth-2 img.avatar { margin:0 0 20px 0; }
  586. ol#comments li.depth-3 img.avatar, ol#comments li.depth-4 img.avatar, ol#comments li.depth-5 img.avatar, ol#comments li.depth-6 img.avatar, ol#comments li.depth-7 img.avatar, ol#comments li.depth-8 img.avatar, ol#comments li.depth-9 img.avatar, ol#comments li.depth-10 img.avatar { margin:0 0 20px 0; }
  587. .comment-reply-link { display:none; }
  588. #commentform label { font-size:12px; }
  589. .form_allowed_tags, .form_allowed_tags code, .form_allowed_tags abbr { font-size:11px; }
  590. h3#reply-title { padding:30px 0 15px 0; }
  591. h3#reply-title small { display:block;}
  592. .image_content { height:auto; overflow:visible!important; }
  593. .jspContainer { overflow:visible!important; height: auto!important; }
  594. .jspPane { position: relative!important; }
  595. .jspVerticalBar { display:none; }
  596. ##banner_content_left .jspContainer .jspPane > p, #banner_content_left > p, #banner_content_full > p { padding-left:20px; padding-right:20px; }
  597. #banner_content_left .nimbus_typography_one, #banner_content_left .nimbus_typography_two , #banner_content_left .nimbus_typography_three, #banner_content_full .nimbus_typography_one, #banner_content_full .nimbus_typography_two , #banner_content_full .nimbus_typography_three { padding-right:20px; display:table-cell; }
  598. #frontpage_banner img.attachment-full-banner { margin: 0 0; padding:0px; border:none; }
  599. #featured_wrap { padding: 0 0 10px 0; border-bottom: none; border-top: 1px dotted #D6D6D6; }
  600. #featured_wrap div div.span4 { border-bottom: 1px dotted #D6D6D6; }
  601. #frontpage_blog_row { padding:10px 0 10px 0; }
  602. .footer_widget { padding:0 0 20px 0; }
  603. #footer_widgets_wrap { padding: 20px 0; }
  604. #blog_row_widget { margin: 15px 0 0 0; }
  605. #footer_meta ul#contact { margin:0 0 0 0; }
  606. #footer_meta ul#contact li { display:block; float:none; padding:0; }
  607. #footer_meta ul#contact li:first-child { padding-left:0px; }
  608. #footer_meta ul#contact li:last-child { margin-right:0px; }
  609. #footer_meta ul#contact li span { color:#0077ff; }
  610. #footer_meta ul#social { float:right; }
  611. #footer_meta ul#social li { float:left; margin:0 0 0 4px; height:36px; width:36px; }
  612. #footer_meta ul#social li a { display:block; height:100%; width:100%; }
  613. #s { display:block; }
  614. .text_logo a { font-size: 15px!important; padding:0 0 0 20px; }
  615. }
  616.  
  617. @media (min-width: 980px)and (max-width: 1200px) {
  618.  
  619. #content { background: url(images/sidebar_divide.png) no-repeat 645px 30px; }
  620. ol#comments li.depth-1 div.comment_wrap div.comment_content { width:500px; }
  621. ol#comments li.depth-2 div.comment_wrap div.comment_content { width:433px; }
  622. ol#comments li.depth-3 div.comment_wrap div.comment_content, ol#comments li.depth-4 div.comment_wrap div.comment_content, ol#comments li.depth-5 div.comment_wrap div.comment_content, ol#comments li.depth-6 div.comment_wrap div.comment_content, ol#comments li.depth-7 div.comment_wrap div.comment_content, ol#comments li.depth-8 div.comment_wrap div.comment_content, ol#comments li.depth-9 div.comment_wrap div.comment_content, ol#comments li.depth-10 div.comment_wrap div.comment_content { width:366px; }
  623. .attachment-half-banner { width:530px; height:300px; }
  624. .image_content { height:342px; overflow:auto; }
  625. .image_border_content { height:360px; overflow:auto; }
  626. .visible-desktop { display:inherit!important; }
  627. div.menu > ul{ max-width:75%; }
  628. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!