API tools faq
paste
Advertisement
Guest User

Css Datei

a guest
Jun 24th, 2014
250
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 78.97 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Anew
  3. Theme URI: http://alxmedia.se/themes/anew/
  4. Version: 2.1.4
  5. Description: <a href="http://alxmedia.se/themes/anew/">Anew</a> is a responsive 100% high resolution theme in classic tumblog style. Each post format is shown in a unique visual way and can be given any color you want. A toggle sidebar gives a great browsing and reading experience on both tablet and mobile. Features include: Unlimited topbar, header, footer and accent colors, unlimited widget areas, 0-1 sidebars to the left or right that can be uniquely specified for each page or post, 280px width sidebar, 0-4 footer widget columns, almost zero layout images, author bio and post nav, 10 post formats, good SEO, 3 flexible custom widgets, localisation support, social links, logo or header image upload and many more useful admin panel features.
  6. Author: Alexander Agnarson
  7. Author URI: http://alxmedia.se
  8. Tags: light, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, fixed-layout, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, photoblogging
  9.  
  10.     Copyright: (c) 2013 Alexander "Alx" Agnarson
  11.     License: GNU General Public License v3.0
  12.     License URI: http://www.gnu.org/licenses/gpl-3.0.html
  13. */
  14.  
  15. /*
  16. WARNING! DO NOT EDIT THIS FILE!
  17. To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css
  18. file or a child theme to add your styles. You can copy a style from this file and paste it in custom.css
  19. or the child theme's style.css and it will override the style in this file. You have been warned! :)
  20. */
  21.  
  22. /* ------------------------------------------------------------------------- *
  23.  *  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126
  24.  * ------------------------------------------------------------------------- */
  25. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
  26. pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
  27. samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
  28. fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
  29. canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby,
  30. section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
  31. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {   display: block; }
  32. ol, ul { list-style: none; }
  33. blockquote, q { quotes: none; }
  34. blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
  35. table { border-collapse: collapse; border-spacing: 0; }
  36.  
  37.  
  38. /* ------------------------------------------------------------------------- *
  39.  *  Base Styles
  40. /* ------------------------------------------------------------------------- */
  41. body { background: #f2f2f2; font-size: 15px; line-height: 1.6em; color: #666; font-weight: normal; }
  42. ::selection { background: #e8554e; color: #fff; background-color: #357ebd;}
  43. ::-moz-selection { background: #e8554e; color: #fff; background-color: #357ebd; }
  44. a { color: #e8554e; text-decoration: none; outline: 0; }
  45. a:hover { color: #444; }
  46. img { max-width: 100%; height: auto; }
  47. a,
  48. a:before,
  49. a:after {
  50. -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease;
  51. -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease;
  52. -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease;
  53. transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; }
  54. a img {
  55. -webkit-transition: opacity 0.2s ease;
  56. -moz-transition: opacity 0.2s ease;
  57. -o-transition: opacity 0.2s ease;
  58. transition: opacity 0.2s ease; }
  59. address,cite,em { font-style: italic; }
  60. strong { font-weight: bold; }
  61. .left,.alignleft { float: left; }
  62. .right,.alignright { float: right; }
  63. .aligncenter { margin-left: auto; margin-right: auto; }
  64.  
  65. /*  base : clear
  66. /* ------------------------------------ */
  67. .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
  68. .group:before, .group:after { content: ""; display: table; }
  69. .group:after { clear: both; }
  70. .group { zoom: 1; }
  71.  
  72. /*  base : font awesome square size
  73. /* ------------------------------------ */
  74. .fa { width: 1em; text-align: center; }
  75.  
  76. /*  base : fonts
  77. /* ------------------------------------ */
  78. body { font-family: 'Open Sans', "Open Sans", Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, Sans-serif; }
  79.  
  80. @font-face {
  81.     font-family: 'Open Sans';
  82.     src: url('fonts/OpenSans-Light-webfont.eot');
  83.     src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
  84.          url('fonts/OpenSans-Light-webfont.woff') format('woff'),
  85.          url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
  86.          url('fonts/OpenSans-Light-webfont.svg#latolight') format('svg');
  87.     font-weight: lighter;
  88.     font-style: normal;
  89. }
  90. @font-face {
  91.     font-family: 'Open Sans';
  92.     src: url('fonts/OpenSans-LightItalic-webfont.eot');
  93.     src: url('fonts/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
  94.          url('fonts/OpenSans-LightItalic-webfont.woff') format('woff'),
  95.          url('fonts/OpenSans-LightItalic-webfont.ttf') format('truetype'),
  96.          url('fonts/OpenSans-LightItalic-webfont.svg#opensanslight_italic') format('svg');
  97.     font-weight: lighter;
  98.     font-style: italic;
  99. }
  100. @font-face {
  101.     font-family: 'Open Sans';
  102.     src: url('fonts/OpenSans-Regular-webfont.eot');
  103.     src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
  104.          url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
  105.          url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
  106.          url('fonts/OpenSans-Regular-webfont.svg#opensansregular') format('svg');
  107.     font-weight: normal;
  108.     font-style: normal;
  109. }
  110. @font-face {
  111.     font-family: 'Open Sans';
  112.     src: url('fonts/OpenSans-Italic-webfont.eot');
  113.     src: url('fonts/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
  114.          url('fonts/OpenSans-Italic-webfont.woff') format('woff'),
  115.          url('fonts/OpenSans-Italic-webfont.ttf') format('truetype'),
  116.          url('fonts/OpenSans-Italic-webfont.svg#opensansitalic') format('svg');
  117.     font-weight: normal;
  118.     font-style: italic;
  119. }
  120. @font-face {
  121.     font-family: 'Open Sans';
  122.     src: url('fonts/OpenSans-Bold-webfont.eot');
  123.     src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
  124.          url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
  125.          url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
  126.          url('fonts/OpenSans-Bold-webfont.svg#opensansbold') format('svg');
  127.     font-weight: bold;
  128.     font-style: normal;
  129. }
  130. @font-face {
  131.     font-family: 'Open Sans';
  132.     src: url('fonts/OpenSans-BoldItalic-webfont.eot');
  133.     src: url('fonts/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
  134.          url('fonts/OpenSans-BoldItalic-webfont.woff') format('woff'),
  135.          url('fonts/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
  136.          url('fonts/OpenSans-BoldItalic-webfont.svg#opensansbold_italic') format('svg');
  137.     font-weight: bold;
  138.     font-style: italic;
  139. }
  140. @font-face {
  141.     font-family: 'Open Sans';
  142.     src: url('fonts/OpenSans-ExtraBold-webfont.eot');
  143.     src: url('fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
  144.          url('fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
  145.          url('fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
  146.          url('fonts/OpenSans-ExtraBold-webfont.svg#opensansblack') format('svg');
  147.     font-weight: bolder;
  148.     font-style: normal;
  149. }
  150.  
  151. /*  base : forms
  152. /* ------------------------------------ */
  153. input, textarea, button, select, label { font-family: inherit; }
  154. .themeform input,
  155. .themeform textarea,
  156. .themeform button,
  157. .themeform select,
  158. .themeform label { font-size: 14px; }
  159. .themeform input::-moz-focus-inner,
  160. .themeform button::-moz-focus-inner { border: 0; padding: 0; }
  161. .themeform input[type="text"],
  162. .themeform input[type="password"],
  163. .themeform input[type="email"],
  164. .themeform input[type="submit"],
  165. .themeform button,
  166. .themeform textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; }
  167. .themeform input,
  168. .themeform textarea,
  169. .themeform button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
  170. .themeform input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
  171. .themeform input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
  172. .themeform label { font-weight: bold; color: #444; }
  173. .themeform input[type="text"],
  174. .themeform input[type="password"],
  175. .themeform input[type="email"],
  176. .themeform textarea { background: #fff; border: 2px solid #ddd; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; }
  177. .themeform input[type="text"]:focus,
  178. .themeform input[type="password"]:focus,
  179. .themeform input[type="email"]:focus,
  180. .themeform textarea:focus { border-color: #e8554e; color: #444; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
  181. .themeform label .required { color: #e8554e; }
  182. .themeform input[type="submit"],
  183. .themeform button[type="submit"] { background: #e8554e; color: #fff; padding: 8px 14px; font-weight: bold; display: inline-block; border: none; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; }
  184. .themeform input[type="submit"]:hover,
  185. .themeform button[type="submit"]:hover { background: #444; }
  186.  
  187. .themeform.searchform div { position: relative; }
  188. .themeform.searchform div input { padding-left: 26px; line-height: 20px; }
  189. .themeform.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 5px; font-family: FontAwesome; }
  190.  
  191. /*  base : entry
  192. /* ------------------------------------ */
  193. .entry { font-size: 17px; line-height: 1.7em; }
  194. .entry p,
  195. .entry dd { margin-bottom: 1em; }
  196. .entry dt { color: #444; }
  197. .entry ol,
  198. .entry ul { margin: 0 0 15px 30px; }
  199. .entry ol ol,
  200. .entry ol ul,
  201. .entry ul ul,
  202. .entry ul ol { margin-bottom: 0; }
  203. .entry li { margin: 0; }
  204. .entry ul li,
  205. .entry ol ul li { list-style: square; }
  206. .entry ol li,
  207. .entry ol ul ol li { list-style: decimal; }
  208. .entry dt { font-weight: bold;}
  209. .entry address { margin-bottom: 1em; }
  210. .entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
  211. .entry blockquote p { margin-bottom: 0.75em; }
  212. .entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: FontAwesome; text-align: center; position: absolute; left: 0; top: 0; }
  213. .entry blockquote.twitter-tweet:before { content: "\f099"; }
  214. .entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 13px; }
  215. .entry pre { background: url(img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
  216. .entry code { background: #eee; padding: 3px 3px 3px; border-left-style:solid; border-width:1px; }
  217. .entry ins { background: #fff486; }
  218. .entry sub,
  219. .entry sup { font-size: 62.5%; }
  220. .entry sub { vertical-align: sub; }
  221. .entry sup { vertical-align: super; }
  222.  
  223. /* image position & caption */
  224. .entry img.size-auto,
  225. .entry img.size-large,
  226. .entry img.size-medium,
  227. .entry attachment img { max-width: 100%; height: auto; }
  228. .entry img.alignleft { margin: 18px 20px 18px 0; }
  229. .entry img.alignright { margin: 18px 0 18px 20px; }
  230. .entry img.aligncenter { margin: 18px auto; clear: both; display: block; }
  231. .entry img .size-full { width: 100%!important; }
  232. .entry .gallery img, .entry img.wp-smiley { margin: 0; }
  233. .entry .wp-caption { background: #f1f1f1; max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; }
  234. .entry .wp-caption-text { font-style: italic; }
  235. .entry .wp-caption a { border-bottom: none; }
  236. .entry .wp-caption img { margin: 0; max-width: 100%; height: auto; }
  237. .entry .wp-caption.alignleft { margin-right: 20px; }
  238. .entry .wp-caption.alignright { margin-left: 20px; }
  239. .entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; }
  240. .entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
  241. .entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; }
  242.  
  243. /* table */
  244. .entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
  245. .entry table tr.alt { background: #e9e9e9; }
  246. .entry table td { border-bottom: 1px solid #e9e9e9; text-align: center; padding: 5px; vertical-align: middle; }
  247. .entry table th { font-weight: bold; text-align: center; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 10px 5px; }
  248.  
  249. /* default gallery */
  250. .entry .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; }
  251. .entry .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
  252. .entry .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; }
  253. .entry .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; line-height: 1.4em; font-weight: normal; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%;
  254. transition: all .2s ease;
  255. -o-transition: all .2s ease;
  256. -moz-transition: all .2s ease;
  257. -webkit-transition: all .2s ease; }
  258. .entry .gallery .gallery-item:hover .gallery-caption  { bottom: 0; }
  259. .entry .gallery-columns-5 .gallery-caption,
  260. .entry .gallery-columns-6 .gallery-caption,
  261. .entry .gallery-columns-7 .gallery-caption,
  262. .entry .gallery-columns-8 .gallery-caption,
  263. .entry .gallery-columns-9 .gallery-caption { display: none!important; }
  264.  
  265. /*  base : headings
  266. /* ------------------------------------ */
  267. h1, h2, h3, h4, h5, h6 { color: #444; font-weight: bold; -ms-word-wrap: break-word; word-wrap: break-word; }
  268. .entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #bbb; }
  269. .entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6  { margin-bottom: 14px; font-weight: normal; line-height: 1.3em; }
  270. .entry h1 { font-size: 38px; letter-spacing: -1px; }
  271. .entry h2 { font-size: 34px; letter-spacing: -0.7px; }
  272. .entry h3 { font-size: 28px; letter-spacing: -0.5px; }
  273. .entry h4 { font-size: 24px; letter-spacing: -0.3px; }
  274. .entry h5 { font-size: 20px; font-weight: bold; }
  275. .entry h6 { font-size: 18px; font-weight: bold; }
  276.  
  277. .heading,
  278. #reply-title { color: #222; font-weight: normal; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-bottom: 1em; }
  279. .heading i { font-size: 22px; margin-right: 6px; }
  280.  
  281.  
  282. /* ------------------------------------------------------------------------- *
  283.  *  Base Structure
  284. /* ------------------------------------------------------------------------- */
  285.  
  286. /*  base : layout
  287. /* ------------------------------------ */
  288. #wrapper { min-width: 1024px; height: 100%; }
  289. .container { max-width: 1080px; min-width: 1080px; width: 100%; margin: 0 auto; position: relative; }
  290. .main { position: relative; min-height: 600px; /* instead of sticky footer */ }
  291. .content { width: 100%; position: relative; }
  292. .pad { padding: 30px 30px 20px; }
  293. .pad.post-content,
  294. .pad.format-container { padding-left: 40px; padding-right: 40px; }
  295.  
  296. /* boxed */
  297. .boxed #wrapper { max-width: 1380px; margin: 0 auto; }
  298. .boxed .container { padding: 0; }
  299. .boxed #header,
  300. .boxed #page { background: #f2f2f2; }
  301.  
  302. /*  base : layout columns
  303. /* ------------------------------------ */
  304.  
  305. /* 2 column, content left */
  306. .col-2cl .main { background: none repeat-y right 0; padding-right: 340px; }
  307. .col-2cl .s1 { float: right; margin-right: -340px; }
  308. .col-2cl .content { float: left; }
  309.  
  310. /* 2 column, content right */
  311. .col-2cr .main { background: none repeat-y left 0; padding-left: 340px; }
  312. .col-2cr .s1 { float: left; margin-left: -340px; }
  313. .col-2cr .content { float: right; }
  314.  
  315. /*  base : sidebar
  316. /* ------------------------------------ */
  317. .sidebar { padding-bottom: 20px; position: relative; z-index: 2; }
  318. .sidebar .pad { padding-left: 20px; padding-right: 20px; }
  319. .sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 50px;
  320. -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
  321. box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1); }
  322. .sidebar-toggle i { font-size: 38px; color: #fff; padding: 5px 0; }
  323. .s1-expand .s1 {-moz-transition: width .2s ease; -webkit-transition: width .2s ease; transition: width .2s ease; }
  324.  
  325. /* toggle icon */
  326. .icon-sidebar-toggle:before { font-family: FontAwesome; }
  327. .col-2cl .s1 .icon-sidebar-toggle:before { content: "\f100"; }
  328. .col-2cr .s1 .icon-sidebar-toggle:before { content: "\f101"; }
  329.  
  330. /* sidebar primary */
  331. .s1 { width: 340px; z-index: 2; }
  332. .s1:hover { z-index: 98; /* social icons tooltip above header nav */ }
  333. .s1 .sidebar-toggle { background: #e8554e; }
  334.  
  335.  
  336. /*  base : grid
  337. /* ------------------------------------ */
  338. .grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
  339. .last { clear: right; margin-right: 0!important; }
  340.  
  341. .one-full { margin-right: 0; width: 100%; overflow: hidden; }
  342. .one-half { width: 48.4%; }
  343. .one-third { width: 31.2%; }
  344. .two-third { width: 65.6%; }
  345. .one-fourth { width: 22.6%; }
  346. .three-fourth { width: 74.2%; }
  347. .one-fifth { width: 17.4%; }
  348. .two-fifth { width: 38.1%; }
  349. .three-fifth { width: 58.7%; }
  350. .four-fifth { width: 79.4%; }
  351.  
  352.  
  353. /* ------------------------------------------------------------------------- *
  354.  *  Common
  355. /* ------------------------------------------------------------------------- */
  356.  
  357. /*  common : responsive videos
  358. /* ------------------------------------ */
  359. .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
  360. .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
  361.  
  362. /*  common : responsive image + caption
  363. /* ------------------------------------ */
  364. .image-container { position: relative; }
  365. .image-container img { display: block; width: 100%; height: auto; }
  366. .image-caption { background: rgba(0,0,0,0.7); color: #eee; font-size: 13px; line-height: 1.4em; padding: 7px 10px; position: absolute; bottom: 4px; left: 4px; margin-right: 4px;
  367. -webkit-border-radius: 3px; border-radius: 3px;
  368. -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03);
  369. box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); }
  370.  
  371. /*  common : social links
  372. /* ------------------------------------ */
  373. .social-links { float: right; text-align: center; position: relative; padding-top: 40px; font-weight: normal; }
  374. .social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; }
  375. .social-links li a { display: block!important; position: relative; text-align: center; }
  376. .social-links .social-tooltip { color: #222; font-size: 28px; display: inline; position: relative; z-index: 98; }
  377. .social-links .social-tooltip:hover { color: #444; text-decoration: none; }
  378. .social-links .social-tooltip:hover:after { top: -36px; background: #fff; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 15px; position: absolute; white-space: nowrap;
  379. -webkit-border-radius: 3px; border-radius: 3px;
  380. -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
  381. .social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #fff transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; }
  382.  
  383. /*  common : page title
  384. /* ------------------------------------ */
  385. .page-title { background: #e5e5e5; border-bottom: 1px solid #fbfbfb; font-size: 14px; margin-bottom: 50px; position: relative;
  386. -webkit-border-radius: 2px; border-radius: 2px; }
  387. .page-title.pad { padding-top: 15px; padding-bottom: 15px; }
  388. .page-title:before { content:''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e5e5e5; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; }
  389. .page-title a,
  390. .page-title span { color: #999; }
  391. .page-title a:hover { color: #222; }
  392. .page-title i { margin-right: 6px; }
  393. .page-title h1,
  394. .page-title h2,
  395. .page-title h4 { text-transform: uppercase; }
  396. .page-title .category-description { font-size: 15px; margin: 10px 0; }
  397. .page-title .themeform { margin: 10px 0; }
  398. .page-title .themeform input[type="text"] { width: 100%; }
  399.  
  400. .page-title-single { color: #222; font-size: 30px; font-weight: bold; letter-spacing: -0.5px; line-height: 1.4em; margin-bottom: 14px; }
  401. .page-title-single span { color: #999; font-weight: normal; }
  402.  
  403. /*  common : page image
  404. /* ------------------------------------ */
  405. .page-image { overflow: hidden; position: relative; margin: 0 0 30px 0; }
  406. .page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; }
  407. .page-image-text .caption { color: #fff; font-size: 44px; line-height: 70px; text-transform: uppercase; font-weight: bold; text-shadow: 0 0 20px rgba(0,0,0,0.5); }
  408. .page-image-text .description { display: block; color: #fff; font-size: 14px; line-height: 36px; font-weight: lighter; }
  409. .page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 6px 10px; -webkit-border-radius: 4px; border-radius: 4px; }
  410.  
  411. /*  common : pagination
  412. /* ------------------------------------ */
  413. .pagination { margin-bottom: 15px; }
  414. .pagination a { font-size: 18px; font-weight: bold; }
  415.  
  416. /*  common : thumb icon
  417. /* ------------------------------------ */
  418. .thumb-icon { background: rgba(0,0,0,0.7); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 20px; left: 20px;
  419. -webkit-border-radius: 4px; border-radius: 4px;
  420. -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;
  421. -webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4);
  422. box-shadow: 0 0 2px rgba(255,255,255,0.4);
  423. -webkit-transform: rotate(45deg);
  424.    -moz-transform: rotate(45deg);
  425.     -ms-transform: rotate(45deg);
  426.      -o-transform: rotate(45deg);
  427.         transform: rotate(45deg); }
  428. .thumb-icon i { font-size: 18px; padding: 7px 0;
  429. -webkit-transform: rotate(-45deg);
  430.    -moz-transform: rotate(-45deg);
  431.     -ms-transform: rotate(-45deg);
  432.      -o-transform: rotate(-45deg);
  433.         transform: rotate(-45deg); }
  434. .thumb-icon .fa-play { margin: -1px 0 0 2px; }
  435. .thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 50%; left: 50%; margin: 0 0 -12px -12px;
  436. -webkit-border-radius: 3px; border-radius: 3px; }
  437. .thumb-icon.small .fa { font-size: 12px; line-height: 16px; padding: 5px 0; }
  438.  
  439. /*  common : hexagon
  440. /* ------------------------------------ */
  441. .hex { width: 150px; height: 86px; background-color: #ccc; color: #fff; z-index: 2; background-repeat: no-repeat; background-position: 50% 50%; position: relative; float: left; text-align: center; zoom: 1;
  442. -webkit-background-size: auto 173px;
  443. -moz-background-size: auto 173px;
  444. -ms-background-size: auto 173px;
  445. -o-background-size: auto 173px; }
  446. .hex .hex-inner { position: relative; z-index: 4; }
  447. .hex a { z-index: 4; display: block; width: 100%; height: 100%; text-indent: -9999em; position: absolute; top: 0; left: 0; }
  448. .hex .corner-1,
  449. .hex .corner-2 { background: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden;
  450. -webkit-backface-visibility: hidden;
  451. -moz-backface-visibility: hidden;
  452. -ms-backface-visibility: hidden;
  453. -o-backface-visibility: hidden;
  454. backface-visibility: hidden; }
  455. .hex .corner-1 { z-index: -1;
  456. -webkit-transform: rotate(60deg);
  457. -moz-transform: rotate(60deg);
  458. -ms-transform: rotate(60deg);
  459. -o-transform: rotate(60deg);
  460. transform: rotate(60deg); }
  461. .hex .corner-2 {
  462. -webkit-transform: rotate(-60deg);
  463. -moz-transform: rotate(-60deg);
  464. -ms-transform: rotate(-60deg);
  465. -o-transform: rotate(-60deg);
  466. transform: rotate(-60deg); }
  467. .hex .corner-1:before,
  468. .hex .corner-2:before { width: 173px; height: 173px; background: inherit; background-repeat: no-repeat;  content: ''; position: absolute; top: 0; left: 0; z-index: 3;
  469. -webkit-backface-visibility: hidden;
  470. -moz-backface-visibility: hidden;
  471. -ms-backface-visibility: hidden;
  472. -o-backface-visibility: hidden;
  473. backface-visibility: hidden; }         
  474. .hex .corner-1:before {
  475. -webkit-transform: rotate(-60deg) translate(-87px, 0px);
  476. -moz-transform: rotate(-60deg) translate(-87px, 0px);
  477. -ms-transform: rotate(-60deg) translate(-87px, 0px);
  478. -o-transform: rotate(-60deg) translate(-87px, 0px);
  479. transform: rotate(-60deg) translate(-87px, 0px);   
  480. -webkit-transform-origin: 0 0;
  481. -moz-transform-origin: 0 0;
  482. -ms-transform-origin: 0 0;
  483. -o-transform-origin: 0 0;
  484. transform-origin: 0 0; }
  485. .hex .corner-2:before { bottom: 0;
  486. -webkit-transform: rotate(60deg) translate(-48px, -11px);
  487. -moz-transform: rotate(60deg) translate(-48px, -11px);
  488. -ms-transform: rotate(60deg) translate(-48px, -11px);
  489. -o-transform: rotate(60deg) translate(-48px, -11px);
  490. transform: rotate(60deg) translate(-48px, -11px); }
  491.  
  492. .hex.hex-small { font-size: 14px; width: 38px; height: 22px; line-height: 21px; }
  493. .hex.hex-small .corner-1:before,
  494. .hex.hex-small .corner-2:before { width: 43px; height: 43px; }
  495.  
  496. .hex.hex-medium { font-size: 24px; width: 60px; height: 34px; line-height: 33px; }
  497. .hex.hex-medium .corner-1:before,
  498. .hex.hex-medium .corner-2:before { width: 69px; height: 69px; }
  499.  
  500. /*  common : nav
  501. /* ------------------------------------ */
  502. .nav-container { background: #888; font-weight: normal; z-index: 99; position: relative; }
  503. .nav-toggle { display: none; background: #777; cursor: pointer; float: right; height: 50px; width: 60px; color: #fff; text-align: center; }
  504. .nav-toggle i { font-size: 29px; padding: 10px 0; }
  505. .nav-text { display: none; float: right; font-size: 16px; line-height: 24px; padding: 13px 20px; }
  506. .nav li > a:after,
  507. .nav > li > a:after { font-family: FontAwesome; display: inline-block; }
  508.  
  509. @media only screen and (min-width: 720px) {
  510.    
  511.     .nav-wrap { height: auto!important; }
  512.     /* common */
  513.     .nav { font-size: 0; position: relative; }
  514.     .nav li a { color: #ccc; display: block; line-height: 20px; }
  515.     /* dropdown arrows */
  516.     .nav li > a:after { content: "\f0da"; float: right; opacity: 0.5; }
  517.     .nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 14px; }
  518.     .nav li > a:only-child:after {content: ""; margin: 0; }
  519.     #footer .nav li > a:after { content: "\f0da"; }
  520.     #footer .nav > li > a:after { content: "\f0d8"; }
  521.     #footer .nav li > a:only-child:after { content: ""; }
  522.     /* level 1 */
  523.     .nav > li { font-size: 14px; font-weight: bold; text-transform: uppercase; border-right: 1px solid #999; display: inline-block; position: relative; }
  524.     .nav > li > a { padding: 15px 14px; }
  525.     .nav > li > a:hover,
  526.     .nav > li:hover > a { background: #777; }
  527.     .nav li > a:hover,
  528.     .nav li:hover > a,
  529.     .nav li.current_page_item > a,
  530.     .nav li.current-menu-item > a,
  531.     .nav li.current-menu-ancestor > a,
  532.     .nav li.current-post-parent > a { color: #fff; }
  533.     /* level 2 & 3 */
  534.     .nav li:hover > ul { display: block; }
  535.     .nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0);
  536.     -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  537.     box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
  538.     .nav ul li { font-size: 13px; position: relative; display: block; padding: 0; }
  539.     .nav ul li a { padding: 10px 20px; }
  540.     .nav ul li:last-child { border-bottom: 0!important; }
  541.     /* level 3 */
  542.     .nav ul ul { position: absolute; top: -10px; left: 180px; }
  543.    
  544. }
  545. @media only screen and (max-width: 719px) {
  546.    
  547.     .nav { font-weight: bold; }
  548.     .nav-container { text-transform: none; }
  549.     .nav-toggle,
  550.     .nav-text { display: block; }
  551.     .nav-wrap { position: relative; float: left; width: 100%; height: 0; overflow: hidden; }
  552.     .nav-wrap.transition {
  553.     -webkit-transition: height 0.35s ease;
  554.     -moz-transition: height 0.35s ease;
  555.     -o-transition: height 0.35s ease;
  556.     transition: height 0.35s ease; }
  557.     .expand .nav-wrap { height: auto; }
  558.     /* common */
  559.     .nav { float: left; width: 100%; }
  560.     .nav li a { line-height: 20px; display: block; padding: 8px 20px; }
  561.     .nav li li a { padding-left: 15px; padding-right: 15px; }
  562.     /* dropdown arrows */
  563.     .nav li > a:after { content: '\f0d7'; opacity: 0.5; margin-left: 6px; }
  564.     .nav > li > a:after { content: '\f0d7'; font-size: 14px; }
  565.     .nav li > a:only-child:after { content: ''; }
  566.     /* level 1 */
  567.     .nav > li { font-size: 15px; }
  568.     .nav li > a:hover,
  569.     .nav li.current_page_item > a,
  570.     .nav li.current-menu-item > a,
  571.     .nav li.current-post-parent > a { color: #fff; }   
  572.     /* level 2 & 3 */
  573.     .nav ul { display: block!important; margin-left: 40px; }
  574.     .nav ul li { font-size: 14px; font-weight: normal; }
  575.     .nav ul li a { padding-top: 6px; padding-bottom: 6px; }
  576.    
  577. }
  578.  
  579.  
  580. /* ------------------------------------------------------------------------- *
  581.  *  Section: Header
  582. /* ------------------------------------------------------------------------- */
  583. #header { border-bottom: 6px solid #e5e5e5; position: relative;
  584. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7); box-shadow: 0 1px 0 rgba(255,255,255,0.7); }
  585. #header .pad { padding-top: 28px; padding-bottom: 30px; }
  586.  
  587. .site-title { font-size: 42px; font-weight: bolder; letter-spacing: -0.5px; float: left; line-height: 80px; padding: 10px 0; }
  588. .site-title a { display: block; color: #222; max-width: 100%; }
  589. .site-title a img { display: block; max-width: 100%; max-height: 80px; height: auto; padding: 0; margin: 0 auto; }
  590. .site-description { font-size: 18px; font-style: italic; color: #222; color: rgba(0,0,0,0.4); float: left; margin-left: 20px; line-height: 80px; padding: 10px 0; }
  591. .site-image { display: block; margin: 0 auto; max-height: 400px; }
  592.  
  593. .light-header-text .site-title a { color: #fff; }
  594. .light-header-text .site-description { color: #fff; color: rgba(255,255,255,0.6); }
  595. .light-header-text #header .social-links .social-tooltip { color: #fff; }
  596. .light-header-text #header .social-links .social-tooltip:hover { color: rgba(255,255,255,0.8); }
  597.  
  598. /*  header : search
  599. /* ------------------------------------ */
  600. .toggle-search { display:none; }
  601. .toggle-search:hover,
  602. .toggle-search.active { display:none; }
  603. .search-expand { display:none; }
  604. .search-expand-inner { display:none; }
  605. .search-expand .themeform input { display:none; }
  606. .search-expand .themeform input:focus { display:none; }
  607.  
  608. /*  header : nav topbar
  609. /* ------------------------------------ */
  610. #nav-topbar.nav-container { background: #222;
  611. -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
  612. box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15); }
  613. #nav-topbar .nav-toggle { background: transparent; color: #fff;
  614. -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
  615. box-shadow: inset 1px 0 0 rgba(255,255,255,0.06); }
  616. #nav-topbar .nav-text { color: #fff; color: rgba(255,255,255,0.7); }
  617.  
  618. @media only screen and (min-width: 1025px) {
  619.     /* fixed nav */
  620.     .full-width.topbar-enabled #header { padding-top: 50px; }
  621.     .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; }
  622.     .full-width.admin-bar #nav-topbar.nav-container { top: 32px; }
  623. }
  624.  
  625. @media only screen and (min-width: 720px) {
  626.  
  627.     /* common */
  628.     #nav-topbar .nav {  }
  629.     #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); }   
  630.     /* level 1 */
  631.     #nav-topbar .nav > li { border-right: none; }
  632.     #nav-topbar .nav > li > a:hover,
  633.     #nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); }
  634.     #nav-topbar .nav li > a:hover,
  635.     #nav-topbar .nav li:hover > a,
  636.     #nav-topbar .nav li.current_page_item > a,
  637.     #nav-topbar .nav li.current-menu-item > a,
  638.     #nav-topbar .nav li.current-menu-ancestor > a,
  639.     #nav-topbar .nav li.current-post-parent > a { color: #fff; }
  640.     /* level 2 & 3 */
  641.     #nav-topbar .nav ul { background: #222 url(img/opacity-10.png) repeat; }
  642.     #nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  643.     #nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
  644.    
  645. }
  646. @media only screen and (max-width: 719px) {
  647.    
  648.     /* common */
  649.     #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.8); border-top: 1px solid rgba(255,255,255,0.06); } 
  650.     /* level 1 */
  651.     #nav-topbar .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
  652.     #nav-topbar .nav li.current_page_item > a,
  653.     #nav-topbar .nav li.current-menu-item > a,
  654.     #nav-topbar .nav li.current-post-parent > a { background: rgba(0,0,0,0.15); color: #fff; }
  655.    
  656. }
  657.  
  658.  
  659. /* ------------------------------------------------------------------------- *
  660.  *  Page
  661. /* ------------------------------------------------------------------------- */
  662. #page { margin: 0 auto; padding: 20px 0; }
  663.  
  664.  
  665. /* ------------------------------------------------------------------------- *
  666.  *  Section: Footer
  667. /* ------------------------------------------------------------------------- */
  668. #footer { background: #222; width: 100%; font-weight: normal; }
  669. #footer a { color: #999; }
  670. #footer a:hover { color: #ccc; }
  671. #footer .pad { padding-bottom: 30px; }
  672.  
  673. #footer-widgets{ padding-top: 20px; }
  674.  
  675. #footer-bottom { border-top: 6px solid #333; }
  676. #footer-bottom .pad { padding-top: 40px; padding-bottom: 40px; }
  677. #footer-bottom a { color: #fff; color: rgba(255,255,255,0.7); }
  678. #footer-bottom a:hover { color: #fff; }
  679. #footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; }
  680. #footer-bottom #copyright,
  681. #footer-bottom #credit { color: #fff; color: rgba(255,255,255,0.5); font-size: 14px; line-height: 1.5em; }
  682. #footer-bottom #back-to-top { background: #333; color: #fff; color: rgba(255,255,255,0.7); position: relative; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px; }
  683. #footer-bottom #back-to-top:before { top: 0; left: -30px; border: solid; border-color: #333 transparent; border-width: 30px 0 0 30px; content: ""; display: block; position: absolute; }
  684. #footer-bottom #back-to-top:after { top: 0; right: -30px; border: solid; border-color: #333 transparent; border-width: 30px 30px 0 0; content: ""; display: block; position: absolute; }
  685. #footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; }
  686. #footer-bottom #back-to-top:hover { color: #fff; }
  687. #footer-bottom .social-links { padding-top: 10px; }
  688. #footer-bottom .social-links a { color: rgba(255,255,255,0.6); }
  689. #footer-bottom .social-links a:hover { color: #fff; }
  690. #footer-bottom .social-links .social-tooltip { font-size: 28px; }
  691.  
  692. /*  footer : nav
  693. /* ------------------------------------ */
  694. #nav-footer.nav-container { background: #333; border-top: 1px solid #363636; margin-bottom: 1px; }
  695. #nav-footer .nav-toggle { background: transparent; color: #ccc; border-left: 1px solid #222; }
  696.  
  697. @media only screen and (min-width: 720px) {
  698.  
  699.     /* common */
  700.     #nav-footer .nav { text-align: center; }
  701.     #nav-footer .nav li a { color: #999; } 
  702.     /* level 1 */
  703.     #nav-footer .nav > li > a { padding: 12px 18px; }
  704.     #nav-footer .nav > li { border-right: 0; }
  705.     #nav-footer .nav > li:first-child { border-left: 0; }
  706.     #nav-footer .nav > li > a:hover,
  707.     #nav-footer .nav > li:hover > a { background: #333; }
  708.     #nav-footer .nav li > a:hover,
  709.     #nav-footer .nav li:hover > a,
  710.     #nav-footer .nav li.current_page_item > a,
  711.     #nav-footer .nav li.current-menu-item > a,
  712.     #nav-footer .nav li.current-menu-ancestor > a,
  713.     #nav-footer .nav li.current-post-parent > a { color: #eee; }
  714.     /* level 2 & 3 */
  715.     #nav-footer .nav ul { background: #333; bottom: 44px; top: auto; text-align: left;
  716.     -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
  717.     box-shadow: 0 -2px 2px rgba(0,0,0,0.05); }
  718.     #nav-footer .nav ul li { border-bottom: 1px solid #404040; }
  719.     #nav-footer .nav ul ul { top: -10px; } 
  720.     /* level 3 */
  721.     #nav-footer .nav ul ul { position: absolute; top: auto; bottom: -10px; }
  722.    
  723. }
  724. @media only screen and (max-width: 719px) {
  725.    
  726.     /* common */
  727.     #nav-footer .nav li a { color: #999; border-top: 1px solid #222; } 
  728.     /* level 1 */
  729.     #nav-footer .nav li > a:hover { background: #2d2d2d; color: #eee; }
  730.     #nav-footer .nav li.current_page_item > a,
  731.     #nav-footer .nav li.current-menu-item > a,
  732.     #nav-footer .nav li.current-post-parent > a { background: #2d2d2d; color: #eee; }
  733.    
  734. }
  735.  
  736.  
  737. /* ------------------------------------------------------------------------- *
  738.  *  Post Entry
  739. /* ------------------------------------------------------------------------- */
  740. .post {  }
  741.  
  742. .post-inner { background: #fff; margin-bottom: 50px; position: relative;
  743. -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05);
  744. box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 3px 3px rgba(0,0,0,0.05); }
  745. .post-title { color: #222; font-size: 30px; font-weight: bold; letter-spacing: -1px; line-height: 1.4em; -ms-word-wrap: break-word; word-wrap: break-word; }
  746. .post-title strong { font-weight: bolder; }
  747. .post-title i { font-style: italic; }
  748. .post-title a { color: #222; }
  749. .post-title a:hover { color: #e8554e; }
  750. .post-title.pad,
  751. .post-meta.pad { padding-top: 0; padding-bottom: 0; }
  752. .post-meta { text-transform: uppercase; font-size: 13px; font-weight: normal; color: #bbb; margin-bottom: 15px; }
  753. .post-meta a { color: #bbb; }
  754. .post-meta a:hover { color: #e8554e; }
  755. .post-meta i { margin-right: 4px; }
  756. .post-meta li { float: left; margin-right: 12px; }
  757.  
  758. .more-link { display: none; }
  759.  
  760. .more-link-custom { background: url(img/pattern.png) repeat-x 10px; color: #fff; font-size: 13px; text-transform: uppercase; text-align: center; display: block; height: 20px; padding-top: 10px; padding-bottom: 30px; }
  761. .more-link-custom span { background: #fff; display: inline-block; padding: 0 20px; margin-top: 6px; }
  762. .more-link-custom span i { background: #357ebd; border: 1px solid transparent; display: block; padding: 0 10px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
  763. .more-link-custom:hover span i { background: #357ebd; border: 2px solid #f2f2f2; padding-left: 16px; padding-right: 16px; }
  764.  
  765. /*  single : post pages
  766. /* ------------------------------------ */
  767. .post-pages { font-weight: bold; margin-bottom: 20px; }
  768.  
  769. /*  single : tags
  770. /* ------------------------------------ */
  771. .post-tags { margin-bottom: 40px; }
  772. .post-tags span { font-size: 13px; color: #999; display: inline-block; margin: 0 7px 0 0; }
  773. .post-tags a { background: #f2f2f2; display: inline-block; line-height: 16px; white-space: nowrap; font-size: 12px; color: #999; padding: 3px 7px; margin: 0 5px 2px 0;
  774. -webkit-border-radius: 2px; border-radius: 2px; }
  775. .post-tags a:hover { background-color: #e8554e; color: #fff; }
  776.  
  777. /*  single : sharrre
  778. /* ------------------------------------ */
  779. .post-sharrre { margin-top: 30px; }
  780. .sharrre { width: 25%; float: left; }
  781. .sharrre .box { display: block; padding: 15px 20px; border-top: 2px solid #222; }
  782. .sharrre .count { width: 50%; background: #eee; color: #fff; display: block; font-size: 15px; font-weight: bolder; line-height: 30px; position: relative; text-align: center; border-radius: 6px; }
  783. .sharrre .count:after { content:''; display: block; position: absolute; right: -12px; width: 0; height: 0; border: solid 6px transparent; border-left-color: #eee; bottom: 9px; }
  784. .sharrre .share { width: 30%; margin-left: 20%; display: block; font-size: 24px; font-weight: bold; line-height: 32px; padding: 0; text-align: center; text-decoration: none; }
  785. .sharrre .share,
  786. .sharrre .count,
  787. .sharrre .count:after { float: left; -webkit-transition: all .3s ease; transition: all .3s ease; }
  788. .sharrre .box:hover .share {}
  789. .sharrre .box:hover .count { color: #fff!important; }
  790.  
  791. .sharrre#twitter .box:hover { background: #eef6f9; }
  792. .sharrre#twitter .box { border-top-color: #24a5db; }
  793. .sharrre#twitter .box:hover .count:after { border-left-color: #24a5db; }
  794. .sharrre#twitter .count,
  795. .sharrre#twitter .share,
  796. .sharrre#twitter .box:hover .count { color: #24a5db; }
  797. .sharrre#twitter .box:hover .count { background: #24a5db; }
  798.  
  799. .sharrre#facebook .box:hover { background: #f0f2f7; }
  800. .sharrre#facebook .box { border-top-color: #3b5998; }
  801. .sharrre#facebook .box:hover .count:after { border-left-color: #3b5998; }
  802. .sharrre#facebook .count,
  803. .sharrre#facebook .share,
  804. .sharrre#facebook .box:hover .count { color: #3b5998; }
  805. .sharrre#facebook .box:hover .count { background: #3b5998; }
  806.  
  807. .sharrre#googleplus .box:hover { background: #fbf1f0; }
  808. .sharrre#googleplus .box { border-top-color: #cd483c; }
  809. .sharrre#googleplus .box:hover .count:after { border-left-color: #cd483c; }
  810. .sharrre#googleplus .count,
  811. .sharrre#googleplus .share,
  812. .sharrre#googleplus .box:hover .count { color: #cd483c; }
  813. .sharrre#googleplus .box:hover .count { background: #cd483c; }
  814.  
  815. .sharrre#pinterest .box:hover { background: #fbf1f0; }
  816. .sharrre#pinterest .box { border-top-color: #ca2128; }
  817. .sharrre#pinterest .box:hover .count:after { border-left-color: #ca2128; }
  818. .sharrre#pinterest .count,
  819. .sharrre#pinterest .share,
  820. .sharrre#pinterest .box:hover .count { color: #ca2128; }
  821. .sharrre#pinterest .box:hover .count { background: #ca2128; }
  822.  
  823. /*  single : author bio
  824. /* ------------------------------------ */
  825. .author-bio { background: #e5e5e5; border-bottom: 1px solid #fbfbfb; position: relative; padding: 15px 15px 10px 115px; color: #888; margin-bottom: 40px;
  826. -webkit-border-radius: 2px; border-radius: 2px; }
  827. .author-bio:before { content:''; display: inline-block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e5e5e5; position: absolute; top: -10px; left: 50%; margin-left: -10px; }
  828. .author-bio .bio-avatar { float: left; margin: 0 0 8px -100px; width: 80px; height: auto; position: relative; }
  829. .author-bio .bio-avatar:after { background: #e8554e; position: absolute; right: 0; bottom: 0; padding: 6px 6px; content: "\f040"; color: #fff; font-size: 14px; line-height: 14px; width: 14px; font-style: normal; font-family: FontAwesome; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; }
  830. .author-bio .bio-avatar img { display: block; width: 100%; height: auto; -webkit-border-radius: 100%; border-radius: 100%; }
  831. .author-bio p { margin-bottom: 8px; }
  832. .author-bio .bio-name { color: #444; font-weight: bold; margin-bottom: 4px; }
  833. .author-bio .bio-name a { color: #444; }
  834. .author-bio .bio-name a:hover { color: #e8554e; }
  835. .author-bio .bio-desc { color: #888; font-weight: lighter; font-size: 16px; line-height: 1.5em; }
  836.  
  837. /*  single : post-nav
  838. /* ------------------------------------ */
  839. .post-nav li { width: 100%; display: inline; float: left; text-align: center; }
  840. .post-nav li a { position: relative; min-height: 77px; display: block; padding: 16px 46px 24px; }
  841. .post-nav li i { color: #ccc; font-size: 18px; position: absolute; top: 50%; margin-top: -10px; }
  842. .post-nav li a strong { display: block; font-size: 13px; color: #bbb; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; }
  843. .post-nav li a span { font-size: 16px; color: #444; }
  844. .post-nav li a:hover span,
  845. .post-nav li a:hover i { color: #e8554e; }
  846. .post-nav li.previous i { left: 10px; }
  847. .post-nav li.next i { right: 10px; }
  848. .post-nav li a span,
  849. .post-nav li a i {
  850. -webkit-transition-property: background color; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease-out;
  851. -moz-transition-property: background color; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease-out;
  852. -o-transition-property: background color; -o-transition-duration: 0.2s; -o-transition-timing-function: ease-out;
  853. transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; }
  854.  
  855. /* content-specific */
  856. .content .post-nav { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; margin-bottom: 40px;  }
  857. .content .post-nav li { width: 50%; }
  858. .content .post-nav li.next { float: right; -webkit-box-shadow: -1px 0 0 #e5e5e5, inset 1px 0 0 #e5e5e5; box-shadow: -1px 0 0 #e5e5e5, inset 1px 0 0 #e5e5e5; }
  859. .content .post-nav li.next a { padding-left: 24px; }
  860. .content .post-nav li.previous { float: left; -webkit-box-shadow: 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5; box-shadow: 1px 0 0 #e5e5e5, inset -1px 0 0 #e5e5e5; }
  861. .content .post-nav li.previous a { padding-right: 24px; }
  862.  
  863.  
  864. /* ------------------------------------------------------------------------- *
  865.  *  Post Formats
  866. /* ------------------------------------------------------------------------- */
  867. .format-standard .hex .fa,
  868. .format-aside .hex .fa,
  869. .page .hex .fa { color: #f2f2f2; }
  870. .page .post-deco .hex .fa:before { content: "\f15c"; }
  871. .sticky .post-deco .hex .fa:before { content: "\f005"; }
  872.  
  873. .post-deco { background: #357ebd; position: relative; height: 5px; width: 100%; margin-bottom: 10px; }
  874. .post-deco .hex { background: #357ebd; position: absolute; left: 50%; right: 50%; top: -8px; margin-left: -19px; }
  875. .post-deco .hex .fa:before { content: "\f040"; }
  876.  
  877. /*  post format : common
  878. /* ------------------------------------ */
  879. .post-format { position: relative; }
  880. .post-format p { margin-bottom: 1em; }
  881. .format-container .fa { font-size: 24px; float: right; margin-top: 4px; margin-left: 20px; }
  882.  
  883. /*  post format : image
  884. /* ------------------------------------ */
  885. .format-image .hex,
  886. .format-image .post-deco { background: #7eb66f; }
  887. .format-image .hex .fa:before { content: "\f030"; }
  888.  
  889. /*  post format : video
  890. /* ------------------------------------ */
  891. .format-video .hex,
  892. .format-video .post-deco { background: #e8554e; }
  893. .format-video .hex .fa:before { content: "\f03d"; }
  894.  
  895. /*  post format : quote
  896. /* ------------------------------------ */
  897. .format-quote .hex,
  898. .format-quote .post-deco { background: #e7ba3a; }
  899. .format-quote .hex .fa:before { content: "\f10d"; }
  900. .format-quote .format-container { background: #f8eac4; }
  901.  
  902. .format-quote .post-title { display: none; }
  903. .format-quote .post-format blockquote { font-size: 22px; font-weight: normal; line-height: 1.6em; font-style: italic; }
  904. .format-quote .post-format .quote-author { font-style: italic; }
  905.  
  906. /*  post format : link
  907. /* ------------------------------------ */
  908. .format-link .hex,
  909. .format-link .post-deco { background: #e8554e; }
  910. .format-link .hex .fa:before { content: "\f0c1"; }
  911. .format-link .format-container { background: #fadddc; }
  912.  
  913. .format-link .post-title { display: none; }
  914. .format-link .post-format p { font-size: 22px; font-weight: normal; line-height: 1.4em; font-style: italic; margin-bottom: 10px; }
  915. .format-link .post-format a { color: #e8554e!important; display: block; }
  916. .format-link .post-format a:hover { color: #444!important; }
  917.  
  918. /*  post format : chat
  919. /* ------------------------------------ */
  920. .format-chat .hex,
  921. .format-chat .post-deco { background: #69bac8; }
  922. .format-chat .hex .fa:before { content: "\f0e6"; }
  923. .format-chat .format-container { background: #d2eaee; }
  924.  
  925. .format-chat .post-title { display: none; }
  926. .format-chat .post-format p { font-style: italic; }
  927.  
  928. /*  post format : status
  929. /* ------------------------------------ */
  930. .format-status .hex,
  931. .format-status .post-deco { background: #ffa500; }
  932. .format-status .hex .fa:before { content: "\f0a1"; }
  933.  
  934. .format-status .post-title { display: none; }
  935. .format-status .entry { font-size: 22px; line-height: 1.8em; }
  936.  
  937. /*  post format : aside
  938. /* ------------------------------------ */
  939. .format-aside .post-title { display: none; }
  940.  
  941. /*  post format : gallery
  942. /* ------------------------------------ */
  943. .format-gallery .hex,
  944. .format-gallery .post-deco { background: #7eb66f; }
  945. .format-gallery .hex .fa:before { content: "\f03e"; }
  946.  
  947. .format-gallery .post-format .flexslider { overflow: hidden; }
  948. .format-gallery .post-format .flexslider .slides { background: #262626; overflow: hidden; position: relative; }
  949. .format-gallery .post-format .flexslider .slides img { max-height: 405px; width: auto; max-width: 100%; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); }
  950. .format-gallery .post-format .flex-direction-nav a:before { color: #fff; }
  951.  
  952. /*  post format : audio
  953. /* ------------------------------------ */
  954. .format-audio .hex,
  955. .format-audio .post-deco { background: #69bac8; }
  956. .format-audio .hex .fa:before { content: "\f025"; }
  957.  
  958. .format-audio .post-format a,
  959. .format-audio .post-format i { font-size: 16px; line-height: 22px; }
  960. #page .format-audio .post-format img {
  961. -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;
  962. border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
  963.  
  964. /* jplayer */
  965. .jp-interface { background-color: #262626; }
  966. .jp-play-bar,
  967. .jp-volume-bar-value { background-color: #69bac8; }
  968. .jp-progress { background-color: #111; }
  969. .jp-volume-bar { border: 1px solid #111; }
  970. .jp-seek-bar,
  971. .jp-volume-bar { background-color: #333; }
  972. .jp-interface a { color: #bbb; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); }
  973. .jp-interface a:hover { color: #eee; }
  974. .jp-progress-container,
  975. .jp-volume-bar-container { border-left: 1px solid #333; }
  976. .jp-audio,
  977. .jp-interface,
  978. .jp-progress,
  979. .jp-seek-bar { width: 100%; min-width: 100%; }
  980. .jp-interface { position: relative; overflow: hidden;
  981. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3);
  982. box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3);  }
  983. .jp-interface .jp-controls { list-style-type: none; padding: 0; margin: 0; }
  984. .jp-interface .jp-controls li { display: inline; }
  985. .jp-interface .jp-controls a { position: absolute; }
  986. .jp-interface .jp-controls a i { display: block; }
  987. .jp-play, .jp-pause { width: 25px; height: 30px; z-index: 1; outline: none; margin: 12px 0 0 9px;}
  988. .jp-play, .jp-pause { top: 0; left: 0; }
  989. .jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; }
  990. .jp-progress { overflow: hidden; }
  991. .jp-progress { height: 5px; padding: 1px;
  992. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
  993. box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  994. .jp-seek-bar { width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; }
  995. .jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px;
  996. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  997. box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
  998. .jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; }
  999. .jp-volume-bar { position: relative; overflow: hidden; width: 38px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px;
  1000. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
  1001. box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  1002. .jp-volume-bar { top: 0; left: 0; }
  1003. .jp-volume-bar-value { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px;
  1004. -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  1005. box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
  1006. .jp-mute, .jp-unmute { width: 17px; z-index: 1; outline: none; margin-top: 10px; }
  1007. .jp-mute, .jp-unmute { top: 2px; right: 58px; }
  1008. .jp-unmute { display: none; }
  1009. .jp-jplayer { width:0px; height:0px; }
  1010.  
  1011.  
  1012. /* ------------------------------------------------------------------------- *
  1013.  *  Widgets
  1014. /* ------------------------------------------------------------------------- */
  1015. .sidebar .widget { padding: 30px 30px 20px; }
  1016. .widget { color: #777; font-size: 15px; font-weight: normal; overflow: hidden; }
  1017. .widget a { color: #777; }
  1018. .widget a:hover { color: #444; }
  1019. .widget > h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 6px; }
  1020. .widget > h3,
  1021. .widget > h3 a,
  1022. .widget > h3 a:hover { color: #999; }
  1023. .widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; }
  1024. .widget select { border: 1px solid #ddd; color: #777; font-size: 15px; padding: 7px; width: 100%; max-width: 100%; }
  1025.  
  1026. /*  widgets : icons
  1027. /* ------------------------------------ */
  1028. .widget > ul li:before,
  1029. .widget > ul li a:before,
  1030. .widget > div > ul li a:before,
  1031. .widget_calendar caption:before { font-family: FontAwesome; font-size: 12px; margin-right: 6px; color: #ccc; display: inline-block!important; width: 1em; text-align: center; }
  1032. .widget > ul li a:hover:before { color: #999; }
  1033.  
  1034. .widget_archive > ul > li a:before { content: "\f073"; }
  1035. .widget_categories > ul > li a:before { content: "\f07c"; }
  1036. .widget_links > ul > li a:before { content: "\f08e"; }
  1037. .widget_meta > ul > li a:before { content: "\f0da"; }
  1038. .widget_recent_comments > ul > li:before,
  1039. .widget_recent_comments > ul > li:before { content: "\f075"; }
  1040. .widget_recent_entries > ul > li a:before { content: "\f017"; }
  1041. .widget_calendar caption:before { content: "\f073"; }
  1042. .widget_pages ul li a:before,
  1043. .widget_nav_menu ul li a:before { content: "\f068"; }
  1044.  
  1045. /*  widgets : common
  1046. /* ------------------------------------ */
  1047. .widget_search > h3,
  1048. .widget_text > h3,
  1049. .widget_tag_cloud > h3,
  1050. .widget_calendar > h3 { margin-bottom: 1em; }
  1051.  
  1052. .widget_archive ul li,
  1053. .widget_categories ul li,
  1054. .widget_links ul li,
  1055. .widget_meta ul li,
  1056. .widget_recent_comments ul li,
  1057. .widget_recent_entries ul li,
  1058. .widget_rss ul li,
  1059. .widget_pages ul li a,
  1060. .widget_nav_menu ul li a,
  1061. .alx-tab li,
  1062. .alx-posts li { padding: 10px 0; border-bottom: 1px solid #e4e4e4; }
  1063.  
  1064. .widget_archive ul li,
  1065. .widget_categories ul li,
  1066. .widget_links ul li { color: #bbb; }
  1067.  
  1068. .widget_recent_comments ul li,
  1069. .widget_recent_entries ul li { color: #999; }
  1070. .widget_recent_entries .post-date { display: block; }
  1071.  
  1072. /*  widget : pages / custom menu
  1073. /* ------------------------------------ */
  1074. .widget_pages ul li a,
  1075. .widget_nav_menu ul li a { display: block; }
  1076. .widget_pages li li a,
  1077. .widget_nav_menu li li a { padding-left: 15px; }
  1078. .widget_pages li li li a,
  1079. .widget_nav_menu li li li a { padding-left: 30px; }
  1080. .widget_pages ul ul,
  1081. .widget_pages ul ul ul,
  1082. .widget_nav_menu ul ul,
  1083. .widget_nav_menu  ul ul ul { border: 0; }
  1084.  
  1085. /*  widget : rss
  1086. /* ------------------------------------ */
  1087. .widget_rss ul li a { display: block; color: #e8554e; }
  1088. .widget_rss ul li span.rss-date { color: #444; font-weight: bold; display: block; text-transform: uppercase; font-size: 12px; }
  1089. .widget_rss ul li cite { color: #999; }
  1090.  
  1091. /*  widget : search
  1092. /* ------------------------------------ */
  1093. .widget_search input.search { display:none; }
  1094. .widget_search .screen-reader-text,
  1095. .widget_search #searchsubmit { display: none; }
  1096.  
  1097. /*  widget : text
  1098. /* ------------------------------------ */
  1099. .widget_text .textwidget p { margin-bottom: 1em; }
  1100.  
  1101. /*  widget : calendar
  1102. /* ------------------------------------ */
  1103. .widget_calendar a { font-weight: bold; color: #e8554e; }
  1104. .widget_calendar a:hover { color: #444!important; }
  1105. .widget_calendar #wp-calendar { width: 100%; }
  1106. .widget_calendar caption { background: #e8554e; color: #fff; padding: 5px 10px; }
  1107. .widget_calendar caption:before { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px; }
  1108. .widget_calendar thead { background: #e2e2e2; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; }
  1109. .widget_calendar th { font-weight: bold; }
  1110. .widget_calendar th,
  1111. .widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #e2e2e2; }
  1112. .widget_calendar .pad { padding: 0!important; }
  1113.  
  1114. /*  custom widget : alxtabs / alxposts
  1115. /* ------------------------------------ */
  1116. .alx-tabs-nav { border-bottom: 3px solid #ddd; margin-bottom: 10px; text-align: center; }
  1117. .alx-tabs-nav.tab-count-1 li { width: 100%; }
  1118. .alx-tabs-nav.tab-count-2 li { width: 50%; }
  1119. .alx-tabs-nav.tab-count-3 li { width: 33.333%; }
  1120. .alx-tabs-nav.tab-count-4 li { width: 25%; }
  1121. .alx-tabs-nav li { display: block; float: left; }
  1122. .alx-tabs-nav li a { font-size: 18px; display: block; padding: 8px 0; margin-bottom: -3px; border-bottom: 3px solid transparent; }
  1123. .alx-tabs-nav li a:hover { border-bottom-color: #ccc; }
  1124. .alx-tabs-nav li.active a { color: #222; border-bottom-color: #e8554e!important; /* background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, #fff 100%) 0 0 rgba(0,0,0, 0); */ }
  1125. .alx-tabs-nav li a span { display: none; }
  1126.  
  1127. .alx-tab li,
  1128. .alx-posts li { line-height: 1.4em; overflow: hidden; }
  1129. .alx-tab a,
  1130. .alx-posts a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
  1131. .alx-tab img { -webkit-border-radius: 100%; border-radius: 100%; }
  1132. .alx-tab img,
  1133. .alx-posts img { display: block; width: 100%; height: auto; opacity: 0.99; }
  1134. .alx-tab.thumbs-enabled li{ padding-left: 94px; }
  1135. .alx-tab .tab-item-thumbnail { width: 80px; margin-left: -94px; float: left; }
  1136. .alx-tab .tab-item-thumbnail,
  1137. .alx-posts .post-item-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
  1138. .alx-tab.avatars-enabled li{ padding-left: 10px; }
  1139. .alx-tab .tab-item-avatar {}
  1140. .alx-tab .tab-item-category,
  1141. .alx-posts .post-item-category { color: #aaa; text-transform: uppercase; font-size: 13px; }
  1142. .alx-tab .tab-item-title a,
  1143. .alx-tab .tab-item-comment a,
  1144. .alx-posts .post-item-title a { color: #444; }
  1145. .alx-tab .tab-item-category a:hover,
  1146. .alx-posts .post-item-category a:hover { color: #444!important; }
  1147. .alx-tab .tab-item-title,
  1148. .alx-tab .tab-item-comment,
  1149. .alx-posts .post-item-title { margin: 2px 0; -ms-word-wrap: break-word; word-wrap: break-word; }
  1150. .alx-tab .tab-item-date,
  1151. .alx-tab .tab-item-name,
  1152. .alx-posts .post-item-date  { text-transform: capitalize; color: #aaa; font-size: 13px; }
  1153. .alx-tab li:hover .tab-item-thumbnail,
  1154. .alx-tab li:hover .tab-item-avatar,
  1155. .alx-posts li:hover .post-item-thumbnail { opacity: 0.75; }
  1156. .alx-tab li:hover .thumb-icon,
  1157. .alx-posts li:hover .thumb-icon { background: #fff; color: #111; }
  1158.  
  1159. .alx-tab .tab-item-category a,
  1160. .alx-posts .post-item-category a,
  1161. .alx-tab li:hover .tab-item-title a,
  1162. .alx-tab li:hover .tab-item-comment a,
  1163. .alx-posts li:hover .post-item-title a { color: #e8554e; }
  1164.  
  1165. .alx-posts .post-item-thumbnail { margin-bottom: 10px; }
  1166. .alx-posts .post-item-title { font-size: 16px; line-height: 1.5em; }
  1167.  
  1168. .alx-posts .post-item-title { font-size: 18px; line-height: 1.4em; font-weight: normal; }
  1169. .alx-posts .post-item-category,
  1170. .alx-posts .post-item-date { font-size: 14px; }
  1171.  
  1172. /*  custom widget : alxvideo
  1173. /* ------------------------------------ */
  1174. .widget_alx_video h3 { margin-bottom: 14px; }
  1175.  
  1176.  
  1177. /* ------------------------------------------------------------------------- *
  1178.  *  Widgets Footer
  1179. /* ------------------------------------------------------------------------- */
  1180. #footer .widget { padding-bottom: 30px; }
  1181. #footer .widget > h3,
  1182. #footer .widget > h3 a,
  1183. #footer .widget > h3 a:hover { color: #ccc; }
  1184. #footer .widget select { background: transparent; }
  1185.  
  1186. /*  widgets : icons
  1187. /* ------------------------------------ */
  1188. #footer .widget > ul li:before,
  1189. #footer .widget > ul li a:before,
  1190. #footer .widget > div > ul li a:before { color: #666; }
  1191. #footer .widget > ul li a:hover:before { color: #eee; }
  1192.  
  1193. /*  widgets : common
  1194. /* ------------------------------------ */
  1195. #footer .widget select,
  1196. #footer .widget_archive ul li,
  1197. #footer .widget_categories ul li,
  1198. #footer .widget_links ul li,
  1199. #footer .widget_meta ul li,
  1200. #footer .widget_recent_comments ul li,
  1201. #footer .widget_recent_entries ul li,
  1202. #footer .widget_rss ul li,
  1203. #footer .widget_pages ul li a,
  1204. #footer .widget_nav_menu ul li a,
  1205. #footer .alx-tab li,
  1206. #footer .alx-posts li,
  1207. #footer .widget_calendar th,
  1208. #footer .widget_calendar td { border-color: #303030; }
  1209.  
  1210. #footer .widget_archive ul li,
  1211. #footer .widget_categories ul li,
  1212. #footer .widget_links ul li { color: #666; }
  1213.  
  1214. #footer .widget_recent_comments ul li,
  1215. #footer .widget_recent_entries ul li { color: #666; }
  1216.  
  1217. /*  widget : rss
  1218. /* ------------------------------------ */
  1219. #footer .widget_rss ul li a { color: #e8554e; }
  1220. #footer .widget_rss ul li a:hover { color: #ccc; }
  1221. #footer .widget_rss ul li span.rss-date { color: #666; }
  1222. #footer .widget_rss ul li cite { color: #ccc; }
  1223.  
  1224. /*  widget : search
  1225. /* ------------------------------------ */
  1226. #footer .widget_search input.search { background: #303030; border-color: #303030; }
  1227. #footer .widget_search input.search:focus { color: #ccc; }
  1228.  
  1229. /*  widget : calendar
  1230. /* ------------------------------------ */
  1231. #footer .widget_calendar a { color: #e8554e; }
  1232. #footer .widget_calendar a:hover { color: #ccc!important; }
  1233. #footer .widget_calendar thead { background: #303030; -webkit-box-shadow: 0 1px 0 #404040; box-shadow: inset 0 -1px 0 #404040; }
  1234.  
  1235. /*  custom widget : alxtabs / alxposts
  1236. /* ------------------------------------ */
  1237. #footer .alx-tabs-nav li.active a { color: #eee; }
  1238. #footer .alx-tabs-nav { border-bottom-color: #303030; }
  1239. #footer .alx-tabs-nav li a:hover { border-bottom-color: #444; }
  1240.  
  1241. #footer .alx-tab .tab-item-category a,
  1242. #footer .alx-posts .post-item-category a  { color: #e8554e; }
  1243. #footer .alx-tab .tab-item-category a:hover,
  1244. #footer .alx-posts .post-item-category a:hover,
  1245. #footer .alx-tab li:hover .tab-item-title a,
  1246. #footer .alx-tab li:hover .tab-item-comment a,
  1247. #footer .alx-posts li:hover .post-item-title a { color: #ccc!important; }
  1248.  
  1249. #footer .alx-tab .tab-item-category,
  1250. #footer .alx-posts .post-item-category,
  1251. #footer .alx-tab .tab-item-date,
  1252. #footer .alx-tab .tab-item-name,
  1253. #footer .alx-posts .post-item-date { color: #666; }
  1254.  
  1255.  
  1256. /* ------------------------------------------------------------------------- *
  1257.  *  Comments
  1258. /* ------------------------------------------------------------------------- */
  1259. #comments { margin-top: 20px; }
  1260. #pinglist-container {  }
  1261.  
  1262. .comment-tabs { font-size: 15px; border-bottom: 2px solid #e5e5e5; margin-bottom: 20px; }
  1263. .comment-tabs li { float: left; margin-bottom: -2px; }
  1264. .comment-tabs li a { font-weight: bold; padding: 0 10px 10px; display: block; color: #aaa; border-bottom: 2px solid #e5e5e5; }
  1265. .comment-tabs li a:hover { color: #444; border-color: #ccc; }
  1266. .comment-tabs li span {}
  1267. .comment-tabs li i { margin-right: 6px; }
  1268. .comment-tabs li.active a { color: #e8554e; border-bottom-color: #e8554e; }
  1269.  
  1270. .commentlist, .pinglist { margin-bottom: 20px; }
  1271. .commentlist li, .pinglist li { padding-left: 10px; font-size: 14px; line-height: 22px; font-weight: normal; }
  1272. .commentlist .comment-body, .pinglist li  { clear: both; position: relative; padding-bottom: 20px; }
  1273. .commentlist .comment-author,
  1274. .commentlist .comment-meta,
  1275. .commentlist .comment-awaiting-moderation { font-size: 13px; display: block; float: left; line-height: 22px; }
  1276. .commentlist .comment-author { margin-right: 6px; }
  1277. .commentlist .fn, .pinglist .ping-link { color: #444; font-size: 13px; font-style: normal; font-weight: normal; }
  1278. .commentlist .says { display: none; }
  1279. .commentlist .avatar {}
  1280. .commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: "\f017"; font-family: FontAwesome; font-size: 10px; margin-right: 3px; vertical-align: 4%; }
  1281. .commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; }
  1282. .commentlist .reply { font-size: 13px; line-height: 16px; }
  1283. .commentlist .reply a { color: #aaa; }
  1284. .commentlist .reply a:hover { color: #444; }
  1285. .comment-awaiting-moderation { color: #e8554e; font-style: normal; }
  1286.  
  1287. /* pings */
  1288. .pinglist li { padding-left: 0; }
  1289.  
  1290. /* comment text */
  1291. .commentlist .comment-body p { margin-bottom: 8px; color: #777; clear: both; }
  1292. .commentlist .comment-body strong { font-weight: bold; }
  1293. .commentlist .comment-body em { font-style: italic; }
  1294. .commentlist .comment-body ol li { list-style: decimal; margin-left: 2em; padding: 0; }
  1295. .commentlist .comment-body ul li { list-style: square; margin-left: 2em; padding: 0; }
  1296.  
  1297. /* post author & admin comment */
  1298. .commentlist li.bypostauthor > .comment-body:after,
  1299. .commentlist li.comment-author-admin > .comment-body:after { background: #e8554e; display: block; position: absolute; content: "\f040"; color: #fff; line-height: 12px; width: 12px; font-style: normal; font-family: FontAwesome; text-align: center; }
  1300. .commentlist li.comment-author-admin > .comment-body:after { content: "\f005"; /* star for admin */ }
  1301. .commentlist li.bypostauthor > .comment-body:after,
  1302. .commentlist li.comment-author-admin > .comment-body:after { top: 32px; left: -28px; font-size: 10px; padding: 3px; -webkit-border-radius: 100%; border-radius: 100%; }
  1303. .commentlist li li.bypostauthor > .comment-body:after,
  1304. .commentlist li li.comment-author-admin > .comment-body:after { top: 22px; left: -26px; font-size: 8px; padding: 2px; -webkit-border-radius: 100%; border-radius: 100%; }
  1305.  
  1306. /* child comment */
  1307. .commentlist li ul {  }
  1308. .commentlist li li { padding-left: 48px; margin: 0; }
  1309. .commentlist li li .avatar { width: 36px; height: 36px; left: -48px; top: 0; }
  1310. .commentlist li li .comment-meta { left: 70px; }
  1311.  
  1312. /*  comments : nav
  1313. /* ------------------------------------ */
  1314. .comments-nav { margin-bottom: 20px; }
  1315. .comments-nav a { font-weight: bold; }
  1316. .comments-nav .nav-previous { float: left; }
  1317. .comments-nav .nav-next { float: right;  }
  1318.  
  1319. /*  comments : form
  1320. /* ------------------------------------ */
  1321. .logged-in-as,
  1322. .comment-notes,
  1323. .form-allowed-tags { display: none; }
  1324. #respond { position: relative; }
  1325. #reply-title { margin-bottom: 20px; }
  1326. li #reply-title { font-size: 0; margin: 0!important; padding: 0; height: 0; border-top: 0; }
  1327. #cancel-comment-reply-link { color: #999; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 12px; }
  1328. #cancel-comment-reply-link:hover { color: #777; }
  1329. #commentform { background: #e5e5e5; border-bottom: 1px solid #fbfbfb; padding: 10px 20px 20px; margin-bottom: 20px;
  1330. -webkit-border-radius: 4px; border-radius: 4px; }
  1331. #commentform p.comment-form-author { width: 48%; float: left; }
  1332. #commentform p.comment-form-email { width: 48%; float: right; }
  1333. #commentform p.comment-form-url,
  1334. #commentform p.comment-form-comment { clear: both; }
  1335. #commentform label { padding: 6px 0; font-weight: bold; display: block; }
  1336. #commentform input[type="text"],
  1337. #commentform textarea { max-width: 100%; width: 100%; }
  1338. #commentform textarea { height: 100px; }
  1339. #commentform p.form-submit { margin-top: 10px; }
  1340. .logged-in #reply-title { margin-bottom: 20px; }
  1341. .logged-in #commentform p.comment-form-comment { margin-top: 10px; }
  1342. .logged-in #commentform p.comment-form-comment label { display: none; }
  1343.  
  1344.  
  1345. /* ------------------------------------------------------------------------- *
  1346.  *  Child Menu
  1347. /* ------------------------------------------------------------------------- */
  1348. .child-menu { zoom: 1; position: relative; padding: 30px 30px 20px; }
  1349. .child-menu a { color: #777; font-weight: bold; display: block; padding: 0 44px; }
  1350. .child-menu a:hover { color: #e8554e; }
  1351. .child-menu .current_page_item > a { color: #e8554e; }
  1352.  
  1353. /* show only current page items */
  1354. .child-menu > li { display: none; }
  1355. .child-menu > li.current_page_item,
  1356. .child-menu > li.current_page_parent,
  1357. .child-menu > li.current_page_ancestor { display: block; }
  1358. .child-menu > li.current_page_item > ul ul,
  1359. .child-menu > li.current_page_parent > ul ul,
  1360. .child-menu > li.current_page_ancestor > ul ul { display: none; }
  1361. .child-menu > li ul li.current_page_item ul,
  1362. .child-menu > li ul li.current_page_parent ul,
  1363. .child-menu > li ul li.current_page_ancestor ul { display: block; }
  1364.  
  1365. /* level 1 */
  1366. .child-menu > li > a { font-size: 20px; display: block; padding: 0 30px 20px; }
  1367.  
  1368. /* level 2 */
  1369. .child-menu > li > ul { background: #e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #fbfbfb; padding: 10px; }
  1370. .child-menu > li > ul > li > a { font-size: 15px; background: #f2f2f2; border: 1px solid #ddd; border-top: 0; padding: 11px 20px;
  1371. -webkit-box-shadow: inset 0 1px 0 #f9f9f9;
  1372. box-shadow: inset 0 1px 0 #f9f9f9; }
  1373. .child-menu > li > ul > li > a:before { font-family: FontAwesome; content: "\f055"; font-weight: normal; font-size: 18px; margin-right: 8px; }
  1374.  
  1375. /* level 3 */
  1376. .child-menu > li ul ul { background: #f2f2f2; border: 1px solid #ddd; border-top: 3px solid #ebebeb; padding: 6px 0; }
  1377. .child-menu > li ul ul a { font-size: 15px; font-weight: normal; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; }
  1378. .child-menu > li ul ul a:hover { background: #e9e9e9;
  1379. -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04);
  1380. box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); }
  1381. .child-menu > li ul ul li.current_page_item > a { background: #fff;
  1382. -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04);
  1383. box-shadow: 0 1px 0 rgba(0,0,0,0.04); }
  1384.  
  1385.  
  1386. /* ------------------------------------------------------------------------- *
  1387.  *  Plugins
  1388. /* ------------------------------------------------------------------------- */
  1389.  
  1390. /*  plugin : wp-pagenavi
  1391. /* ------------------------------------ */
  1392. .wp-pagenavi { text-align: right; font-weight: bold; line-height: 20px; float: none; margin-right: -2px; text-align: center; }
  1393. .wp-pagenavi a,
  1394. .wp-pagenavi span { color: #aaa; font-size: 16px; padding: 7px 8px; display: inline; margin: 0 2px; }
  1395. .wp-pagenavi span.pages { font-size: 17px; font-weight: normal; display: block; margin-bottom: 1em!important; border: none!important; }
  1396. .wp-pagenavi span.pages:before { content: "\f15c"; font-family: FontAwesome; margin-right: 6px; }
  1397. .wp-pagenavi span.extend { border: none!important; border-bottom: 3px solid transparent; border-top: 1px solid transparent; }
  1398. .wp-pagenavi a:hover,
  1399. .wp-pagenavi a:active,
  1400. .wp-pagenavi span.current { color: #444; }
  1401.  
  1402. .wp-pagenavi a { color: #e8554e; border: none; border-bottom: 3px solid #ddd; border-top: 1px solid #f1f1f1; }
  1403. .wp-pagenavi a:hover,
  1404. .wp-pagenavi a:active,
  1405. .wp-pagenavi span.current { background: none; border: none; border-bottom: 3px solid #e8554e; border-top: 1px solid #f1f1f1; }
  1406.  
  1407. /*  plugin : contact form 7
  1408. /* ------------------------------------ */
  1409. .wpcf7 {  }
  1410. .wpcf7 p { color: #222; font-weight: bold; margin: 0 0 12px;  width: 100%; float: left; position: relative; }
  1411. .wpcf7 p span { font-weight: normal; color: #999; }
  1412. .wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; }
  1413. .wpcf7 input[type="text"],
  1414. .wpcf7 input[type="email"] { display: block; float: left; padding: 10px; width: 100%; }  
  1415. .wpcf7 textarea { display: block; float: left; padding: 10px; width: 100%; }  
  1416. .wpcf7 input[type="text"],
  1417. .wpcf7 input[type="email"],
  1418. .wpcf7 textarea { margin-top: 12px; }
  1419. .wpcf7 input[type="submit"] { padding: 10px 20px; font-size: 18px; }
  1420. .wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; }
  1421. .wpcf7 div.wpcf7-mail-sent-ok,
  1422. .wpcf7 div.wpcf7-mail-sent-ng { border: none; }
  1423. .wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; }
  1424. .wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; }
  1425. .wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; border-width: 2px; color: #b94a48; padding: 4px 14px; font-size: 12px; line-height: 20px; position: absolute; left: 0; top: 12px; width: auto; right: 0; display: block; }
  1426.  
  1427. /*  plugin : syntax highlighter evolved
  1428. /* ------------------------------------ */
  1429. body .syntaxhighlighter a,
  1430. body .syntaxhighlighter div,
  1431. body .syntaxhighlighter code,
  1432. body .syntaxhighlighter table,
  1433. body .syntaxhighlighter table td,
  1434. body .syntaxhighlighter table tr,
  1435. body .syntaxhighlighter table tbody,
  1436. body .syntaxhighlighter table thead,
  1437. body .syntaxhighlighter table caption,
  1438. body .syntaxhighlighter textarea,
  1439. body .syntaxhighlighter .gutter { font-size: 12px!important; line-height: 13px!important; }
  1440.  
  1441.  
  1442. /* ------------------------------------------------------------------------- *
  1443.  *  Flexslider
  1444. /* ------------------------------------------------------------------------- */
  1445.  
  1446. /*  flexslider : resets
  1447. /* ------------------------------------ */
  1448. .flex-container a:active,
  1449. .flexslider a:active,
  1450. .flex-container a:focus,
  1451. .flexslider a:focus  { outline: none; }
  1452. .slides,
  1453. .flex-control-nav,
  1454. .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
  1455.  
  1456. /*  flexslider : necessary styles
  1457. /* ------------------------------------ */
  1458. .flexslider { margin: 0; padding: 0; }
  1459. .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  1460. .flexslider .slides img { width: 100%; height: auto; display: block; margin: 0 auto; }
  1461. .flex-pauseplay span { text-transform: capitalize; }
  1462. .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
  1463. html { -webkit-font-smoothing: antialiased; /* safari font rendering issue fix */ }
  1464. html[xmlns] .slides { display: block; }
  1465. * html .slides { height: 1%;}
  1466. .no-js .slides > li:first-child { display: block; }
  1467.  
  1468. /*  flexslider : default theme
  1469. /* ------------------------------------ */
  1470. .flexslider { margin: 0; position: relative; zoom: 1; }
  1471. .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
  1472. .loading .flex-viewport { max-height: 300px; }
  1473. .flexslider .slides { zoom: 1; }
  1474. .flexslider .slides > li { position: relative; }
  1475. .carousel li { margin-right: 5px; }
  1476.  
  1477. /* direction nav */
  1478. .flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; z-index: 2; }
  1479. .flex-direction-nav li { float: left; margin-left: 4px; }
  1480. .flex-direction-nav li:first-child { float: left; }
  1481. .flex-direction-nav li:last-child { float: right; }
  1482. .flex-direction-nav a { background: rgba(0,0,0,0.7); opacity: 0.6; position: relative; width: 40px; height: 40px; margin: 0 0 0; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
  1483. -webkit-transition: all .3s ease; transition: all .3s ease;
  1484. -webkit-border-radius: 3px; border-radius: 3px; }
  1485. .flexslider:hover .flex-next,
  1486. .flexslider:hover .flex-prev { opacity: 0.8; }
  1487. .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
  1488. .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }
  1489.  
  1490. /* direction nav arrows */
  1491. .flex-direction-nav a:before { font-family: FontAwesome; font-size: 20px; line-height: 24px; position: absolute; text-align: center; left: 0; right: 0; top: 9px; text-indent: 0; }
  1492. .flex-direction-nav .flex-next:before { content:"\f054"; }
  1493. .flex-direction-nav .flex-prev:before { content: "\f053"; }
  1494.  
  1495. /* control nav */
  1496. .flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; }
  1497. .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
  1498. .flex-control-nav li a { background: rgba(0,0,0,0.15); width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
  1499. -webkit-border-radius: 100%; border-radius: 100%; }
  1500. .flex-control-nav li a:hover { background: rgba(0,0,0,0.15); }
  1501. .flex-control-nav li a.flex-active { background: rgba(0,0,0,0.25); cursor: default; }
  1502.  
  1503. .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
  1504. .flex-control-thumbs li { width: 25%; float: left; margin: 0; }
  1505. .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
  1506. .flex-control-thumbs img:hover { opacity: 1; }
  1507. .flex-control-thumbs .flex-active { opacity: 1; cursor: default; }
  1508.  
  1509. @media screen and (max-width: 860px) {
  1510.   .flex-direction-nav .flex-prev { opacity: .7; right: 0; }
  1511.   .flex-direction-nav .flex-next { opacity: .7; right: 0; }
  1512. }
  1513.  
  1514. /* ------------------------------------------------------------------------- *
  1515.  *  Shortcodes
  1516. /* ------------------------------------------------------------------------- */
  1517.  
  1518. /*  shortcode : dropcap
  1519. /* ------------------------------------ */
  1520. .dropcap { color: #444; display: block; float: left; font-size: 70px; line-height: 0.9em; font-weight: bold; margin: 0 10px 0 0; }
  1521.  
  1522. /*  shortcode : pullquotes
  1523. /* ------------------------------------ */
  1524. .pullquote-left,
  1525. .pullquote-right { color: #444; font-weight: bold; width: 40%; }
  1526. .pullquote-left { border-left: 4px solid #e5e5e5; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; }
  1527. .pullquote-right { border-right: 4px solid #e5e5e5; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; }
  1528.  
  1529. /*  shortcode : highlights
  1530. /* ------------------------------------ */
  1531. .highlight { color: #222; border-bottom: 1px dotted #222; }
  1532.  
  1533. /*  shortcode : hr
  1534. /* ------------------------------------ */
  1535. hr, .hr { border: 0; background: #e5e5e5; border-bottom: 1px solid #fbfbfb; height: 2px; margin: 30px 0; }
  1536.  
  1537.  
  1538. /* ------------------------------------------------------------------------- *
  1539.  *  Retina Images
  1540. /* ------------------------------------------------------------------------- */
  1541. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  1542.     .more-link-custom { background-size: 24px 13px; background-image: url(img/pattern@2x.png); }
  1543. }
  1544.  
  1545. /* ------------------------------------------------------------------------- *
  1546.  *  IE Fixes
  1547. /* ------------------------------------------------------------------------- */
  1548. .ie8 .author-bio .bio-avatar:after,
  1549. .ie8 .commentlist li.bypostauthor > .comment-body:after { display: none; }
  1550.  
  1551. .ie8 .nav li > a:after { content: ""!important; }
  1552. .ie8 .nav > li > a:after { content: ""!important; }
  1553. .ie8 #nav-topbar .nav > li > a:hover,
  1554. .ie8 #nav-topbar .nav > li:hover > a,
  1555. .ie8 .toggle-search:hover,
  1556. .ie8 .toggle-search.active,
  1557. .ie8 .search-expand-inner { background: url(img/ie/opacity-15.png); }
  1558. .ie8 .thumb-icon,
  1559. .ie8 .image-caption,
  1560. .ie8 .page-image-text .description i,
  1561. .ie8 .flex-direction-nav a { background: url(img/ie/opacity-70.png); }
  1562. .ie8 .entry .gallery .gallery-caption { background: url(img/ie/opacity-80-light.png); }
  1563.  
  1564. .ie8 .hex.hex-small { height: 32px; line-height: 32px; }
  1565. .ie8 .post-deco .hex { top: -12px; }
  1566.  
  1567. /* ------------------------------------------------------------------------- *
  1568.  *  Dynamic files
  1569. /* ------------------------------------------------------------------------- */
  1570. a,
  1571. .themeform label .required,
  1572. .post-title a:hover,
  1573. .post-meta a:hover,
  1574. .author-bio .bio-name a:hover,
  1575. .post-nav li a:hover span,
  1576. .post-nav li a:hover i,
  1577. .widget_rss ul li a,
  1578. .widget_calendar a,
  1579. .alx-tab .tab-item-category a,
  1580. .alx-posts .post-item-category a,
  1581. .alx-tab li:hover .tab-item-title a,
  1582. .alx-tab li:hover .tab-item-comment a,
  1583. .alx-posts li:hover .post-item-title a,
  1584. #footer .widget_rss ul li a,
  1585. #footer .widget_calendar a,
  1586. #footer .alx-tab .tab-item-category a,
  1587. #footer .alx-posts .post-item-category a,
  1588. .comment-tabs li.active a,
  1589. .comment-awaiting-moderation,
  1590. .child-menu a:hover,
  1591. .child-menu .current_page_item > a,
  1592. .wp-pagenavi a { color: #357ebd; }
  1593.  
  1594. .themeform input[type="submit"],
  1595. .themeform button[type="submit"],
  1596. .s1 .sidebar-toggle,
  1597. .more-link,
  1598. .post-tags a:hover,
  1599. .author-bio .bio-avatar:after,
  1600. .widget_calendar caption,
  1601. .commentlist li.bypostauthor > .comment-body:after,
  1602. .commentlist li.comment-author-admin > .comment-body:after { background-color: #357ebd; }
  1603.  
  1604. .alx-tabs-nav li.active a,
  1605. .wp-pagenavi a:hover,
  1606. .wp-pagenavi a:active,
  1607. .wp-pagenavi span.current { border-bottom-color: #357ebd !important; }
  1608.  
  1609. .themeform input[type="text"]:focus,
  1610. .themeform input[type="password"]:focus,
  1611. .themeform input[type="email"]:focus,
  1612. .themeform textarea:focus,
  1613. .comment-tabs li.active a { border-color: #357ebd; }
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!