API tools faq
paste
Advertisement
Guest User

after adding code to css

a guest
Nov 17th, 2012
76
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 46.98 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Lucidhttp://localhost/wp/wp-admin/upload.php
  3. Theme URI: http://www.elegantthemes.com/gallery/
  4. Version: 1.0
  5. Description: 2 Column theme from Elegant Themes
  6. Author: Elegant Themes
  7. Author URI: http://www.elegantthemes.com
  8. */
  9.  
  10. /*------------------------------------------------*/
  11. /*-----------------[RESET]------------------------*/
  12. /*------------------------------------------------*/
  13.  
  14. /* http://meyerweb.com/eric/tools/css/reset/ */
  15. /* v1.0 | 20080212 */
  16.  
  17. html, body, div, span, applet, object, iframe,
  18. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  19. a, abbr, acronym, address, big, cite, code,
  20. del, dfn, em, font, img, ins, kbd, q, s, samp,
  21. small, strike, strong, sub, sup, tt, var,
  22. b, u, i, center,
  23. dl, dt, dd, ol, ul, li,
  24. fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
  25.  
  26. body { line-height: 1; }
  27. ol, ul { list-style: none; }
  28. blockquote, q { quotes: none; }
  29.  
  30. blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
  31.  
  32. /* remember to define focus styles! */
  33. :focus { outline: 0; }
  34.  
  35. /* remember to highlight inserts somehow! */
  36. ins { text-decoration: none; }
  37. del { text-decoration: line-through; }
  38.  
  39. /* tables still need 'cellspacing="0"' in the markup */
  40. table { border-collapse: collapse; border-spacing: 0; }
  41. article, aside, footer, header, hgroup, nav, section { display: block; }
  42.  
  43. /*------------------------------------------------*/
  44. /*-----------------[BASIC STYLES]-----------------*/
  45. /*------------------------------------------------*/
  46.  
  47. body { font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; color: #4c4c4c; background-color: #ffffff; }
  48.  
  49. a { text-decoration: none; }
  50. a:hover { text-decoration: underline; }
  51. .clear { clear: both; }
  52. .ui-tabs-hide { display: none; }
  53. br.clear { margin: 0px; padding: 0px; }
  54.  
  55. h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #111; line-height: 1em; font-weight: normal; }
  56. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }
  57. h1 { font-size: 30px; }
  58. h2 { font-size: 24px; }
  59. h3 { font-size: 22px; }
  60. h4 { font-size: 18px; }
  61. h5 { font-size: 16px; }
  62. h6 { font-size: 14px; }
  63. p { padding-bottom: 10px; line-height: 24px; }
  64. strong { font-weight: bold; color: #1c1c1c; }
  65. cite, em, i { font-style: italic; }
  66. pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }
  67. ins { text-decoration: none; }
  68. sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }
  69. sup { bottom: 0.8em; }
  70. sub { top: 0.3em; }
  71. dl { margin: 0 0 1.5em 0; }
  72. dl dt { font-weight: bold; }
  73. dd  { margin-left: 1.5em;}
  74. blockquote  { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }
  75.     blockquote p { padding-bottom: 0px; }
  76.  
  77. input[type=text],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; }
  78. input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; }
  79. input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; }
  80. textarea { padding: 4px; }
  81.  
  82. img#about-image { float: left; margin: 3px 8px 8px 0px; }
  83.  
  84. .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
  85. * html .clearfix             { zoom: 1; } /* IE6 */
  86. *:first-child+html .clearfix { zoom: 1; } /* IE7 */
  87.  
  88. /*------------------------------------------------*/
  89. /*---------------[MAIN LAYOUT INFO]---------------*/
  90. /*------------------------------------------------*/
  91.  
  92. #main-header { background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 60px; } 
  93. #main-header:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
  94.     .container { text-align: left; margin: 0 auto; width: 960px; position: relative; }
  95.         #top-menu { border-right: 1px solid #e5e5e5; padding: 0 18px 0 23px; float: left; }
  96.            
  97.                 #top-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; text-shadow: 1px 1px 0 #fff; padding: 22px 15px 23px; display: block; }
  98.                
  99.                 #top-menu > ul > li > a { -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
  100.                 #top-menu > ul > li > a:hover { color: #fff; background-color: #4b4b4b; text-shadow: -1px -1px 0 #000; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.9); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.9); box-shadow: inset 0 0 10px rgba(0,0,0,0.9); }
  101.                     #top-menu li.sfHover > a { color: #fff; text-shadow: none; }
  102.                 #top-menu ul > li.current-menu-item > a { font-weight: bold; }
  103.                
  104.                 #top-menu .main_text { color: #4b4b4b; }
  105.                
  106.         #social-icons { float:left; border-left: 1px solid #fff; border-right: 1px solid #e5e5e5; padding: 23px 32px 19px; }   
  107.             #social-icons a { padding-left: 4px; }
  108.         #search { float: left; border-left: 1px solid #fff; padding: 11px 32px 0 25px; }   
  109.             #search-form { height: 35px; border:1px solid #e5e5e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; }
  110.                 #search-form #searchinput { background: none; border: none; float: left; margin: 9px 14px 0 7px; width: 108px; padding-left: 6px; font-size: 12px; color: #4b4b4b; font-weight: lighter; }
  111.                 #search-form #searchsubmit { margin-top: 12px; margin-right: 12px; }   
  112. .container #logo-area { text-align: center; margin-bottom: 57px; }
  113. #secondary-menu { border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; position: relative; }
  114. #secondary-menu:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; z-index: 1; }
  115.     .container #second-menu { text-align: center; }
  116.             #second-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; text-shadow: 1px 1px 0 #fff; display: block; font-weight: lighter; }
  117.             #second-menu > ul > li > a { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  118.             #second-menu > ul > li > a:hover { color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); -webkit-box-shadow: inset 0 0 10px rgba(255,102,0,0.9); box-shadow: inset 0 0 10px rgba(255,102,0,0.9); }
  119.                 #second-menu li.sfHover > a { color: #fff; text-shadow: none; }
  120.             #second-menu .main_text { color: #4b4b4b; }
  121.                
  122.             #second-menu ul > li.current-menu-item > a { font-weight: bold; }
  123. #main-area { background-color: #f9f9f9; border-bottom: 1px solid #eeeeee; padding-bottom: 60px; }
  124. #featured_section { margin: -59px 0 56px; }
  125.     #featured { position:relative; }
  126.             #switcher { border: 1px solid #e5e5e5; border-top: none; position: relative; background-color: #fff; }
  127.             #switcher:before { content: ''; position: absolute; height: 7px; top: -8px; left: 0; background: url(images/top-shadow.png) no-repeat top center; width: 100%; }
  128.         #switcher-container { position: relative; }
  129.             #switcher-container:after { content: ''; position: absolute; height: 7px; bottom: -6px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
  130.                 #switcher li { float: left; width: 318px; border-right: 1px solid #eeeeee; cursor: pointer; }
  131.                 #switcher .last { border-right: none; width: 320px; }
  132.                     #featured_section .active-slide .switcher-content, #featured_section .switcher_hover { background-color: #f9f9f9; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; }
  133.                     #featured_section .switcher_hover, #featured_section .switcher_hover .post-meta, .et_tab_link_hover .post-meta { -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  134.                     .switcher-content { padding: 41px 29px 24px 93px; position: relative; }
  135.                         span.post-meta { position: absolute; left: 29px; top: 34px; display: block; background: #4c4c4c; color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; width: 45px; height: 45px; line-height: 36px; font-weight: lighter; font-size: 10px; text-transform: uppercase; }
  136.                             span.post-meta span { display: block; margin-top: -24px; font-weight: bold; font-size: 12px; }
  137.                        
  138.                             #switcher h2 { font-weight: lighter; font-size: 20px; }
  139.                             #switcher .meta-info, .article .meta-info { font-family: 'Open Sans Condensed', Arial, sans-serif; font-size: 16px; color: #b8b8b8; margin-top: -5px; }
  140.                                 #switcher .meta-info a, .article .meta-info a { color: #b8b8b8; text-decoration: none; }
  141.                                 .article .meta-info a:hover { color: #949494; }
  142.     .recent-category_widget { margin-bottom: 53px; }
  143.         .recent-category { float: left; width: 300px; margin-right: 30px; position: relative; }
  144.         #recent-categories .last { margin-right: 0; }
  145.             h3.main-title { font-family: 'Open Sans Condensed', Arial, sans-serif; display: inline-block; font-size: 16px; text-transform: uppercase; color: #fff; text-shadow:-1px -1px 0 rgba(0,0,0,0.2); margin-bottom: -1px; padding: 8px 11px; }
  146.             a.more { position: absolute; font-family: 'Open Sans Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff; background: url(images/more-arrow.png) no-repeat right 4px; text-decoration: none; top: 2px; right: 0px;  padding-right: 14px; }
  147.             a.more:hover { color: #111; }
  148.             .category-box { border: 1px solid #e5e5e5; position: relative; }
  149.             .category-box:after { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow2.png) no-repeat top center; width: 100%; }
  150.                 .category-box li { background-color: #f9f9f9; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 10px 10px 0; }
  151.                 .category-box .last { border-bottom: none; }
  152.                     .category-box .thumb { float: left; margin: 0 17px 5px 0; position: relative; line-height: 0; }
  153.                     .category-box .thumb:after { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.6); box-shadow: inset 0 0 10px rgba(0,0,0,0.6); content: ''; left: 0; top: 0; width: 100%; height: 100%; }
  154.                     .category-box h3 { font-size: 16px; text-shadow: 1px 1px 0 #fff; }
  155.                         .category-box h3 a { text-decoration: none; color: #4c4c4c; }
  156.                         .category-box h3 a:hover { color: #111; }
  157.                     .category-box p.meta-info { font-weight: lighter; font-size: 14px; color: #b1b0b0; text-shadow: 1px 1px 0 #fff; margin-top: -5px; padding-bottom: 8px; }
  158.                         .category-box p.meta-info a { text-decoration: none; color: #b1b0b0; }
  159.                         .category-box p.meta-info a:hover { color: #111; }
  160.     #left-area { float: left; width: 630px; margin-right: 30px; }
  161.         #recent-videos { position: relative; margin-bottom: 56px; }
  162.             #video-slider-section { position: relative; border: 1px solid #e5e5e5; }
  163.             #video-slider-section:before { content: ''; position: absolute; height: 8px; bottom: -8px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; }
  164.                 .video-slide { background-color: #fff; padding: 9px; line-height: 0; }
  165.         #recent-articles { position: relative; margin-bottom: 30px; }
  166.             #articles-content { border: 1px solid #e5e5e5; background-color: #fff; }
  167.             #articles-content:before { content: ''; position: absolute; height: 8px; bottom: -7px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; }
  168.                 .article { border-bottom: 1px solid #f7f7f7; padding: 10px; }
  169.                 .article .last { border-bottom: none; }
  170.                     .article .thumb { float: left; margin-right: 28px; position: relative; line-height: 0; }
  171.                         .article .thumb .overlay { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); left: 0; top: 0; width: 100%; height: 100%; }
  172.                     .article h4 { padding-top: 20px; font-size: 24px; font-weight: lighter; }
  173.                         .article h4 a { text-decoration: none; color: #4c4c4c; }
  174.                         .article h4 a:hover, #tab-controls li a:hover, .widget li a:hover, .footer-widget li a:hover, #bottom-menu a:hover, .post h2.title a:hover { color: #b8b8b8; }
  175.                     .article p { margin-top: -7px; }
  176.            
  177. #main-area  { padding-top: 58px; } 
  178.     .entry { border: 1px solid #e5e5e5; background-color: #fff; position: relative; margin-bottom: 30px; }     
  179.     .entry:before { content: ''; position: absolute; height: 8px; bottom: -8px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; }
  180.         .entry .meta-info { background-color: #f9f9f9; border: 1px solid #fff; border-bottom: none; font-size: 16px; color: #b8b8b8; text-shadow: 1px 1px 0 #fff; font-weight: lighter; padding: 19px 28px; }
  181.             .entry .meta-info a { text-decoration: none; color: #888888; }
  182.         .entry .post-thumbnail { position: relative; line-height: 0; }
  183.             .entry .post-thumbnail .overlay { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); left: 0; top: 0; width: 100%; height: 100%; }   
  184.         .entry h2.title, h1.title { font-size: 30px; font-weight: lighter; color: #4c4c4c; }
  185.             .entry h2.title a { text-decoration: none; color: #4c4c4c; }
  186.             .entry h2.title a:hover { color: #111; }
  187.  
  188.         .post_content { padding: 36px 15px 30px 44px; }
  189.             .post_content a.more { position: relative; top: 0; padding-right: 14px; float: right; }
  190.            
  191. .category-box .recent_even { background: #fff; }
  192.  
  193. #video-slider-section { background: #fff; padding: 9px; }
  194.     #video-content .flex-control-nav { display: none; }
  195.    
  196. article.post ul, .comment-content ul, article.page ul { list-style-type: disc; padding: 0 0 23px 16px; line-height: 26px; }
  197. article.post ol, .comment-content ol, article.page ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; }
  198.     .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol, article.page ul li ul, article.page ul li ol { padding: 2px 0px 2px 20px; }
  199.     .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol, article.page ol li ul, article.page ol li ol  { padding: 2px 0px 2px 35px; }
  200.    
  201. article.post p, .comment-content p, article.page p { padding-bottom: 17px; }
  202.  
  203. #breadcrumbs { background: #fff; border: 1px solid #e5e5e5; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; position: relative; margin-bottom: 27px; color: #b8b8b8; font-size: 13px; padding: 11px 1px; }
  204.     #breadcrumbs a { display: inline-block; padding: 11px 6px 13px 12px; background: #f9f9f9; color: #4c4c4c; text-shadow: 1px 1px 0 #fff; }
  205.     #breadcrumbs a:hover { color: #111; text-decoration: none; }
  206.    
  207.     #breadcrumbs a, span.raquo { float: left; margin: -11px 0; }
  208.     span.raquo { background: url(images/breadcrumbs_arrow_gray.png) no-repeat; display: inline-block; text-indent: -9999px; width: 11px; height: 38px; }
  209.     #breadcrumbs .breadcrumbs_home { background-image: url(images/breadcrumbs_home.png); background-repeat: no-repeat; background-position: 18px 11px; padding-left: 40px; }
  210.     span.raquo:last-child { background-image: url(images/breadcrumbs_arrow.png); margin-right: 10px; }
  211.    
  212. /*------------------------------------------------*/
  213. /*---------------[DROPDOWN MENU]------------------*/
  214. /*------------------------------------------------*/
  215.  
  216. ul.nav li ul { width: 250px !important; background: #4b4b4b; top: 59px !important; left: 0 !important; -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); z-index: 9999; display: none; }
  217.     ul.nav ul li { margin: 0 !important; padding: 0 !important; }
  218.         #top-menu ul ul li a, #second-menu ul ul li a { padding: 20px 5px 20px 40px !important; width: 250px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.8); background: url(images/top_menu_bullet.png) no-repeat 22px 23px; border-top: 1px solid #575757; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  219.         #second-menu ul ul li a { text-shadow: 0 -1px 0 rgba(0,0,0,0.3); }
  220.         #top-menu ul ul li:first-child a, #second-menu ul ul li:first-child a { border-top: none !important; }
  221.         #top-menu ul ul li a:hover, #second-menu ul ul li a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #575757; color: #fff !important; padding-left: 45px !important; }
  222.        
  223.         ul.nav ul li a:hover { color: #c6c6c6 !important; }
  224.        
  225.         ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -1px !important; left: 250px !important; border-top: 1px solid #f0f0f0; }
  226.        
  227. #second-menu ul.nav li ul  { top: 58px !important; text-align: left; }
  228.  
  229. #second-menu  ul.nav li:hover ul ul, #second-menu  ul.nav li.sfHover ul ul { top: -1px !important; }
  230.  
  231. ul.nav > li > a { overflow: hidden; height: 59px; }
  232. #top-menu a { padding: 0; }
  233. span.menu_slide, span.main_text { display: block; padding: 22px 15px 23px; position: relative; }
  234. span.menu_slide { display: none; }
  235.  
  236. #second-menu > ul.nav { float: left; }
  237.  
  238. .js #top-menu > ul.nav, .js #second-menu > ul.nav { visibility: hidden; }
  239.  
  240.  
  241. .mobile_nav { display: none; position: relative; padding: 15px 22px 11px 46px; }
  242. .mobile_nav:hover { color: #eee; text-decoration: none; }
  243.     .mobile_nav > span { display: block; width: 15px; height: 10px; background: url(images/responsive_arrow.png) no-repeat; position: absolute; top: 26px; right: 14px; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  244.     .mobile_nav.opened > span { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
  245. .et_mobile_menu { position: absolute; top: 60px !important; left: -79px; z-index: 1000; display: none; text-align: left; background: #f9f9f9; border: 1px solid #e5e5e5; border-top: none; }
  246. #mobile_menu { width: 280px !important; }
  247.     .et_mobile_menu li { padding-left: 0 !important; }
  248.     .et_mobile_menu ul { display: block !important; visibility: visible !important; }
  249.    
  250. .et_mobile_menu li.current-menu-item > a, .et_mobile_menu a:hover { color: #111; text-decoration: none; }
  251. .et_mobile_menu a { display: block; padding-left: 9px !important; background-position: 0 17px; color: #4c4c4c; width: 233px; text-shadow: 1px 1px 0 #fff; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; }
  252.     .et_mobile_menu li a { padding: 15px 7px 13px 40px !important; background-repeat: no-repeat; background-position: 23px 17px; }
  253. .mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; }
  254.  
  255. #second-menu .mobile_nav, #category_mobile_menu li a { color: #48423f; text-shadow: 1px 1px 0 #fff; }
  256. #category_mobile_menu li a:hover, #category_mobile_menu li.current-menu-item > a { color: #919e9e; }
  257. #category_mobile_menu { top: 46px !important; left: -56px; }
  258.     #category_mobile_menu li a { float: left; }
  259. #second-menu .mobile_nav:before, #second-menu .mobile_nav:after { background-image: url(../images/secondary-menu-bg.png); }
  260.  
  261. .et_mobile_menu span.main_text { padding: 0; }
  262.    
  263. /*------------------------------------------------*/
  264. /*--------------[FEATURED SLIDER]-----------------*/
  265. /*------------------------------------------------*/
  266.  
  267. /* Browser Resets */
  268. .flex-container a:active,
  269. .flexslider a:active {outline: none;}
  270. .slides,
  271. .flex-control-nav,
  272. .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
  273.  
  274. /* FlexSlider Necessary Styles
  275. *********************************/
  276. .flexslider {width: 100%; margin: 0; padding: 0;}
  277. .flexslider .slides > li { display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
  278. img { max-width: 100%; height: auto; }
  279. .flexslider  img { display: block; width: auto; }
  280.  
  281. /* Clearfix for the .slides element */
  282. .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  283. html[xmlns] .slides {display: block;}
  284. * html .slides {height: 1%;}
  285.  
  286. /* No JavaScript Fallback */
  287. /* If you are not using another script, such as Modernizr, make sure you
  288.  * include js that eliminates this class on page load */
  289. .no-js .slides > li:first-child {display: block;}
  290.  
  291. /* FlexSlider Default Theme
  292. *********************************/
  293. .flexslider {position: relative; zoom: 1;}
  294. .flexslider .slides {zoom: 1;}
  295. .flexslider .slides > li {position: relative;}
  296. /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
  297. .flex-container {zoom: 1; position: relative;}
  298.  
  299. #featured .flex-direction-nav a, #video-slider-section .flex-direction-nav a  { position: absolute; text-indent: -9999px; top: 50%; margin-top: -30px; width: 60px; height: 60px; display: block; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); display: none;  -moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
  300. #featured .flex-direction-nav a.prev, #video-slider-section .flex-direction-nav a.prev { left: 0; background: #fff url(images/left-arrow.png) no-repeat 21px center; }
  301. #featured .flex-direction-nav a.next, #video-slider-section .flex-direction-nav a.next  { right: 0; background: #fff url(images/right-arrow.png) no-repeat 25px center; }
  302. #featured .flex-direction-nav a:hover, #video-slider-section .flex-direction-nav a:hover { -ms-transform: scale(1.4); -o-transform: scale(1.4); -moz-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); }
  303. #featured .flex-direction-nav a.prev:hover, #video-slider-section .flex-direction-nav a.prev:hover { background-image: url(images/left-arrow_hover.png); }
  304. #featured .flex-direction-nav a.next:hover, #video-slider-section .flex-direction-nav a.next:hover { background-image: url(images/right-arrow_hover.png); }
  305. #featured .flex-control-nav { display: none; }
  306.  
  307. #featured .overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.3); box-shadow: inset 0 0 15px rgba(0,0,0,0.3); }
  308.  
  309. #video-switcher { background: #f9f9f9; margin: 10px -9px -9px; border-top: 1px solid #e5e5e5; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; }
  310.     #video-switcher li { float: left; padding: 9px; cursor: pointer; border-left: 1px solid transparent; border-right: 1px solid transparent; }
  311.         #video-switcher img { display: block; }
  312.    
  313.     .video_image { position: relative; }
  314.         .video_image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); box-shadow: inset 0 0 3px rgba(0,0,0,0.7); }
  315.        
  316.     #video-switcher .active_video { background: #fff; margin-top: -1px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-top: 10px; }
  317.     #video-switcher li.active_video:first-child { border-left: 1px solid transparent; }
  318.     #video-switcher li.active_video:last-child { border-right: 1px solid transparent; padding-right: 13px; }
  319.    
  320.     .et_video_play { position: absolute; top: 50%; left: 50%; margin-top: -19px; margin-left: -18px; width: 36px; height: 36px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); background-image:  url(images/video_play_arrow.png); background-repeat: no-repeat; background-position: center; display: none; }
  321.    
  322. /*------------------------------------------------*/
  323. /*-------------------[COMMENTS]-------------------*/
  324. /*------------------------------------------------*/
  325.  
  326. #comment-wrap { padding-top: 20px; }
  327.  
  328. #comments, #reply-title { padding-top: 0; padding-bottom: 30px; font-weight: lighter; }
  329. #reply-title { padding-top: 22px; font-size: 30px; }
  330.     .comment-body { margin-bottom: 30px; border: 1px solid #e5e5e5; background-color: #fff; }
  331.         .comment_postinfo { background-color: #f9f9f9; border: 1px solid white; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #b8b8b8; text-shadow: 1px 1px 0 white; font-weight: lighter; padding-top: 25px; position: relative; overflow: hidden; }
  332.             .comment_avatar { float: left; margin: -10px 18px 10px 10px; position: relative; line-height: 0; }
  333.             .comment_avatar:before { position: absolute; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.3); box-shadow: inset 0 0 7px rgba(0,0,0,0.3); top: 0; left: 0; width: 100%; height: 100%; content: ''; }
  334.                 .fn, .fn a { color: #898989; font-weight: lighter; }
  335.                 .fn a:hover { color: #111; text-decoration: none; }
  336.                 .comment_date, .comment-edit-link { color: #b8b8b8; }
  337.                 .comment_date { margin-left: 3px; }
  338.             .comment_area { padding: 32px 35px; }  
  339.                 .comment-reply-link { font-family: 'Open Sans Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff;
  340.                 background: url(images/more-arrow.png) no-repeat 42px 4px; text-decoration: none; position: relative; top: 0; padding-right: 16px; float: right; }
  341.                 .comment-reply-link:hover { text-decoration: none; color: #111; }
  342.                 .children { padding-left: 60px; }
  343. .form-submit { text-align: right; }
  344.  
  345. #commentform input[type="text"] { width: 40%; }
  346. #commentform textarea { width: 94%; }
  347. #commentform textarea, #commentform input[type="text"] { border: 1px solid #e5e5e5; padding: 12px; color: #4c4c4c; font-size: 16px; background: #fff; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); }
  348. #commentform #submit { font-family: 'Open Sans Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff; background: url(images/more-arrow.png) no-repeat center right; text-decoration: none; padding-right: 16px; border: none !important; }
  349.  
  350. #reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; }
  351.  
  352. .comment #respond { margin: -20px 0 15px; }
  353.        
  354. /*------------------------------------------------*/
  355. /*---------------------[FOOTER]-------------------*/
  356. /*------------------------------------------------*/
  357.  
  358. #main-footer { border-bottom: 1px solid #eeeeee; position: relative; margin-bottom: 30px; }
  359. #main-footer:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; }
  360.     #footer-divider { border-top: 1px solid #eeeeee; position: absolute; top: 62px; width: 100%; left: 0; }
  361.     #footer-divider:before { background: url(images/shadow.png) no-repeat top center; position: absolute; top: -1px; left: 0; width: 100%; height: 7px; content: ''; }
  362.         .footer-widget { float: left; border-left: 1px solid #f3f3f3; padding: 24px 20px 27px 40px; width: 258px; }
  363.         .footer-widget.last { border-right: 1px solid #f3f3f3; }
  364.         .footer-widget h4.widgettitle { text-shadow: 1px 1px 0 #fff; color: #4c4c4c; font-size: 16px; padding-bottom: 53px; }
  365.         .footer-widget li { padding: 0px 40px 28px 12px; font-size: 16px; }
  366.             .footer-widget li a { text-decoration: none; color: #4c4c4c; }
  367.             .footer-widget p { line-height: 28px; }
  368.     #bottom-advertisment { border-top: 1px solid #eee; }
  369.         #bottom-advertisment .container { text-align: center; margin-bottom: 60px; padding-top: 58px; }
  370.             #bottom-menu { float: left }
  371.                 #bottom-menu li { display: inline-block; }
  372.                     #bottom-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; padding: 0 15px; display: block; }
  373.                     #bottom-menu .active  { font-weight: bold; }
  374.             p#copyright { float: right; font-size:12px; color:#4b4b4b; margin-top: -4px; } 
  375.                 p#copyright a { color:#4b4b4b; font-weight: bold; }
  376. #footer-bottom .container { padding-bottom: 16px; }
  377.    
  378. /*------------------------------------------------*/
  379. /*--------------------[SIDEBAR]-------------------*/
  380. /*------------------------------------------------*/
  381.  
  382. #sidebar { float: left; width: 300px; }
  383.     .widget { border: 1px solid #e5e5e5; background-color: #fff; position: relative; margin-bottom: 30px; padding: 24px 24px 0; }
  384.     .widget:after { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow2.png) no-repeat top center; width: 100%; }
  385.         #tab-controls { border: 1px solid #fff; border-bottom: none; background-color: #f9f9f9; margin: -24px -24px 0; }
  386.             #tab-controls li { float: left; width: 97px; text-shadow: 1px 1px 0 #fff; text-align: center; border-right: 1px solid #e5e5e5; border-left: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 0; background: none; margin-bottom: -1px; }
  387.                 #tab-controls a { padding: 21px 0; }
  388.             #tab-controls .first { border-left: none; }
  389.             #tab-controls .last { border-right: none; }
  390.             #tab-controls .active { background-color: #fff !important; border-bottom: none; }
  391.                 #tab-controls li a { text-decoration: none; color: #4c4c4c; display: block; }
  392.         #all-tabs li { position: relative; border-bottom: 1px solid #f7f7f7; margin: 0 -24px; }    
  393.         #all-tabs .last { border-bottom: none; }
  394.             #all-tabs span.post-meta { left: 23px; top: 13px; font-size: 10px; text-transform: uppercase; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; width: 35px; height: 35px; line-height: 26px; }
  395.                 #all-tabs span.post-meta span { margin-top: -16px; }
  396.             #all-tabs h4 { color: #4c4c4c; font-size: 16px; padding: 16px 20px 0 70px; }
  397.             #all-tabs p.meta-info { padding: 0 0 6px 70px; font-size: 12px; color: #b1b0b0; margin-top: -3px; }
  398.                 #all-tabs p.meta-info a { color: #b1b0b0; text-decoration: none; }
  399.                 #all-tabs p.meta-info a:hover { color: #949494; }
  400.         .widget h4.widgettitle { text-shadow: 1px 1px 0 #fff; color: #4c4c4c; font-size: 16px; background-color: #f9f9f9; margin: -24px -24px 0; padding: 21px; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; }
  401.         .widget > ul { margin: 0 -24px; }
  402.             .widget li { border-bottom: 1px solid #f7f7f7; font-size: 16px;-moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  403.             #tabbed li { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
  404.                 .widget li a { text-decoration: none; color: #4c4c4c; padding: 20px 40px; display: block; }
  405.                 .widget li:hover { background-color: #f9f9f9; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; }
  406.                 #tabbed li:hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  407.                 .widget li:hover a { color: #4c4c4c; }
  408.         #all-tabs ul { margin: 0; }
  409.             #all-tabs li { padding: 0; }
  410.                 #all-tabs a { display: inline; padding: 0; }
  411.                
  412. #video-content .slides li { width: auto; }
  413.  
  414. body.home #sidebar { padding-top: 33px; }
  415.  
  416. /*------------------------------------------------*/
  417. /*------------[CAPTIONS AND ALIGNMENTS]-----------*/
  418. /*------------------------------------------------*/
  419.  
  420. div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  421. .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 10px; max-width: 96%; padding: 8px; }
  422. .wp-caption.alignleft { margin: 0px 10px 10px 0px; }
  423. .wp-caption.alignright { margin: 0px 0px 10px 10px; }
  424. .wp-caption img { margin: 0; padding: 0; border: 0 none; }
  425. .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
  426. .alignright { float: right; }
  427. .alignleft { float: left }
  428. img.alignleft { display:inline; float:left; margin-right:15px; }
  429. img.alignright { display:inline; float:right; margin-left:15px; }
  430.  
  431.    
  432. /*------------------------------------------------*/
  433. /*---------------[DEFAULT DROPDOWN SETTINGS]---*/
  434. /*------------------------------------------------*/
  435.  
  436. .nav ul { position:absolute; top:-999em; z-index: 9999; }
  437.     .nav li { position: relative; float: left; }
  438.         .nav ul li { float:left; }
  439.             .nav ul a { display:block; float: left; }
  440. .nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 0; }
  441.     .nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top:-999em; }
  442.  
  443. .nav li li { display: block; padding: 0px; float: left; height: auto !important; }
  444. .nav li ul { width: 150px; z-index:1000; }
  445.     .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; }
  446.     .nav li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
  447.  
  448. .nav li li:hover ul, ul.nav li li.sfHover ul { left: 0; top: 20px; }
  449.    
  450. /*------------------------------------------------*/
  451. /*-----------------[WP CALENDAR]-----------------*/
  452. /*------------------------------------------------*/
  453. #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px;    }
  454.     #wp-calendar a { display: block; text-decoration: none; font-weight: bold; }
  455.         #wp-calendar a:hover { text-decoration: underline; }
  456.     #wp-calendar caption {  text-decoration: none; font: bold 13px Arial, Sans-Serif; }
  457.     #wp-calendar td {   padding: 3px 5px; color: #9f9f9f; }
  458.         #wp-calendar td#today { color: #ffffff; }
  459.     #wp-calendar th {   font-style: normal; text-transform: capitalize; padding: 3px 5px; }
  460.         #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
  461.         #wp-calendar #next a { padding-right: 10px; text-align: right; }
  462.         #wp-calendar #prev a { padding-left: 10px; text-align: left; }
  463.        
  464. /*------------------------------------------------*/
  465. /*-------------------[PAGE NAVI]------------------*/
  466. /*------------------------------------------------*/
  467. .pagination { overflow: hidden; padding: 20px 0; }
  468.  
  469. #left-area .wp-pagenavi { text-align: right; text-shadow: 1px 1px 0 #fff; font-size: 13px; color: #4c4c4c; padding-top: 7px; }
  470. #left-area .wp-pagenavi span, #left-area .wp-pagenavi a { border-color: #e5e5e5; background: #f9f9f9; color: #4c4c4c; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; padding: 11px 14px; display: inline-block; }
  471. #left-area .wp-pagenavi .current, #left-area .wp-pagenavi a:hover { background: #fff; }
  472. #left-area .wp-pagenavi .pages { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; background: none; }
  473.  
  474. a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a  { text-decoration: none; }
  475.  
  476. .foursixeight { margin: 0px 0px 15px 84px;}
  477.  
  478. body.et_left_sidebar #left-area { float: right; margin-left: 30px; margin-right: 0; }
  479.  
  480. #all-tabs > div { display: none; }
  481. #all-tabs > div:first-child { display: block; }
  482.  
  483. .container .header_banner { text-align: left !important; }
  484. .container .header_banner #logo { float: left; }
  485. .container .header_banner #top_banner { float: right; margin-top: 20px; }
  486.  
  487. .f_widget { margin-bottom: 15px; }
  488.  
  489. .fullwidth .post_content { padding-right: 40px; }
  490. .fullwidth #left-area { width: auto !important; margin-right: 0 !important; margin-left: 0 !important; float: none !important; }
  491.  
  492. .sitemap-col ul { list-style: none outside none !important; padding-left: 0 !important; }
  493.  
  494. .et_embedded_videos { display: none; }
  495.  
  496. #et_pt_gallery { margin-right: -29px !important; }
  497.     .et_pt_gallery_entry { margin-left: 18px !important; }
  498.    
  499. #et_pt_portfolio_gallery { margin-right: -20px !important; }
  500. .et_pt_portfolio_item { margin-left: 49px !important; }
  501. .et_portfolio_small .et_pt_portfolio_item { margin-left: 34px !important; }
  502. .et_portfolio_large .et_pt_portfolio_item { margin-left: 53px !important; width: 430px !important; }
  503.  
  504. #sidebar .widget_recent_comments li { padding: 15px 20px; background: none !important; }
  505.  
  506. @media only screen and ( max-width: 960px ) {
  507.     #et-search, p#et-search-title, p#et-search-title span { background: none !important; }
  508.     #et-search { width: auto !important; height: auto !important; }
  509.         #et-search-inner { padding: 0 !important; }
  510.             #et-search-right { float: none !important; clear: both; text-align: left !important; }
  511.                 #et_search_submit { background: #BBB8B8 !important; color: #111 !important; }
  512.             p#et-search-title { margin-bottom: 2px !important; }
  513.                 p#et-search-title span { padding: 0 !important; text-shadow: none !important; }
  514.     #et-searchinput { width: auto !important; }
  515.     p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; }
  516.     #et-search-left { float: none !important; width: 100% !important; }
  517. }
  518.  
  519. @media only screen and ( min-width: 768px ) and ( max-width: 960px ) {
  520.     .container { width: 728px; }
  521.         #search, .category-box p.meta-info, #all-tabs p.meta-info { display: none; }
  522.         #top-menu { padding-right: 8px; }
  523.         #switcher-container:after, .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; }
  524.             .switcher-content { padding-right: 20px; }
  525.                 #switcher li { width: 241px!important; }
  526.                     .switcher-content { padding: 32px 22px 22px 87px; }
  527.                         span.post-meta { left: 22px; }
  528.         .recent-category { width: 222px; } 
  529.             h3.main-title { font-size: 14px; }
  530.                 .category-box .thumb { margin-bottom: 11px; }
  531.                 .category-box h3 { font-size: 14px; }
  532.         #left-area { width: 476px; }
  533.             #video-switcher li { width: 98px; }
  534.             .article h4 { padding-top: 5px; }
  535.             .article p { margin-top: -10px; }
  536.             .post .meta-info { font-size: 13px; }
  537.         #sidebar { width: 222px; } 
  538.             #tab-controls li { width: 71px; }
  539.                 #tab-controls li a { font-size: 12px; }
  540.             #all-tabs h4 { font-size: 14px; padding-bottom: 16px; }
  541.             .widget li a { padding-right: 30px; }
  542.         .footer-widget { width: 191px; padding-left: 30px; }
  543.             .footer-widget li { padding-right: 25px; }
  544.         #bottom-menu, p#copyright  { float: none; text-align: center; }
  545.         #bottom-menu { margin-bottom: 40px; }
  546.         p#copyright { margin-bottom: 25px; }
  547.         #video-switcher li.active_video:last-child { padding-right: 11px; }
  548.        
  549.     #et_pt_portfolio_gallery { margin-left: -35px !important; }
  550.         .et_pt_portfolio_item { margin-left: 13px !important; width: 219px !important; }
  551.         .et_portfolio_more_icon, .et_portfolio_zoom_icon { top: 50px !important; }
  552.         .et_portfolio_more_icon { left: 65px !important; }
  553.         .et_portfolio_zoom_icon { left: 106px !important; }
  554.        
  555.     #et_pt_portfolio_gallery.et_portfolio_small { margin-left: -18px !important; }
  556.         #et_pt_portfolio_gallery.et_portfolio_small .et_pt_portfolio_item { margin-left: 8px !important; width: 128px !important; }
  557.             #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { top: 20px !important; }
  558.             #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_more_icon { left: 26px !important; }
  559.             #et_pt_portfolio_gallery.et_portfolio_small .et_portfolio_zoom_icon { left: 62px !important; }
  560.        
  561.     #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -28px !important; }
  562.         #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -3px !important; width: 348px !important; }
  563.             #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 99px !important; }
  564.             #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 140px !important; }
  565.             #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 178px !important; }
  566. }
  567.  
  568. @media only screen and ( max-width: 767px ) {
  569.     .container { width: 440px; }
  570.         #top-menu, #second-menu, span.post-meta, #switcher .meta-info, #sidebar, #bottom-menu, #main-footer { display: none; }
  571.         #social-icons { float: right; }
  572.         #search { border-left: none; float: left; border-right: 1px solid #e5e5e5; padding: 11px 15px 11px 0; }
  573.         #featured_section { margin-bottom: 30px; }
  574.             #switcher-container:after, .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; }
  575.                 #switcher li { width: 145px!important; }
  576.                     .switcher-content { padding: 25px 20px 24px 28px; }
  577.                         #switcher h2, .category-box h3 { font-size: 14px; }
  578.             #recent-categories, #recent-videos, .recent-category { margin-bottom: 30px; }          
  579.                 .recent-category { float: none; margin-right: 0; width: 440px; }   
  580.                     .category-box:after { background: url(images/shadow3.png) no-repeat center top; }
  581.                     h3.main-title, .article .meta-info, .article p { font-size: 14px; }
  582.                         .category-box p.meta-info { font-size: 12px; }
  583.             #left-area { width: 440px; }
  584.                 #video-switcher li { width: 89px; }
  585.                 .article h4 { padding-top: 5px; font-size: 20px; }
  586.                 .article p { margin-top: -10px; }
  587.                 .post .meta-info { font-size: 13px; }  
  588.             p#copyright  { float: none; text-align: center; margin: 30px 0; }
  589.            
  590.     .mobile_nav { display: block; }
  591.    
  592.     #main-header .mobile_nav { border-left: 1px solid #fff; position: absolute; top: 0; left: 180px; padding: 23px 39px 21px 18px; border-right: 1px solid #E5E5E5; font-size: 14px; color: #4b4b4b; text-shadow: 1px 1px 0 #fff; }
  593.    
  594.     #main-header #mobile_menu li:first-child a { border-top: none; }
  595.    
  596.     #secondary-menu .container { text-align: center; }
  597.         #secondary-menu .mobile_nav { display: inline-block; padding: 22px 28px 22px 0; color: #4b4b4b; font-size: 14px; }
  598.             #secondary-menu .mobile_nav > span { top: 25px; right: 2px; }
  599.     #category_mobile_menu  { background-color: #fff; top: 58px !important; left: -73px; }
  600.    
  601.     #video-switcher li.active_video:last-child { padding-right: 11px; }
  602.    
  603.     #et_pt_gallery { margin-left: -44px !important; margin-right: -40px !important; }
  604.         .et_pt_gallery_entry { margin-left: 4px !important; }
  605.        
  606.     #et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; }
  607.    
  608.     .sitemap-col { float: none !important; width: auto !important; }
  609.    
  610.     .et_pt_portfolio_item { margin-left: 103px !important; }
  611.        
  612.     .et_portfolio_small .et_pt_portfolio_item { width: 380px !important; margin-bottom: 10px; }
  613.         .et_portfolio_small .et_pt_portfolio_entry { float: left; margin-right: 15px; }
  614.         .et_portfolio_small .et_portfolio_more_icon, .et_portfolio_small .et_portfolio_zoom_icon { top: 30px !important; }
  615.         .et_portfolio_small .et_portfolio_more_icon { left: 38px !important; }
  616.         .et_portfolio_small .et_portfolio_zoom_icon { left: 77px !important; }
  617.    
  618.     #et_pt_portfolio_gallery.et_portfolio_large { margin-left: 0 !important; }
  619.         #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: -27px !important; width: 404px !important; }
  620.         #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 109px !important; }
  621.         #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 155px !important; }
  622.         #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 195px !important; }
  623. }
  624.  
  625. @media only screen and ( max-width: 479px ) {
  626.     .container { width: 280px; }
  627.         #top-menu, #second-menu, span.post-meta, #switcher .meta-info, #sidebar, #bottom-menu, #main-footer, #social-icons, #search, #switcher-container, #video-switcher, .article .thumb, .post .meta-info { display: none; }
  628.         #featured_section { margin-bottom: 30px; }
  629.             .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; }
  630.             #recent-categories, #recent-videos, .recent-category { margin-bottom: 30px; }          
  631.                 .recent-category { float: none; margin-right: 0; width: 280px; }   
  632.                     h3.main-title { font-size: 14px; }
  633.                         .category-box p.meta-info { font-size: 12px; }
  634.             #left-area { width: 280px; }
  635.                 .article {  padding: 22px 22px 22px 32px; }
  636.                     .article h4 { padding-top: 5px; font-size: 20px; padding-bottom: 20px; }
  637.                     .article p, .article .meta-info { font-size: 16px; }
  638.                     .article p { margin-top: -10px; }  
  639.                     .post h2.title { font-size: 24px; }
  640.             p#copyright  { float: none; text-align: center; margin: 30px 0; }
  641.            
  642.     .children { padding-left: 0; }
  643.    
  644.     #main-header .container { text-align: center; }
  645.     #main-header .mobile_nav { position: relative; left: 0; display: inline-block; border: none; }
  646.     .et_mobile_menu { left: -72px; }
  647.    
  648.     #category_mobile_menu { left: -70px; }
  649.    
  650.     .et_pt_gallery_entry { margin-left: 36px !important; }
  651.    
  652.     p.et-registration { margin-top: 35px !important; }
  653.     .et-protected-form { padding: 0 !important; background: none !important; }
  654.     .et-protected { width: auto !important; }
  655.    
  656.     #et_pt_portfolio_gallery, #et_pt_portfolio_gallery.et_portfolio_large { margin-left: -19px !important; }
  657.         .et_pt_portfolio_item, #et_pt_portfolio_gallery.et_portfolio_large .et_pt_portfolio_item { margin-left: 0 !important; width: 228px !important; }
  658.             .et_portfolio_more_icon, .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { top: 53px !important; }
  659.             .et_portfolio_more_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_more_icon { left: 70px !important; }
  660.             .et_portfolio_zoom_icon, #et_pt_portfolio_gallery.et_portfolio_large .et_portfolio_zoom_icon { left: 110px !important; }
  661.            
  662.     .entry .et_portfolio_small .et_pt_portfolio_item { width: 262px !important; margin-left: -15px !important; }
  663.    
  664.     .et_portfolio_small .et_pt_portfolio_item { margin-left: -15px !important; width: 254px !important; }
  665.  
  666.  
  667.  
  668. }
  669.  
  670. / > BuddyPress Component Finishing Styles
  671. --------------------------------------------------- */
  672.  
  673. table.forum {
  674.     margin: 0 !important;
  675.     }
  676. table.forum tr > td:first-child, table.forum tr > th:first-child {
  677.     padding: 15px !important;
  678.     }
  679. div#item-header h2,
  680. form#whats-new-form h5 {
  681.     clear: none !important;
  682.     }
  683. div#item-header ul {
  684.     list-style-type: none;
  685.     }
  686. div.dir-search {
  687.     margin: -50px 0 0 !important;
  688.     }
  689. div.item-list-tabs {
  690.     margin: 25px 0 20px !important;
  691.     }
  692. div.item-list-tabs ul,
  693. div#object-nav.item-list-tabs ul,
  694. div#subnav.item-list-tabs ul {
  695.     font-size: 13px;
  696.     margin-left: 0 !important;
  697.     }
  698. div.item-list-tabs ul li:first-child {
  699.         margin-left: 15px !important;
  700.     }
  701. div#subnav.item-list-tabs {
  702.     margin: -15px 0 15px !important;
  703.     }
  704. #activity-stream {
  705.     margin-left: 0;
  706.     }
  707. .padder div.pagination {
  708.     margin: -20px 0 0 !important;
  709.     }
  710. ul.item-list {
  711.     list-style-type: none;
  712.     margin-left: 0;
  713.     }
  714. body.activity-permalink div.activity {
  715.     padding: 20px;
  716.     }
  717. body.activity-permalink .activity-content {
  718.     padding: 0 !important;
  719.     }
  720. .widget-container {
  721.     overflow: hidden;
  722.     }
  723. ul#members-list,
  724. ul#groups-list {
  725.     list-style-type: none;
  726.     margin-left: 0;
  727.     }
  728. div.avatar-block img {
  729.     float: left;
  730.     }
  731. #content input, #content textarea {
  732.     font-size: 12px;
  733.     line: height: 18px;
  734.     }
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!