Guest User

Untitled

a guest
Apr 14th, 2015
472
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 93.83 KB | None | 0 0
  1. /*
  2. Theme Name: Codium Now
  3. Description: Codium Now is a WordPress theme with a thumbnail display on the home page and a fixed menu on top. The theme is fully responsive so it fits well on mobile. The theme also includes the option of Custom Header which is also responsive. The background is very easily changeable so if you do not like white you can choose your color or an image for you. The theme is designed to be effective for SEO. You can add widget on footer and sidebar. For best results do not forget to rebuild your thumbnails with a plugin like "rebuild thumbnails". Le thème est aussi disponible en français.
  4. Author: Henri Labarre
  5. Theme URI: http://codiumnow.emploinow.fr/
  6. Author URI: https://twitter.com/henrilabarre
  7. Version: 1.0.6
  8. Tags: custom-colors, fixed-layout, custom-background, custom-header, threaded-comments, sticky-post, light, white, custom-background, translation-ready,custom-menu, editor-style, featured-images, responsive-layout, microformats
  9. Codium Now, Copyright (C) 2014 henri Labarre
  10. Codium Now is licensed under the GPL.
  11. License: GNU General Public License v2.0
  12. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  13. */
  14.  
  15. *{margin:0; padding:0}
  16. body{font:62.5% Helvetica,Verdana,Arial,Sans-Serif; color:#444;background:#FFF;}
  17. blockquote{border-left:0.4em solid #eee; margin:0 0 1em 1.5em; padding:0 0 0 1em}
  18.  
  19. .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:4px;}
  20.  
  21. /* Links */
  22. a img, :link img, :visited img{border:0; outline:none; text-decoration:none}
  23. a{color:#444; text-decoration:none; outline:none;cursor: pointer;}
  24. a:hover{background:#f3f3f3; color:#0299FF; text-decoration:none; outline:0}
  25.  
  26. /*google font*/
  27. @font-face {
  28. font-family: 'roboto_condensed_light';
  29. src: url('font/roboto_condensed/RobotoCondensed-Light.ttf') format('truetype');
  30. font-weight: normal;
  31. font-style: normal;
  32.  
  33. }
  34. @font-face {
  35. font-family: 'roboto_condensed';
  36. src: url('font/roboto_condensed/RobotoCondensed-Regular.ttf') format('truetype');
  37. font-weight: normal;
  38. font-style: normal;
  39.  
  40. }
  41. @font-face {
  42. font-family: 'cm-fonts';
  43. src: url('font/cm-fonts.eot?11266356');
  44. src: url('font/cm-fonts.eot?11266356#iefix') format('embedded-opentype'),
  45. url('font/cm-fonts.woff?11266356') format('woff'),
  46. url('font/cm-fonts.ttf?11266356') format('truetype'),
  47. url('font/cm-fonts.svg?11266356#cm-fonts') format('svg');
  48. font-weight: normal;
  49. font-style: normal;
  50. }
  51.  
  52. /* FONT AWESOME CORE
  53. * -------------------------- */
  54. [class^="icon-"],
  55. [class*=" icon-"] {
  56. font-family: cm-fonts;
  57. font-weight: normal;
  58. font-style: normal;
  59. text-decoration: inherit;
  60. -webkit-font-smoothing: antialiased;
  61. *margin-right: .3em;
  62. }
  63. [class^="icon-"]:before,
  64. [class*=" icon-"]:before {
  65. text-decoration: inherit;
  66. display: inline;
  67. cursor: hand; cursor: pointer;
  68. speak: none;
  69. margin:0;
  70. }
  71. /* makes the font 33% larger relative to the icon container */
  72. .icon-large:before {
  73. vertical-align: -10%;
  74. font-size: 1.3333333333333333em;
  75. }
  76. /* makes sure icons active on rollover in links */
  77. a [class^="icon-"],
  78. a [class*=" icon-"] {
  79. /* display: inline;*/
  80. }
  81. /* increased font size for icon-large */
  82. [class^="icon-"].icon-fixed-width,
  83. [class*=" icon-"].icon-fixed-width {
  84. display: inline-block;
  85. width: 1.1428571428571428em;
  86. text-align: right;
  87. padding-right: 0.2857142857142857em;
  88. }
  89. [class^="icon-"].icon-fixed-width.icon-large,
  90. [class*=" icon-"].icon-fixed-width.icon-large {
  91. width: 1.4285714285714286em;
  92. }
  93. .icons-ul {
  94. margin-left: 2.142857142857143em;
  95. list-style-type: none;
  96. }
  97. .icons-ul > li {
  98. position: relative;
  99. }
  100. .icons-ul .icon-li {
  101. position: absolute;
  102. left: -2.142857142857143em;
  103. width: 2.142857142857143em;
  104. text-align: center;
  105. line-height: inherit;
  106. }
  107. [class^="icon-"].hide,
  108. [class*=" icon-"].hide {
  109. display: none;
  110. }
  111. .icon-muted {
  112. color: #eeeeee;
  113. }
  114. .icon-light {
  115. color: #ffffff;
  116. }
  117. .icon-dark {
  118. color: #333333;
  119. }
  120. .icon-border {
  121. border: solid 1px #eeeeee;
  122. padding: .2em .25em .15em;
  123. -webkit-border-radius: 3px;
  124. -moz-border-radius: 3px;
  125. border-radius: 3px;
  126. }
  127. .icon-half {
  128. font-size: 1.2em;
  129. }
  130. .icon-2x {
  131. font-size: 2em;
  132. }
  133. .icon-2x.icon-border {
  134. border-width: 2px;
  135. -webkit-border-radius: 4px;
  136. -moz-border-radius: 4px;
  137. border-radius: 4px;
  138. }
  139. .icon-3x {
  140. font-size: 3em;
  141. }
  142. .icon-3x.icon-border {
  143. border-width: 3px;
  144. -webkit-border-radius: 5px;
  145. -moz-border-radius: 5px;
  146. border-radius: 5px;
  147. }
  148. .icon-4x {
  149. font-size: 4em;
  150. }
  151. .icon-4x.icon-border {
  152. border-width: 4px;
  153. -webkit-border-radius: 6px;
  154. -moz-border-radius: 6px;
  155. border-radius: 6px;
  156. }
  157. .icon-5x {
  158. font-size: 5em;
  159. }
  160. .icon-5x.icon-border {
  161. border-width: 5px;
  162. -webkit-border-radius: 7px;
  163. -moz-border-radius: 7px;
  164. border-radius: 7px;
  165. }
  166. .icon-6x {
  167. font-size: 6em;
  168. }
  169. .icon-6x.icon-border {
  170. border-width: 6px;
  171. -webkit-border-radius: 8px;
  172. -moz-border-radius: 8px;
  173. border-radius: 8px;
  174. }
  175. .icon-7x {
  176. font-size: 7em;
  177. }
  178. .icon-7x.icon-border {
  179. border-width: 7px;
  180. -webkit-border-radius: 9px;
  181. -moz-border-radius: 9px;
  182. border-radius: 9px;
  183. }
  184. .icon-8x {
  185. font-size: 8em;
  186. }
  187. .icon-8x.icon-border {
  188. border-width: 8px;
  189. -webkit-border-radius: 10px;
  190. -moz-border-radius: 10px;
  191. border-radius: 10px;
  192. }
  193. .icon-9x {
  194. font-size: 9em;
  195. }
  196. .icon-9x.icon-border {
  197. border-width: 9px;
  198. -webkit-border-radius: 11px;
  199. -moz-border-radius: 11px;
  200. border-radius: 11px;
  201. }
  202. .pull-right {
  203. float: right;
  204. }
  205. .pull-left {
  206. float: left;
  207. }
  208. [class^="icon-"].pull-left,
  209. [class*=" icon-"].pull-left {
  210. margin-right: .3em;
  211. }
  212. [class^="icon-"].pull-right,
  213. [class*=" icon-"].pull-right {
  214. margin-left: .3em;
  215. }
  216.  
  217. /* Heading */
  218. h1, h2, h3, h4{font-family: roboto_condensed, sans-serif;margin: 0 0 10px 0 !important;}
  219. h1{font-family: roboto_condensed, sans-serif;font-size:2.5em;}
  220. .blogtitle{text-transform: uppercase;font-family: roboto_condensed, sans-serif;font-size:3.5em;margin: 0 0 10px 0px;line-height:55px;font-weight:normal}
  221. h1 a{color:#444;}
  222. h1 a:hover{color:#444;background:transparent;}
  223. h1 a:link{color:#444}
  224. h1 a:visited{color:#444}
  225. h2 a,h3 a, h4 a{color:#000000; font-weight:normal}
  226. h2.entry-title{color:#444; margin:0 0 0 0;font-size:18px;padding-top: 20px;}
  227. h3.entry-title{color:#444; margin:0 0 0 0;font-size:15px;padding-top: 20px;}
  228. h1.single-entry-title,h1.entry-title{font-weight:normal;color:#444; font-family: roboto_condensed;font-size: 35px;line-height: 40px;margin: 0 0 10px 0;}
  229. h2.single-entry-title{font-weight:normal;color:#444; font-family: roboto_condensed;font-size: 25px;line-height: 40px;margin: 0 0 10px 0;}
  230. h2.page-title{font-weight:bold !important; text-align:center; margin:0 0 0.5em 0;font-size:28px;}
  231. h3.widgettitle{color:#FFF; margin:0 0 0 0;font-size:18px;}
  232. h3.widgettitlesidebar{color:#444; margin:0 0 0 0;font-size:17px !important;}
  233. .description{text-transform: uppercase;color:#444;font-family: roboto_condensed;font-size:1em;margin:-20px 0 10px 3px;}
  234. /*.description{color:#444;font-family: 'PT+Sans&subset=latin', Helvetica,Verdana,Arial,Sans-Serif;font-size:1.3em;margin:0.5em 0 0 8px;}*/
  235.  
  236. /* header */
  237. div#header{margin:0 auto; padding:0em 1em 0em 1em; background:transparent;}
  238. div#headertop{margin:0 0 0 0; background-color:transparent}
  239. #logo{margin:-3.5em 0 0 -1em; padding:0.3em 0.7em;}
  240. * html #logo{margin:-2.5em 0 0 -1em; padding:0.3em 0.7em;}
  241. #logo a{background-color:transparent}
  242. #mainlogo{float:left;}
  243. .header{
  244. position: relative;
  245. width: 100%;
  246. z-index: 100;
  247. margin: 0px auto;
  248. border-bottom: 1px solid #e6e6e6;
  249. }
  250.  
  251. .headerimage{
  252. position: relative;
  253. width: 100%;
  254. z-index: 100;
  255. margin: 0px auto;
  256. border-bottom: 1px solid #e6e6e6;
  257. }
  258. /* Navigation */
  259. .main-navigation {
  260. clear: both;
  261. margin: 0 auto;
  262. max-width: 1080px;
  263. min-height: 45px;
  264. position: relative;
  265. }
  266.  
  267. ul.nav-menu,
  268. ul.nav-menu-mobileoff,
  269. div.nav-menu > ul,
  270. div.nav-menu-mobileoff > ul {
  271. margin: 0;
  272. padding: 0 40px 0 0;
  273. }
  274.  
  275. .nav-menu li {
  276. position: relative;
  277. list-style:none;
  278. margin:0;
  279. padding:0;
  280. }
  281.  
  282. .nav-menu-mobileoff li {
  283. display: inline-block;
  284. position: relative;
  285. }
  286.  
  287. .nav-menu li a,.nav-menu-mobileoff li a {
  288. color: #141412;
  289. display: block;
  290. font-size: 13px;
  291. font-family: roboto_condensed, sans-serif;
  292. line-height: 1;
  293. padding: 15px 15px;
  294. text-decoration: none;
  295. text-transform: uppercase;
  296. }
  297.  
  298. .nav-menu li:hover > a,
  299. .nav-menu li a:hover,
  300. .nav-menu li:focus > a,
  301. .nav-menu li a:focus,
  302. .nav-menu-mobileoff li:hover > a,
  303. .nav-menu-mobileoff li a:hover,
  304. .nav-menu-mobileoff li:focus > a,
  305. .nav-menu-mobileoff li a:focus{
  306. color: #2491CF;
  307. background-color: transparent;
  308.  
  309. }
  310.  
  311. .nav-menu .sub-menu,
  312. .nav-menu .children,
  313. .nav-menu-mobileoff .sub-menu,
  314. .nav-menu-mobileoff .children {
  315. background-color: #220e10;
  316. border: 2px solid #f7f5e7;
  317. border-top: 0;
  318. padding: 0;
  319. position: absolute;
  320. left: -2px;
  321. z-index: 99999;
  322. height: 1px;
  323. width: 1px;
  324. overflow: hidden;
  325. clip: rect(1px, 1px, 1px, 1px);
  326. }
  327.  
  328. .nav-menu .sub-menu ul,
  329. .nav-menu .children ul,
  330. .nav-menu-mobileoff .sub-menu ul,
  331. .nav-menu-mobileoff .children ul{
  332. border-left: 0;
  333. left: 100%;
  334. top: 0;
  335. }
  336.  
  337. ul.nav-menu ul a,
  338. .nav-menu ul ul a,
  339. ul.nav-menu-mobileoff ul a,
  340. .nav-menu-mobileoff ul ul a{
  341. color: #fff;
  342. margin: 0;
  343. width: 200px;
  344. }
  345.  
  346. ul.nav-menu ul a:hover,
  347. .nav-menu ul ul a:hover,
  348. ul.nav-menu ul a:focus,
  349. .nav-menu ul ul a:focus,
  350. ul.nav-menu-mobileoff ul a:hover,
  351. .nav-menu-mobileoff ul ul a:hover,
  352. ul.nav-menu-mobileoff ul a:focus,
  353. .nav-menu-mobileoff ul ul a:focus{
  354. background-color: #444;
  355. }
  356.  
  357. ul.nav-menu li:hover > ul,
  358. .nav-menu ul li:hover > ul,
  359. ul.nav-menu .focus > ul,
  360. .nav-menu .focus > ul,
  361. ul.nav-menu-mobileoff li:hover > ul,
  362. .nav-menu-mobileoff ul li:hover > ul,
  363. ul.nav-menu-mobileoff .focus > ul,
  364. .nav-menu-mobileoff .focus > ul{
  365. clip: inherit;
  366. overflow: inherit;
  367. height: inherit;
  368. width: inherit;
  369. }
  370.  
  371. .nav-menu .current_page_item > a,
  372. .nav-menu .current_page_ancestor > a,
  373. .nav-menu .current-menu-item > a,
  374. .nav-menu .current-menu-ancestor > a,
  375. .nav-menu-mobileoff .current_page_item > a,
  376. .nav-menu-mobileoff .current_page_ancestor > a,
  377. .nav-menu-mobileoff .current-menu-item > a,
  378. .nav-menu-mobileoff .current-menu-ancestor > a{
  379. color: #2491CF;
  380. font-style: italic;
  381. }
  382.  
  383. /* Primary Navigation */
  384.  
  385. .primary-navigation {
  386. -webkit-box-sizing: border-box;
  387. -moz-box-sizing: border-box;
  388. box-sizing: border-box;
  389. font-size: 14px;
  390. padding-top: 0px;
  391.  
  392. }
  393.  
  394. .primary-navigation .nav-menu {
  395. border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  396. display: none;
  397. background: rgba(255, 255, 255, 0.2);
  398. padding: 12px;
  399. float: left;
  400. }
  401.  
  402. .primary-navigation a {
  403. padding: 7px 0;
  404. }
  405.  
  406. .primary-navigation-mobileoff {
  407. -webkit-box-sizing: border-box;
  408. -moz-box-sizing: border-box;
  409. box-sizing: border-box;
  410. font-size: 14px;
  411. padding-top: 0px;
  412.  
  413. }
  414.  
  415. .primary-navigation-mobileoff .nav-menu-mobileoff {
  416. border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  417. display: block;
  418. background: rgba(255, 255, 255, 0.2);
  419. padding: 12px;
  420. float: right;
  421. }
  422.  
  423. .primary-navigation-mobileoff a {
  424. padding: 7px 0;
  425. }
  426.  
  427.  
  428. .primary-navigation.toggled-on {
  429. padding: 0px 0;
  430. }
  431.  
  432. .primary-navigation.toggled-on .nav-menu {
  433. display: block;
  434. }
  435.  
  436. /*menu*/
  437. .menu-toggle {
  438. background-color: transparent;
  439. border-radius: 0;
  440. border: 0 !important;
  441. cursor: pointer;
  442. font-size: 0;
  443. height: 48px;
  444. margin: 0;
  445. overflow: hidden;
  446. padding: 0;
  447. position: absolute;
  448. top: 0;
  449. right: 0px;
  450. text-align: center;
  451. width: 48px;
  452. }
  453.  
  454. .menu-toggle:before {
  455. color: #444;
  456. content: "\e85a";
  457. display: inline;
  458. margin-top: 0;
  459. }
  460.  
  461. .menu-toggle:before {
  462. -webkit-font-smoothing: antialiased;
  463. display: inline-block;
  464. font: normal 16px/1 cm-fonts;
  465. text-decoration: inherit;
  466. vertical-align: text-bottom;
  467. }
  468.  
  469. .menu-toggle:active,
  470. .menu-toggle:hover {
  471. background-color: #eee;
  472. }
  473.  
  474. /*search*/
  475. .search-field {
  476. width: 100%;
  477. }
  478.  
  479. .search-submit {
  480. display: none;
  481. }
  482.  
  483. .search-toggle {
  484. background-color: transparent;
  485. cursor: pointer;
  486. float: right;
  487. height: 48px;
  488. margin-right: 36px;
  489. text-align: center;
  490. width: 48px;
  491. }
  492.  
  493. .search-toggle:hover,
  494. .search-toggle.active {
  495. background-color: #f4f4f4;
  496. }
  497.  
  498. .search-toggle:before {
  499. color: #444;
  500. content: "\e89e";
  501. font-size: 20px;
  502. margin-top: 14px;
  503. }
  504.  
  505. .search-toggle .screen-reader-text {
  506. left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
  507. }
  508.  
  509. .search-box-wrapper {
  510. -webkit-box-sizing: border-box;
  511. -moz-box-sizing: border-box;
  512. box-sizing: border-box;
  513. position: absolute;
  514. top: 48px;
  515. right: 1px;
  516. width: 100%;
  517. z-index: 2;
  518. }
  519.  
  520. .search-box {
  521. background-color: #f4f4f4;
  522. padding: 20px;
  523. width: 300px;
  524. float:right;
  525. margin-right: 0px;
  526.  
  527. }
  528.  
  529. .search-box-404 {
  530. background-color: #f4f4f4;
  531. padding: 10px;
  532. width: 100%;
  533. float:left;
  534. margin-right: 0px;
  535.  
  536. }
  537.  
  538. .search-box .search-field {
  539. background-color: #fff;
  540. border: 0;
  541. float: right;
  542. font-size: 16px;
  543. padding: 2px 2px 3px 6px;
  544. width: 100%;
  545. }
  546.  
  547.  
  548. /* Layout */
  549. #wrapperpub{width:100%; background-color:#FFFFFF; text-align:left;}
  550. #wrapper{margin: 25px auto;background-color:transparent; position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
  551. #wrappertop{margin:0 auto; padding:0 0 0 0; background-color:transparent; position:relative; text-align:left}
  552. #wrapperfooter{margin: 25px auto;background-color:transparent; position:relative; text-align:left;-moz-border-radius-bottomleft:6px;border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;border-bottom-right-radius:6px;}
  553. #container{}
  554. #containerlarge{}
  555. #content{background-color:#FFF; padding: 10px 0;}
  556.  
  557. #footer{background:#222 !important; width:100%;color:#FFF;padding: 5px 0;}
  558. #footer h3{font-size:18px; line-height:1.5em;}
  559. #footer a,#footerlink a{color:#FFF; text-decoration:none; outline:none}
  560. #footer a:hover,#footerlink a:hover{background:transparent; color:#FFF; text-decoration:none; outline:0}
  561. #footer p,#footerlink p{color:#FFF;}
  562. #footerlink{color:#FFF;margin-bottom:2em; padding:1em 0 0em 0; clear:both; text-align:left; font-size:1.3em; line-height:1em;}
  563. .footermenu{font-family: roboto_condensed;font-size: 12px;line-height: 25px;}
  564.  
  565. /* sidebar */
  566. div.sidebar{overflow:hidden; background-color:transparent}
  567. .sidebar h3{font-size:1.5em; font-weight:normal; letter-spacing:-0.03em}
  568.  
  569. .sidebar ul{list-style:none; margin:0; padding:0}
  570. #primary img{margin-left:1px;max-width: 100%;height: auto; }
  571. #primary ul ul li{margin:0 0 5px 0px}
  572. #primary ul {margin:0}
  573.  
  574.  
  575. /* Misc */
  576. .clear{clear:both}
  577.  
  578. /* Post area */
  579. .hentry{font-weight:normal; margin-bottom:2em}
  580. .entry-content,.entrycontent{font-family: roboto_condensed_light;font-size: 15px;line-height: 25px;}
  581. .entry-content p{margin:0 0 0.2em 0}
  582. * html .entry-content p{margin:0em 0}
  583. .entry-content ol{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
  584. .entry-content ol li{margin:0 0 0.2em}
  585. .entry-content ul{margin:0 0 0.5em 2em; padding:0em 1em 1em 0em;}
  586. .entry-content ul li{margin:0 0 0.2em 1em}
  587. .entry-content pre {
  588. border: 1px solid rgba(0, 0, 0, 0.1);
  589. margin-bottom: 24px;
  590. max-width: 100%;
  591. overflow: auto;
  592. padding: 12px;
  593. white-space: pre;
  594. white-space: pre-wrap;
  595. word-wrap: break-word;
  596. }
  597. .entry-content a{color:#444;}
  598. .entry-content a:visited{color:#444;}
  599. .entry-content a:hover{color:#444;background:#f3f3f3;}
  600. .postlink a{color:#2491CF !important;}
  601.  
  602. .alignleft{float:left}
  603. .alignright{float:right}
  604. .center{text-align:center;margin:0 0 1.5em 0}
  605. .entry-meta{color:#bbb; font-size:1em; line-height:1.5em; background-color:#FFF;background-color: rgba(255, 255, 255, 0.5);margin:3px 0px 3px 0px;padding: 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  606. .entry-meta .tag-links a{color:#444; background:#f3f3f3}
  607. .entry-meta .tag-links a:hover{color:#f3f3f3; background:#444}
  608. .sticky{background-color:transparent}
  609. .sticky h1,.sticky h2 a{color:#2491CF !important;}
  610.  
  611. .infocontainer{padding:60px; margin: 0 0 25px 0 !important; background-color:#FFF;border:0px solid #dedede; overflow: hidden}
  612. .justif{margin: 0 0 25px -60px !important;background-color:#FFF;}
  613. .posthome{height:450px;}
  614. .sectiontitle{font-family: roboto_condensed,sans-serif;margin: 0 0 10px 0 !important;color:#bbb; margin:0 0 0 0;font-size:24px;padding: 20px;}
  615.  
  616. /*icon above post*/
  617. .infocontainer .post-formats {float:right;position:relative; z-index:10; top:-40px; right:-45px; color: #eee; padding:0px;}
  618.  
  619. /* Page navigation */
  620. .navigation{margin:0 0 2em; height:1em; width:auto}
  621. .navigation a{color:#777}
  622. .navigation a:hover{text-decoration:none}
  623. .nav-next{float:right}
  624. .nav-previous{float:left}
  625. .navigation_mobile{display:none}
  626.  
  627. /* Comment */
  628. .comments-area {
  629. margin: 48px auto;
  630. padding: 0 10px;
  631. }
  632.  
  633. .comment-reply-title,
  634. .comments-title {
  635. font-family: roboto_condensed,sans-serif;
  636. margin: 0;
  637. line-height: 1.2;
  638.  
  639. }
  640.  
  641. .comment-list {
  642. list-style: none;
  643. margin: 0 0 48px 0;
  644. }
  645.  
  646. .comment-author {
  647. font-size: 14px;
  648. line-height: 1.7142857142;
  649. }
  650.  
  651. .comment-list .reply,
  652. .comment-metadata {
  653. font-size: 12px;
  654. line-height: 2;
  655. text-transform: uppercase;
  656. }
  657.  
  658. .comment-list .reply {
  659. margin-top: 24px;
  660. }
  661.  
  662. .comment-author .fn {
  663. font-weight: 900;
  664. }
  665.  
  666. .comment-author a {
  667. color: #2b2b2b;
  668. }
  669.  
  670. .comment-list .trackback a,
  671. .comment-list .pingback a,
  672. .comment-metadata a {
  673. color: #767676;
  674. }
  675.  
  676. .comment-author a:hover,
  677. .comment-list .pingback a:hover,
  678. .comment-list .trackback a:hover,
  679. .comment-metadata a:hover {
  680. color: #41a62a;
  681. }
  682.  
  683. .comment-list article,
  684. .comment-list .pingback,
  685. .comment-list .trackback {
  686. border-top: 1px solid rgba(0, 0, 0, 0.1);
  687. margin-bottom: 24px;
  688. padding-top: 24px;
  689. }
  690.  
  691. .comment-list > li:first-child > article,
  692. .comment-list > .pingback:first-child,
  693. .comment-list > .trackback:first-child {
  694. border-top: 0;
  695. }
  696.  
  697. .comment-author {
  698. position: relative;
  699. }
  700.  
  701. .comment-author .avatar {
  702. border: 1px solid rgba(0, 0, 0, 0.1);
  703. height: 30px;
  704. padding: 2px;
  705. position: absolute;
  706. top: 0;
  707. left: -20px;
  708. width: 30px;
  709. }
  710.  
  711. .bypostauthor > article .fn:before {
  712. margin: 0 2px 0 -2px;
  713. position: relative;
  714. top: -1px;
  715. }
  716.  
  717. .says {
  718. display: none;
  719. }
  720.  
  721. .comment-author,
  722. .comment-awaiting-moderation,
  723. .comment-content,
  724. .comment-list .reply,
  725. .comment-metadata {
  726. padding-left: 30px;
  727. }
  728.  
  729. .comment-edit-link {
  730. margin-left: 10px;
  731. }
  732.  
  733. .comment-content {
  734. -webkit-hyphens: auto;
  735. -moz-hyphens: auto;
  736. -ms-hyphens: auto;
  737. hyphens: auto;
  738. word-wrap: break-word;
  739. }
  740.  
  741. .comment-content ul,
  742. .comment-content ol {
  743. margin: 0 0 24px 22px;
  744. }
  745.  
  746. .comment-content li > ul,
  747. .comment-content li > ol {
  748. margin-bottom: 0;
  749. }
  750.  
  751. .comment-content > :last-child {
  752. margin-bottom: 0;
  753. }
  754.  
  755. .comment-list .children {
  756. list-style: none;
  757. margin-left: 15px;
  758. }
  759.  
  760. .comment-respond {
  761. margin-bottom: 24px;
  762. padding: 0;
  763. }
  764.  
  765. .comment .comment-respond {
  766. margin-top: 24px;
  767. }
  768.  
  769. .comment-respond h3 {
  770. margin-top: 0;
  771. margin-bottom: 24px;
  772. }
  773.  
  774. .comment-notes,
  775. .comment-awaiting-moderation,
  776. .logged-in-as,
  777. .no-comments,
  778. .form-allowed-tags,
  779. .form-allowed-tags code {
  780. color: #767676;
  781. }
  782.  
  783. .comment-notes,
  784. .comment-awaiting-moderation,
  785. .logged-in-as {
  786. font-size: 14px;
  787. line-height: 1.7142857142;
  788. }
  789.  
  790. .no-comments {
  791. font-size: 16px;
  792. font-weight: 900;
  793. line-height: 1.5;
  794. margin-top: 24px;
  795. text-transform: uppercase;
  796. }
  797.  
  798. .comment-form label {
  799. display: block;
  800. }
  801.  
  802. .comment-form input[type="text"],
  803. .comment-form input[type="email"],
  804. .comment-form input[type="url"] {
  805. width: 100%;
  806. max-width: 400px;
  807. }
  808.  
  809. .form-allowed-tags,
  810. .form-allowed-tags code {
  811. font-size: 12px;
  812. line-height: 1.5;
  813. }
  814.  
  815. .required {
  816. color: #c0392b;
  817. }
  818.  
  819. .comment-reply-title small a {
  820. color: #2b2b2b;
  821. float: right;
  822. height: 24px;
  823. overflow: hidden;
  824. width: 24px;
  825. }
  826.  
  827. .comment-reply-title small a:hover {
  828. color: #41a62a;
  829. }
  830.  
  831.  
  832. .comment-navigation {
  833. font-size: 12px;
  834. line-height: 2;
  835. margin-bottom: 48px;
  836. text-transform: uppercase;
  837. }
  838.  
  839. .comment-navigation .nav-next,
  840. .comment-navigation .nav-previous {
  841. display: inline-block;
  842. }
  843.  
  844. .comment-navigation .nav-previous a {
  845. margin-right: 10px;
  846. }
  847.  
  848. #comment-nav-above {
  849. margin-top: 36px;
  850. margin-bottom: 0;
  851. }
  852.  
  853.  
  854. /* Error page */
  855. .four04 #content p{font-size:1.2em}
  856. .four04 .sidebar{clear:right; display:block}
  857. .four04 #content{width:590px; text-align:left}
  858.  
  859. /*widget*/
  860. .widget {padding-right: 30px;}
  861. .widgetblock{font-size:1.2em;background: transparent;margin:0 0 0.5em 0;padding:0.5em 0 0 0;}
  862. .widgettitleb{margin: 0 0 0.5em 0; padding:0.5em 0 0.5em 0;color:#FFF;border-bottom:2px solid #2491CF;}
  863. .screen-reader-text{display:none}
  864.  
  865. /* date */
  866. .entry-date{color:#bbb;margin:-1em 0 0.5em 0}
  867.  
  868. .headerads {padding-bottom: 10px;}
  869.  
  870. /*Gallery Shorcode*/
  871. .gallery {
  872. margin:0 auto;
  873. }
  874.  
  875. .gallery-item {
  876. float: left;
  877. margin: 0 4px 4px 0;
  878. overflow: hidden;
  879. position: relative;
  880. }
  881.  
  882. .gallery-columns-1 .gallery-item {
  883. max-width: 100%;
  884. }
  885.  
  886. .gallery-columns-2 .gallery-item {
  887. max-width: 45%;
  888. max-width: -webkit-calc(45% - 4px);
  889. max-width: calc(45% - 4px);
  890. }
  891.  
  892. .gallery-columns-3 .gallery-item {
  893. max-width: 31%;
  894. max-width: -webkit-calc(31% - 4px);
  895. max-width: calc(31% - 4px);
  896. }
  897.  
  898. .gallery-columns-4 .gallery-item {
  899. max-width: 22%;
  900. max-width: -webkit-calc(22% - 4px);
  901. max-width: calc(22% - 4px);
  902. }
  903.  
  904. .gallery-columns-5 .gallery-item {
  905. max-width: 18%;
  906. max-width: -webkit-calc(18% - 4px);
  907. max-width: calc(18% - 4px);
  908. }
  909.  
  910. .gallery-columns-6 .gallery-item {
  911. max-width: 14%;
  912. max-width: -webkit-calc(14% - 4px);
  913. max-width: calc(14% - 4px);
  914. }
  915.  
  916. .gallery-columns-7 .gallery-item {
  917. max-width: 12%;
  918. max-width: -webkit-calc(12% - 4px);
  919. max-width: calc(12% - 4px);
  920. }
  921.  
  922. .gallery-columns-8 .gallery-item {
  923. max-width: 10%;
  924. max-width: -webkit-calc(10% - 4px);
  925. max-width: calc(10% - 4px);
  926. }
  927.  
  928. .gallery-columns-9 .gallery-item {
  929. max-width: 8%;
  930. max-width: -webkit-calc(8% - 4px);
  931. max-width: calc(8% - 4px);
  932. }
  933.  
  934. .gallery-columns-1 .gallery-item:nth-of-type(1n),
  935. .gallery-columns-2 .gallery-item:nth-of-type(2n),
  936. .gallery-columns-3 .gallery-item:nth-of-type(3n),
  937. .gallery-columns-4 .gallery-item:nth-of-type(4n),
  938. .gallery-columns-5 .gallery-item:nth-of-type(5n),
  939. .gallery-columns-6 .gallery-item:nth-of-type(6n),
  940. .gallery-columns-7 .gallery-item:nth-of-type(7n),
  941. .gallery-columns-8 .gallery-item:nth-of-type(8n),
  942. .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  943. margin-right: 0;
  944. }
  945.  
  946. .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  947. .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  948. .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  949. .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
  950. clear: left;
  951. }
  952.  
  953. .gallery-caption {
  954. background-color: rgba(0, 0, 0, 0.7);
  955. -webkit-box-sizing: border-box;
  956. -moz-box-sizing: border-box;
  957. box-sizing: border-box;
  958. color: #fff;
  959. font-size: 12px;
  960. line-height: 1.5;
  961. margin: 0;
  962. max-height: 50%;
  963. opacity: 0;
  964. padding: 6px 8px;
  965. position: absolute;
  966. bottom: 0;
  967. left: 0;
  968. text-align: left;
  969. width: 100%;
  970. }
  971.  
  972. .gallery-caption:before {
  973. content: "";
  974. height: 100%;
  975. min-height: 49px;
  976. position: absolute;
  977. top: 0;
  978. left: 0;
  979. width: 100%;
  980. }
  981.  
  982. .gallery-item:hover .gallery-caption {
  983. opacity: 1;
  984. }
  985.  
  986. .gallery-columns-7 .gallery-caption,
  987. .gallery-columns-8 .gallery-caption,
  988. .gallery-columns-9 .gallery-caption {
  989. display: none;
  990. }
  991.  
  992. /*line break style*/
  993. .linebreak {padding :1em 0 0.5em 0; border-top:3px solid #FFF;}
  994. .linebreaktop {float: right; font-size:0.8em; }
  995.  
  996.  
  997. /*Caption and images*/
  998. #content .wp-caption{background:transparent;line-height:18px;margin-left:auto !important;margin-right:auto !important;margin-bottom:20px;text-align:center;padding:0px;max-width: 100%;}
  999. #content .wp-caption img{margin:10px 10px;max-width: 90%;height: auto;}
  1000. #content .wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px 0;}
  1001. #content .attachment img{max-width: 100%;height: auto; }
  1002. #content .alignleft,#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
  1003. #content .alignright,#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
  1004. #content .aligncenter,#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-top:4px;}
  1005. #content img.alignleft,#content img.alignright,#content img.aligncenter{margin-bottom:12px;max-width: 100%;height: auto; }
  1006. #content img{margin-left:1px;max-width: 100%;height: auto; }
  1007. #content .attachment img {display: block;margin: 0 auto;max-width: 100%;height: auto; }
  1008. iframe, object, embed{max-width: 100%;}
  1009. .thumbnail{
  1010. position:relative;
  1011. }
  1012.  
  1013. .video-container {
  1014. position: relative;
  1015. padding-bottom: 56.25%;
  1016. padding-top: 30px;
  1017. height: 0;
  1018. /* overflow: hidden; */
  1019. }
  1020.  
  1021. .video-container iframe,
  1022. .video-container object,
  1023. .video-container embed {
  1024. position: absolute;
  1025. top: 0;
  1026. left: 0;
  1027. width: 100%;
  1028. height: 100%;
  1029. }
  1030.  
  1031. .effects {
  1032. padding-left: 15px;
  1033. }
  1034. .effects .img {
  1035. position: relative;
  1036. overflow: hidden;
  1037. }
  1038. .effects .img:nth-child(n) {
  1039. margin-right: 5px;
  1040. }
  1041. .effects .img:first-child {
  1042. margin-left: -15px;
  1043. }
  1044. .effects .img:last-child {
  1045. margin-right: 0;
  1046. }
  1047. .effects .img img {
  1048. display: block;
  1049. margin: 0;
  1050. padding: 0;
  1051. max-width: 100%;
  1052. height: auto;
  1053. }
  1054.  
  1055. .overlay {
  1056. display: block;
  1057. position: absolute;
  1058. z-index: 20;
  1059. background: rgba(0, 0, 0, 0.6);
  1060. overflow: hidden;
  1061. transition: all 0.5s;
  1062. }
  1063.  
  1064. a.close-overlay {
  1065. display: block;
  1066. position: absolute;
  1067. top: 0;
  1068. right: 0;
  1069. z-index: 100;
  1070. width: 45px;
  1071. height: 45px;
  1072. font-size: 20px;
  1073. font-weight: 700;
  1074. color: #fff;
  1075. line-height: 45px;
  1076. text-align: center;
  1077. background-color: #000;
  1078. cursor: pointer;
  1079. }
  1080. a.close-overlay.hidden {
  1081. display: none;
  1082. }
  1083.  
  1084. a.expand {
  1085. display: block;
  1086. position: absolute;
  1087. z-index: 100;
  1088. width: 60px;
  1089. height: 60px;
  1090. text-align: center;
  1091. color: #fff;
  1092. line-height: 50px;
  1093.  
  1094. }
  1095. a.expand:after {
  1096. color: #FFF;
  1097. width:100%;
  1098. content:attr(data-icon);
  1099. font-family:cm-fonts;
  1100. line-height:50px;
  1101. font-size: 50px;
  1102. text-align:center;
  1103. vertical-align: middle;
  1104. speak:none;
  1105. content:"\e983";
  1106. background-color: transparent;
  1107. }
  1108.  
  1109. a.expand:hover:after {
  1110. color: #FFF;
  1111. width:100%;
  1112. content:attr(data-icon);
  1113. font-family:cm-fonts;
  1114. line-height:50px;
  1115. font-size: 50px;
  1116. text-align:center;
  1117. vertical-align: middle;
  1118. speak:none;
  1119. content:"\e982";
  1120. background-color: transparent;
  1121. }
  1122.  
  1123. a.expand:hover {
  1124. background-color: transparent;
  1125. }
  1126.  
  1127. #effect-1 .overlay {
  1128. bottom: 0;
  1129. left: 0;
  1130. right: 0;
  1131. width: 100%;
  1132. height: 0;
  1133. }
  1134. #effect-1 .overlay a.expand {
  1135. left: 0;
  1136. right: 0;
  1137. bottom: 50%;
  1138. margin: 0 auto -30px auto;
  1139. }
  1140. #effect-1 .img.hover .overlay {
  1141. height: 100%;
  1142. }
  1143.  
  1144. /*malo*/
  1145. .dp5,.dp10,.dp15,.dp20,.dp25,.dp30,.dp33,.dp40,.dp50,.dp60,.dp70,.dp80,.dp100{float:left;display:inline;margin: 0 0 0.1em 0;text-align: left;}
  1146. .dp5{width:5%;}
  1147. .dp10{width:10%;}
  1148. .dp15{width:15%;}
  1149. .dp20{width:20%;}
  1150. .dp25{width:25%;}
  1151. .dp30{width:30%;}
  1152. .dp33{width:33%;}
  1153. .dp40{width:40%;}
  1154. .dp50{width:50%;}
  1155. .dp60{width:60%;}
  1156. .dp70{width:70%;}
  1157. .dp80{width:80%;}
  1158. .dp100{width:100%;}
  1159. .clear{clear:both;}
  1160. p { padding:0em 1em 1em 0em;color:#111;}
  1161. .dp20 li{margin:0 0 0 1em;}
  1162. .dp30 li{margin:0 0 0 0px;}
  1163.  
  1164. /*input and form*/
  1165. label {
  1166. display: inline-block;
  1167. font-weight: 700;
  1168. padding: 10px 0;
  1169. color:#444;
  1170. }
  1171.  
  1172. legend {
  1173. padding: 2px 5px;
  1174. }
  1175.  
  1176. fieldset {
  1177. border: 1px solid #ccc;
  1178. margin: 0 0 1.5em;
  1179. padding: 1em 2em;
  1180. }
  1181.  
  1182.  
  1183. input[type="text"],input[type="email"], input[type="number"],input[type="tel"],input[type="date"],input[type="url"], select,
  1184. input[type="password"],input[type="search"] {
  1185. background: #f4f4f4;
  1186. border: 0px solid #aaa;
  1187. margin: 0;
  1188. outline: none;
  1189. padding: 6px 8px;
  1190. vertical-align: middle;
  1191. width: 100%;
  1192. font-size: 14px;
  1193. }
  1194.  
  1195. input[type="checkbox"] {
  1196. margin-right: 20px;
  1197. margin-bottom: 10px;
  1198. }
  1199.  
  1200. area,
  1201. textarea {
  1202. background: #f4f4f4;
  1203. border: 1px solid #ccc;
  1204. height: 250px;
  1205. overflow: auto;
  1206. margin: 0;
  1207. outline: none;
  1208. padding: 8px 10px;
  1209. width: 100%;
  1210. font-size: 14px;
  1211. }
  1212.  
  1213. input,
  1214. select {
  1215. cursor: pointer;
  1216. }
  1217.  
  1218. area:focus,
  1219. input:focus,
  1220. textarea:focus {
  1221. background: #eee;
  1222. }
  1223.  
  1224. input[type='text'],
  1225. input[type='password'] {
  1226. cursor: text;
  1227. }
  1228.  
  1229.  
  1230. input[type='reset'],
  1231. input[type='button'],
  1232. input[type='submit'] {
  1233. background-color: #cdc9c9; /* Snow 3 */
  1234. border: 0px solid #aca6a6;
  1235. border-radius: 2px;
  1236. color: #444;
  1237. cursor: pointer;
  1238. display: inline-block;
  1239. font-size: 12px;
  1240. font-weight: 700;
  1241. margin: 0;
  1242. padding: 6px 10px;
  1243. text-decoration: none;
  1244. vertical-align: middle;
  1245. white-space: nowrap;
  1246. }
  1247.  
  1248. input[type='reset']:hover,
  1249. input[type='button']:hover,
  1250. input[type='submit']:hover {
  1251. background-color: #eee;
  1252. border: 0px solid #aca6a6;
  1253. color: #444;
  1254. }
  1255. /*Table*/
  1256. table {border-collapse:collapse;margin:0 0 0.5em 0;font-size:14px;font-family: Courier New;}
  1257. th {font-size:14px;padding:4px 6px;color:#0299FF; font-weight:normal;background:#444;}
  1258. td {padding:4px;border-width:0px;border-style:solid}
  1259.  
  1260. /*definition*/
  1261. dt {clear: both;width: 20%;float: left;padding-right: 5px;font-weight: bold;text-align: left;}
  1262. dd {float: left;width: 78%;margin: 0 0 0.5em 0.25em;padding: 0;}
  1263.  
  1264. /* credits */
  1265. .credits,.credits a{font-size:12px;max-width: 1280px;margin:10px auto; padding:0 0 0 0; text-align:right;color:#eee;background: transparent}
  1266.  
  1267.  
  1268. /*style image*/
  1269. .imgshadow img{-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #BDC3C7 !important}
  1270. .postthumbimg-ds{float:left;}
  1271. .postthumbimg-dsr{float:right;}
  1272.  
  1273. /*rubrique*/
  1274. h3.rubrique,h3.rubriqueplan{font-family: roboto_condensed;font-size: 35px;line-height: 40px;margin: 0 0 10px 0;color:#ffffff; font-weight:normal;font-size:20px;background:#2491CF;background:rgba(36, 145, 207, 0.7);margin:3px 3px 3px 3px;padding: 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  1275. h3.rubrique a{color:#ffffff; font-weight:normal;font-size:20px;background:transparent;margin:3px 3px 3px 3px;padding: 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  1276. h3.rubriquegray{color:#444; font-weight:normal;font-size:20px;background-color:#E9E9E9;margin:3px 3px 3px 3px;padding: 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  1277. h3.rubriquegray:hover{color:#FFFFFF; background:#2491CF;background:rgba(36, 145, 207, 0.7);}
  1278. h3.rubriquegray a{color:#444;background:transparent;}
  1279. h3.rubriquegray a:visited{color:#444;background:transparent;}
  1280. h3.rubriquegray a:hover{color:#FFFFFF; background:transparent;}
  1281. h4.rubriquegray{color:#444; font-weight:normal;font-size:15px;background-color:#E9E9E9;background-color: rgba(255, 255, 255, 0.5);margin:3px 3px 3px 3px;padding: 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  1282. .rubrique{color:#444; font-weight:normal;background-color:#E9E9E9;background:rgba(255, 255, 255, 0.5);margin:3px 3px 3px 3px;padding: 6px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  1283. .rubrique a{color: #2491CF;}
  1284.  
  1285. /*az list*/
  1286. .azlist{float: left;width:15px;font-family:Arial, Helvetica, sans-serif;font-size:1.4em;text-align:center;color: #FFF;line-height:2em;background:#1b97d0;margin:3px 3px 3px 3px;padding: 2px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  1287. h3.insert{background-color:#f1f2f4; width:95%}
  1288.  
  1289. /*list style*/
  1290. .list > ul{margin:0}
  1291. .list.unstyled > ul li{border:none;background:none;list-style-type:none;margin:0 0 .3em;padding:0}
  1292. .list.unstyled > ul li:before{display:none}
  1293. .list.styled > ul{margin:0 0 1em}
  1294. .list.styled > ul li{position:relative;border:none;background:none;list-style-type:none;margin:0 0 .3em;padding:0}
  1295. .list li{position:relative}
  1296. .list li:before{display:inline-block;width:14px;height:14px;content:attr(data-icon);font-family:cm-fonts;line-height:14px;speak:none;margin-right:.3em}
  1297. .list.check-list > ul li:before{content:"\e97e"}
  1298. .list.check2-list > ul li:before{content:"\e8f8"}
  1299. .list.arrow-list > ul li:before{content:"\e87f"}
  1300. .list.arrow2-list > ul li:before{content:"\e9e1"}
  1301. .list.circle-list > ul li:before{content:"\e8fb"}
  1302. .list.plus-list > ul li:before{content:"\e811"}
  1303. .list.minus-list > ul li:before{content:"\e822"}
  1304. .homebutton:before{display:inline-block;width:14px;height:14px;content:attr(data-icon);font-family:cm-fonts;line-height:14px;speak:none;margin-left:-1em;margin-right:.6em;content:"\e98d"}
  1305. .love:before{display:inline-block;width:14px;height:14px;content:attr(data-icon);font-family:cm-fonts;line-height:14px;speak:none;margin-left:.1em;margin-right:.6em;content:"\e8a1"}
  1306. .wordpress:before{display:inline-block;width:14px;height:14px;content:attr(data-icon);font-family:cm-fonts;line-height:14px;speak:none;margin-left:.1em;margin-right:.6em;content:"\eb06"}
  1307.  
  1308. /*navigation*/
  1309. .meta-nav-left:before{display:inline-block;width:14px;height:14px;content:attr(data-icon);font-family:cm-fonts;line-height:14px;speak:none;margin-right:.3em;content:"\e88c"}
  1310. .meta-nav:before,.meta-nav-right:before{display:inline-block;width:14px;height:14px;content:attr(data-icon);font-family:cm-fonts;line-height:14px;speak:none;margin-right:.3em;content:"\e88b"}
  1311. .comments-link:before{display:inline-block;width:14px;height:14px;content:attr(data-icon);font-family:cm-fonts;line-height:14px;speak:none;margin-right:.3em;content:"\e843"}
  1312.  
  1313. /*dropcap*/
  1314. .dropcap{text-align:justify;margin:0}
  1315. .dropcap:first-letter{float:left;font-size:80px;line-height:1;display:block;text-align:center;margin-right:8px;margin-top:-5px;padding:0}
  1316. .dropcap.big:first-letter{color:#222;font-size:8.5em;margin-right:20px}
  1317. .dropcap.bl:first-letter{background:#28a0ff;color:#fff}
  1318. .dropcap.wh:first-letter{background:#fff;color:#000;border:1px solid #eee}
  1319. .dropcap.home:first-letter{margin-top:5px;color:#222;font-size:40px;margin-right:10px}
  1320.  
  1321. /*linebreakheader*/
  1322. .hr {overflow: hidden; margin: 10px 0 30px 0; height: 1px; background: #eee; font-size: 0; line-height: 0;}
  1323. .hrwidget {overflow: hidden; margin: 5px 0 15px 0; height: 1px; background: #eee; font-size: 0; line-height: 0;}
  1324.  
  1325. /*transparentbox*/
  1326. .transparentbox{background-color:#FFF;background-color: rgba(255, 255, 255, 0.3);}
  1327.  
  1328. /*themes*/
  1329. .demobutton{float: left;width:150px; font-size:15px;text-align:center;color:#FFFFFF;line-height:2em;background:#444;margin:3px 3px 3px 3px;padding: 2px 6px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
  1330. .demobutton a{color:#FFFFFF;background:none;}
  1331. .demobutton a:visited{color:#FFFFFF;}
  1332. .demobutton a:hover{background:transparent; color:#0299FF; text-decoration:none; outline:0}
  1333.  
  1334.  
  1335. .fixed {position: fixed;top: 0px;z-index:99999;}
  1336. body.logged-in .fixed{top: 32px;}
  1337.  
  1338. .hide {display:none}
  1339.  
  1340. /*alert*/
  1341. .info-box {
  1342. -moz-border-radius: 4px;
  1343. -webkit-border-radius: 4px;
  1344. border-radius: 4px;
  1345. display: block;
  1346. margin: 20px 0;
  1347. padding: 15px;
  1348. text-align: left;
  1349. }
  1350. .alert {background-color: #faebeb;border: 1px solid #dc7070;color: #212121;}
  1351.  
  1352.  
  1353. .widget-wrapper {
  1354. -webkit-border-radius: 6px;
  1355. -moz-border-radius: 6px;
  1356. background-color: #f9f9f9;
  1357. border: 1px solid #d6d6d6;
  1358. border-radius: 6px;
  1359. font-size: 13px;
  1360. margin: 0 0 20px;
  1361. padding: 20px;
  1362. }
  1363.  
  1364. /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
  1365. readers do not read off random characters that represent icons */
  1366. .icon-goodreads:before { content: '\e821'; } /* '' */
  1367. .icon-wallet:before { content: '\eab7'; } /* '' */
  1368. .icon-music:before { content: '\e89d'; } /* '' */
  1369. .icon-search:before { content: '\e89e'; } /* '' */
  1370. .icon-mail:before { content: '\e89f'; } /* '' */
  1371. .icon-mail-alt:before { content: '\e8a0'; } /* '' */
  1372. .icon-heart:before { content: '\e8a1'; } /* '' */
  1373. .icon-heart-empty:before { content: '\e800'; } /* '' */
  1374. .icon-star:before { content: '\e803'; } /* '' */
  1375. .icon-star-empty:before { content: '\e804'; } /* '' */
  1376. .icon-star-half:before { content: '\e808'; } /* '' */
  1377. .icon-star-half-alt:before { content: '\e812'; } /* '' */
  1378. .icon-user:before { content: '\e813'; } /* '' */
  1379. .icon-users:before { content: '\e818'; } /* '' */
  1380. .icon-male:before { content: '\e819'; } /* '' */
  1381. .icon-female:before { content: '\e81a'; } /* '' */
  1382. .icon-video:before { content: '\e81b'; } /* '' */
  1383. .icon-videocam:before { content: '\e81c'; } /* '' */
  1384. .icon-picture:before { content: '\e81d'; } /* '' */
  1385. .icon-camera:before { content: '\e81e'; } /* '' */
  1386. .icon-camera-alt:before { content: '\e81f'; } /* '' */
  1387. .icon-th-large:before { content: '\e8a2'; } /* '' */
  1388. .icon-th:before { content: '\e8a3'; } /* '' */
  1389. .icon-th-list:before { content: '\e8a4'; } /* '' */
  1390. .icon-ok:before { content: '\e8a5'; } /* '' */
  1391. .icon-ok-circled:before { content: '\e8a6'; } /* '' */
  1392. .icon-ok-circled2:before { content: '\e8a7'; } /* '' */
  1393. .icon-ok-squared:before { content: '\e805'; } /* '' */
  1394. .icon-cancel:before { content: '\e806'; } /* '' */
  1395. .icon-cancel-circled:before { content: '\e807'; } /* '' */
  1396. .icon-cancel-circled2:before { content: '\e809'; } /* '' */
  1397. .icon-plus:before { content: '\e811'; } /* '' */
  1398. .icon-plus-circled:before { content: '\e814'; } /* '' */
  1399. .icon-plus-squared:before { content: '\e820'; } /* '' */
  1400. .icon-plus-squared-alt:before { content: '\eb21'; } /* '' */
  1401. .icon-minus:before { content: '\e822'; } /* '' */
  1402. .icon-minus-circled:before { content: '\e823'; } /* '' */
  1403. .icon-minus-squared:before { content: '\e824'; } /* '' */
  1404. .icon-minus-squared-alt:before { content: '\e825'; } /* '' */
  1405. .icon-help:before { content: '\e827'; } /* '' */
  1406. .icon-help-circled:before { content: '\e8a8'; } /* '' */
  1407. .icon-info-circled:before { content: '\e8a9'; } /* '' */
  1408. .icon-info:before { content: '\e8aa'; } /* '' */
  1409. .icon-home:before { content: '\e8ab'; } /* '' */
  1410. .icon-link:before { content: '\e8ac'; } /* '' */
  1411. .icon-unlink:before { content: '\e80a'; } /* '' */
  1412. .icon-link-ext:before { content: '\e810'; } /* '' */
  1413. .icon-link-ext-alt:before { content: '\e815'; } /* '' */
  1414. .icon-attach:before { content: '\e816'; } /* '' */
  1415. .icon-lock:before { content: '\e817'; } /* '' */
  1416. .icon-lock-open:before { content: '\e828'; } /* '' */
  1417. .icon-lock-open-alt:before { content: '\e829'; } /* '' */
  1418. .icon-pin:before { content: '\e82a'; } /* '' */
  1419. .icon-eye:before { content: '\e82b'; } /* '' */
  1420. .icon-eye-off:before { content: '\e82c'; } /* '' */
  1421. .icon-tag:before { content: '\e82d'; } /* '' */
  1422. .icon-tags:before { content: '\e82e'; } /* '' */
  1423. .icon-bookmark:before { content: '\e82f'; } /* '' */
  1424. .icon-bookmark-empty:before { content: '\e830'; } /* '' */
  1425. .icon-flag:before { content: '\e831'; } /* '' */
  1426. .icon-flag-empty:before { content: '\e832'; } /* '' */
  1427. .icon-flag-checkered:before { content: '\e833'; } /* '' */
  1428. .icon-thumbs-up:before { content: '\e834'; } /* '' */
  1429. .icon-thumbs-down:before { content: '\e835'; } /* '' */
  1430. .icon-thumbs-up-alt:before { content: '\e836'; } /* '' */
  1431. .icon-download-cloud:before { content: '\e801'; } /* '' */
  1432. .icon-upload-cloud:before { content: '\e802'; } /* '' */
  1433. .icon-reply:before { content: '\e80f'; } /* '' */
  1434. .icon-reply-all:before { content: '\e837'; } /* '' */
  1435. .icon-forward:before { content: '\e838'; } /* '' */
  1436. .icon-quote-left:before { content: '\e839'; } /* '' */
  1437. .icon-quote-right:before { content: '\e83a'; } /* '' */
  1438. .icon-code:before { content: '\e83b'; } /* '' */
  1439. .icon-export:before { content: '\e83c'; } /* '' */
  1440. .icon-export-alt:before { content: '\e83d'; } /* '' */
  1441. .icon-pencil:before { content: '\e83e'; } /* '' */
  1442. .icon-pencil-squared:before { content: '\e83f'; } /* '' */
  1443. .icon-edit:before { content: '\e840'; } /* '' */
  1444. .icon-print:before { content: '\e841'; } /* '' */
  1445. .icon-retweet:before { content: '\e842'; } /* '' */
  1446. .icon-gamepad:before { content: '\e80b'; } /* '' */
  1447. .icon-comment:before { content: '\e8ad'; } /* '' */
  1448. .icon-chat:before { content: '\e80e'; } /* '' */
  1449. .icon-comment-empty:before { content: '\e843'; } /* '' */
  1450. .icon-chat-empty:before { content: '\e844'; } /* '' */
  1451. .icon-bell:before { content: '\e845'; } /* '' */
  1452. .icon-bell-alt:before { content: '\e846'; } /* '' */
  1453. .icon-attention-alt:before { content: '\e847'; } /* '' */
  1454. .icon-attention:before { content: '\e848'; } /* '' */
  1455. .icon-attention-circled:before { content: '\e849'; } /* '' */
  1456. .icon-location:before { content: '\e84a'; } /* '' */
  1457. .icon-direction:before { content: '\e84b'; } /* '' */
  1458. .icon-compass:before { content: '\e84c'; } /* '' */
  1459. .icon-trash:before { content: '\e84d'; } /* '' */
  1460. .icon-doc:before { content: '\e84e'; } /* '' */
  1461. .icon-docs:before { content: '\e84f'; } /* '' */
  1462. .icon-doc-text:before { content: '\e850'; } /* '' */
  1463. .icon-doc-inv:before { content: '\e851'; } /* '' */
  1464. .icon-doc-text-inv:before { content: '\e852'; } /* '' */
  1465. .icon-folder:before { content: '\e853'; } /* '' */
  1466. .icon-folder-open:before { content: '\e854'; } /* '' */
  1467. .icon-folder-empty:before { content: '\e8ae'; } /* '' */
  1468. .icon-folder-open-empty:before { content: '\e80d'; } /* '' */
  1469. .icon-box:before { content: '\e855'; } /* '' */
  1470. .icon-rss:before { content: '\e856'; } /* '' */
  1471. .icon-rss-squared:before { content: '\e857'; } /* '' */
  1472. .icon-phone:before { content: '\e858'; } /* '' */
  1473. .icon-phone-squared:before { content: '\e859'; } /* '' */
  1474. .icon-menu:before { content: '\e85a'; } /* '' */
  1475. .icon-cog:before { content: '\e85b'; } /* '' */
  1476. .icon-cog-alt:before { content: '\e85c'; } /* '' */
  1477. .icon-wrench:before { content: '\e85d'; } /* '' */
  1478. .icon-basket:before { content: '\e85e'; } /* '' */
  1479. .icon-calendar:before { content: '\e85f'; } /* '' */
  1480. .icon-calendar-empty:before { content: '\e860'; } /* '' */
  1481. .icon-login:before { content: '\e861'; } /* '' */
  1482. .icon-logout:before { content: '\e862'; } /* '' */
  1483. .icon-mic:before { content: '\e863'; } /* '' */
  1484. .icon-mute:before { content: '\e864'; } /* '' */
  1485. .icon-volume-off:before { content: '\e826'; } /* '' */
  1486. .icon-volume-down:before { content: '\e80c'; } /* '' */
  1487. .icon-volume-up:before { content: '\e865'; } /* '' */
  1488. .icon-headphones:before { content: '\e866'; } /* '' */
  1489. .icon-clock:before { content: '\e867'; } /* '' */
  1490. .icon-lightbulb:before { content: '\e868'; } /* '' */
  1491. .icon-block:before { content: '\e869'; } /* '' */
  1492. .icon-resize-full:before { content: '\e86a'; } /* '' */
  1493. .icon-resize-full-alt:before { content: '\e86b'; } /* '' */
  1494. .icon-resize-small:before { content: '\e86c'; } /* '' */
  1495. .icon-resize-vertical:before { content: '\e86d'; } /* '' */
  1496. .icon-resize-horizontal:before { content: '\e86e'; } /* '' */
  1497. .icon-move:before { content: '\e86f'; } /* '' */
  1498. .icon-zoom-in:before { content: '\e870'; } /* '' */
  1499. .icon-zoom-out:before { content: '\e871'; } /* '' */
  1500. .icon-down-circled2:before { content: '\e872'; } /* '' */
  1501. .icon-up-circled2:before { content: '\e873'; } /* '' */
  1502. .icon-left-circled2:before { content: '\e874'; } /* '' */
  1503. .icon-right-circled2:before { content: '\e875'; } /* '' */
  1504. .icon-down-dir:before { content: '\e876'; } /* '' */
  1505. .icon-up-dir:before { content: '\e877'; } /* '' */
  1506. .icon-left-dir:before { content: '\e878'; } /* '' */
  1507. .icon-right-dir:before { content: '\e879'; } /* '' */
  1508. .icon-down-open:before { content: '\e87a'; } /* '' */
  1509. .icon-left-open:before { content: '\e87b'; } /* '' */
  1510. .icon-right-open:before { content: '\e87c'; } /* '' */
  1511. .icon-up-open:before { content: '\e87d'; } /* '' */
  1512. .icon-angle-left:before { content: '\e87e'; } /* '' */
  1513. .icon-angle-right:before { content: '\e87f'; } /* '' */
  1514. .icon-angle-up:before { content: '\e880'; } /* '' */
  1515. .icon-angle-down:before { content: '\e881'; } /* '' */
  1516. .icon-angle-circled-left:before { content: '\e882'; } /* '' */
  1517. .icon-angle-circled-right:before { content: '\e883'; } /* '' */
  1518. .icon-angle-circled-up:before { content: '\e884'; } /* '' */
  1519. .icon-angle-circled-down:before { content: '\e885'; } /* '' */
  1520. .icon-angle-double-left:before { content: '\e886'; } /* '' */
  1521. .icon-angle-double-right:before { content: '\e887'; } /* '' */
  1522. .icon-angle-double-up:before { content: '\e888'; } /* '' */
  1523. .icon-angle-double-down:before { content: '\e889'; } /* '' */
  1524. .icon-down:before { content: '\e88a'; } /* '' */
  1525. .icon-right:before { content: '\e88c'; } /* '' */
  1526. .icon-left:before { content: '\e88b'; } /* '' */
  1527. .icon-up:before { content: '\e88d'; } /* '' */
  1528. .icon-down-big:before { content: '\e88e'; } /* '' */
  1529. .icon-left-big:before { content: '\e88f'; } /* '' */
  1530. .icon-right-big:before { content: '\e890'; } /* '' */
  1531. .icon-up-big:before { content: '\e891'; } /* '' */
  1532. .icon-right-hand:before { content: '\e892'; } /* '' */
  1533. .icon-left-hand:before { content: '\e893'; } /* '' */
  1534. .icon-up-hand:before { content: '\e894'; } /* '' */
  1535. .icon-down-hand:before { content: '\e895'; } /* '' */
  1536. .icon-left-circled:before { content: '\e896'; } /* '' */
  1537. .icon-right-circled:before { content: '\e897'; } /* '' */
  1538. .icon-up-circled:before { content: '\e898'; } /* '' */
  1539. .icon-down-circled:before { content: '\e899'; } /* '' */
  1540. .icon-cw:before { content: '\e89a'; } /* '' */
  1541. .icon-ccw:before { content: '\e89b'; } /* '' */
  1542. .icon-arrows-cw:before { content: '\e8af'; } /* '' */
  1543. .icon-level-up:before { content: '\e8b0'; } /* '' */
  1544. .icon-level-down:before { content: '\e8b1'; } /* '' */
  1545. .icon-shuffle:before { content: '\e8b2'; } /* '' */
  1546. .icon-exchange:before { content: '\e8b3'; } /* '' */
  1547. .icon-expand:before { content: '\e8b4'; } /* '' */
  1548. .icon-collapse:before { content: '\e8b5'; } /* '' */
  1549. .icon-expand-right:before { content: '\e8b6'; } /* '' */
  1550. .icon-collapse-left:before { content: '\e8b7'; } /* '' */
  1551. .icon-play:before { content: '\e8b8'; } /* '' */
  1552. .icon-play-circled:before { content: '\e8b9'; } /* '' */
  1553. .icon-play-circled2:before { content: '\e8ba'; } /* '' */
  1554. .icon-stop:before { content: '\e8bb'; } /* '' */
  1555. .icon-pause:before { content: '\e8bc'; } /* '' */
  1556. .icon-to-end:before { content: '\e8bd'; } /* '' */
  1557. .icon-to-end-alt:before { content: '\e8be'; } /* '' */
  1558. .icon-to-start:before { content: '\e8bf'; } /* '' */
  1559. .icon-to-start-alt:before { content: '\e8c0'; } /* '' */
  1560. .icon-fast-fw:before { content: '\e8c1'; } /* '' */
  1561. .icon-fast-bw:before { content: '\e8c2'; } /* '' */
  1562. .icon-eject:before { content: '\e8c3'; } /* '' */
  1563. .icon-target:before { content: '\e8c4'; } /* '' */
  1564. .icon-signal:before { content: '\e8c5'; } /* '' */
  1565. .icon-award:before { content: '\e8c6'; } /* '' */
  1566. .icon-desktop:before { content: '\e8c7'; } /* '' */
  1567. .icon-laptop:before { content: '\e8c8'; } /* '' */
  1568. .icon-tablet:before { content: '\e8c9'; } /* '' */
  1569. .icon-mobile:before { content: '\e8ca'; } /* '' */
  1570. .icon-inbox:before { content: '\e8cb'; } /* '' */
  1571. .icon-globe:before { content: '\e8cc'; } /* '' */
  1572. .icon-sun:before { content: '\e8cd'; } /* '' */
  1573. .icon-cloud:before { content: '\e8ce'; } /* '' */
  1574. .icon-flash:before { content: '\e8cf'; } /* '' */
  1575. .icon-moon:before { content: '\e8d0'; } /* '' */
  1576. .icon-umbrella:before { content: '\e8d1'; } /* '' */
  1577. .icon-flight:before { content: '\e8d2'; } /* '' */
  1578. .icon-fighter-jet:before { content: '\e8d3'; } /* '' */
  1579. .icon-leaf:before { content: '\e8d4'; } /* '' */
  1580. .icon-font:before { content: '\e8d5'; } /* '' */
  1581. .icon-bold:before { content: '\e8d6'; } /* '' */
  1582. .icon-italic:before { content: '\e8d7'; } /* '' */
  1583. .icon-text-height:before { content: '\e8d8'; } /* '' */
  1584. .icon-text-width:before { content: '\e8d9'; } /* '' */
  1585. .icon-align-left:before { content: '\e8da'; } /* '' */
  1586. .icon-align-center:before { content: '\e8db'; } /* '' */
  1587. .icon-align-right:before { content: '\e8dc'; } /* '' */
  1588. .icon-align-justify:before { content: '\e8dd'; } /* '' */
  1589. .icon-list:before { content: '\e8de'; } /* '' */
  1590. .icon-indent-left:before { content: '\e8df'; } /* '' */
  1591. .icon-indent-right:before { content: '\e8e0'; } /* '' */
  1592. .icon-list-bullet:before { content: '\e8e1'; } /* '' */
  1593. .icon-list-numbered:before { content: '\e8e2'; } /* '' */
  1594. .icon-strike:before { content: '\e8e3'; } /* '' */
  1595. .icon-underline:before { content: '\e8e4'; } /* '' */
  1596. .icon-superscript:before { content: '\e8e5'; } /* '' */
  1597. .icon-subscript:before { content: '\e8e6'; } /* '' */
  1598. .icon-table:before { content: '\e8e7'; } /* '' */
  1599. .icon-columns:before { content: '\e8e8'; } /* '' */
  1600. .icon-crop:before { content: '\e8e9'; } /* '' */
  1601. .icon-scissors:before { content: '\e8ea'; } /* '' */
  1602. .icon-paste:before { content: '\e8eb'; } /* '' */
  1603. .icon-briefcase:before { content: '\e8ec'; } /* '' */
  1604. .icon-suitcase:before { content: '\e8ed'; } /* '' */
  1605. .icon-ellipsis:before { content: '\e8ee'; } /* '' */
  1606. .icon-ellipsis-vert:before { content: '\e8ef'; } /* '' */
  1607. .icon-off:before { content: '\e8f0'; } /* '' */
  1608. .icon-road:before { content: '\e8f1'; } /* '' */
  1609. .icon-list-alt:before { content: '\e8f2'; } /* '' */
  1610. .icon-qrcode:before { content: '\e8f3'; } /* '' */
  1611. .icon-barcode:before { content: '\e8f4'; } /* '' */
  1612. .icon-book:before { content: '\e8f5'; } /* '' */
  1613. .icon-ajust:before { content: '\e8f6'; } /* '' */
  1614. .icon-tint:before { content: '\e8f7'; } /* '' */
  1615. .icon-check:before { content: '\e8f8'; } /* '' */
  1616. .icon-check-empty:before { content: '\e8f9'; } /* '' */
  1617. .icon-circle:before { content: '\e8fa'; } /* '' */
  1618. .icon-circle-empty:before { content: '\e8fb'; } /* '' */
  1619. .icon-dot-circled:before { content: '\e8fc'; } /* '' */
  1620. .icon-asterisk:before { content: '\e8fd'; } /* '' */
  1621. .icon-gift:before { content: '\e8fe'; } /* '' */
  1622. .icon-fire:before { content: '\e8ff'; } /* '' */
  1623. .icon-magnet:before { content: '\e900'; } /* '' */
  1624. .icon-chart-bar:before { content: '\e901'; } /* '' */
  1625. .icon-ticket:before { content: '\e902'; } /* '' */
  1626. .icon-credit-card:before { content: '\e903'; } /* '' */
  1627. .icon-floppy:before { content: '\e904'; } /* '' */
  1628. .icon-megaphone:before { content: '\e905'; } /* '' */
  1629. .icon-hdd:before { content: '\e906'; } /* '' */
  1630. .icon-key:before { content: '\e907'; } /* '' */
  1631. .icon-fork:before { content: '\e908'; } /* '' */
  1632. .icon-rocket:before { content: '\e909'; } /* '' */
  1633. .icon-bug:before { content: '\e90a'; } /* '' */
  1634. .icon-certificate:before { content: '\e90b'; } /* '' */
  1635. .icon-tasks:before { content: '\e90c'; } /* '' */
  1636. .icon-filter:before { content: '\e90d'; } /* '' */
  1637. .icon-beaker:before { content: '\e90e'; } /* '' */
  1638. .icon-magic:before { content: '\e90f'; } /* '' */
  1639. .icon-truck:before { content: '\e910'; } /* '' */
  1640. .icon-money:before { content: '\e911'; } /* '' */
  1641. .icon-euro:before { content: '\e912'; } /* '' */
  1642. .icon-pound:before { content: '\e913'; } /* '' */
  1643. .icon-dollar:before { content: '\e914'; } /* '' */
  1644. .icon-rupee:before { content: '\e915'; } /* '' */
  1645. .icon-yen:before { content: '\e916'; } /* '' */
  1646. .icon-rouble:before { content: '\e917'; } /* '' */
  1647. .icon-try:before { content: '\e918'; } /* '' */
  1648. .icon-won:before { content: '\e919'; } /* '' */
  1649. .icon-bitcoin:before { content: '\e91a'; } /* '' */
  1650. .icon-sort:before { content: '\e91b'; } /* '' */
  1651. .icon-sort-down:before { content: '\e91c'; } /* '' */
  1652. .icon-sort-up:before { content: '\e91d'; } /* '' */
  1653. .icon-sort-alt-up:before { content: '\e91e'; } /* '' */
  1654. .icon-sort-alt-down:before { content: '\e91f'; } /* '' */
  1655. .icon-sort-name-up:before { content: '\e920'; } /* '' */
  1656. .icon-sort-name-down:before { content: '\e921'; } /* '' */
  1657. .icon-sort-number-up:before { content: '\e922'; } /* '' */
  1658. .icon-sort-number-down:before { content: '\e923'; } /* '' */
  1659. .icon-hammer:before { content: '\e924'; } /* '' */
  1660. .icon-gauge:before { content: '\e925'; } /* '' */
  1661. .icon-sitemap:before { content: '\e926'; } /* '' */
  1662. .icon-spinner:before { content: '\e927'; } /* '' */
  1663. .icon-coffee:before { content: '\e928'; } /* '' */
  1664. .icon-food:before { content: '\e929'; } /* '' */
  1665. .icon-beer:before { content: '\e92a'; } /* '' */
  1666. .icon-user-md:before { content: '\e92b'; } /* '' */
  1667. .icon-stethoscope:before { content: '\e92c'; } /* '' */
  1668. .icon-ambulance:before { content: '\e92d'; } /* '' */
  1669. .icon-medkit:before { content: '\e92e'; } /* '' */
  1670. .icon-h-sigh:before { content: '\e92f'; } /* '' */
  1671. .icon-hospital:before { content: '\e930'; } /* '' */
  1672. .icon-building:before { content: '\e931'; } /* '' */
  1673. .icon-smile:before { content: '\e932'; } /* '' */
  1674. .icon-frown:before { content: '\e933'; } /* '' */
  1675. .icon-meh:before { content: '\e934'; } /* '' */
  1676. .icon-anchor:before { content: '\e935'; } /* '' */
  1677. .icon-terminal:before { content: '\e936'; } /* '' */
  1678. .icon-eraser:before { content: '\e937'; } /* '' */
  1679. .icon-puzzle:before { content: '\e938'; } /* '' */
  1680. .icon-shield:before { content: '\e939'; } /* '' */
  1681. .icon-extinguisher:before { content: '\e93a'; } /* '' */
  1682. .icon-bullseye:before { content: '\e93b'; } /* '' */
  1683. .icon-wheelchair:before { content: '\e93c'; } /* '' */
  1684. .icon-adn:before { content: '\e93d'; } /* '' */
  1685. .icon-android:before { content: '\e93e'; } /* '' */
  1686. .icon-apple:before { content: '\e93f'; } /* '' */
  1687. .icon-bitbucket:before { content: '\e940'; } /* '' */
  1688. .icon-bitbucket-squared:before { content: '\e941'; } /* '' */
  1689. .icon-css3:before { content: '\e942'; } /* '' */
  1690. .icon-dribbble:before { content: '\e943'; } /* '' */
  1691. .icon-dropbox:before { content: '\e944'; } /* '' */
  1692. .icon-facebook:before { content: '\e945'; } /* '' */
  1693. .icon-facebook-squared:before { content: '\e946'; } /* '' */
  1694. .icon-flickr:before { content: '\e947'; } /* '' */
  1695. .icon-foursquare:before { content: '\e948'; } /* '' */
  1696. .icon-github:before { content: '\e949'; } /* '' */
  1697. .icon-github-squared:before { content: '\e94a'; } /* '' */
  1698. .icon-github-circled:before { content: '\e94b'; } /* '' */
  1699. .icon-gittip:before { content: '\e94c'; } /* '' */
  1700. .icon-gplus-squared:before { content: '\e94d'; } /* '' */
  1701. .icon-gplus:before { content: '\e94e'; } /* '' */
  1702. .icon-html5:before { content: '\e94f'; } /* '' */
  1703. .icon-instagramm:before { content: '\e950'; } /* '' */
  1704. .icon-linkedin-squared:before { content: '\e951'; } /* '' */
  1705. .icon-linux:before { content: '\e952'; } /* '' */
  1706. .icon-linkedin:before { content: '\e953'; } /* '' */
  1707. .icon-maxcdn:before { content: '\e954'; } /* '' */
  1708. .icon-pagelines:before { content: '\e955'; } /* '' */
  1709. .icon-pinterest-circled:before { content: '\e956'; } /* '' */
  1710. .icon-pinterest-squared:before { content: '\e957'; } /* '' */
  1711. .icon-renren:before { content: '\e958'; } /* '' */
  1712. .icon-skype:before { content: '\e959'; } /* '' */
  1713. .icon-stackexchange:before { content: '\e95a'; } /* '' */
  1714. .icon-stackoverflow:before { content: '\e95b'; } /* '' */
  1715. .icon-trello:before { content: '\e95c'; } /* '' */
  1716. .icon-tumblr:before { content: '\e95d'; } /* '' */
  1717. .icon-tumblr-squared:before { content: '\e95e'; } /* '' */
  1718. .icon-twitter-squared:before { content: '\e95f'; } /* '' */
  1719. .icon-twitter:before { content: '\e960'; } /* '' */
  1720. .icon-vimeo-squared:before { content: '\e961'; } /* '' */
  1721. .icon-vkontakte:before { content: '\e962'; } /* '' */
  1722. .icon-weibo:before { content: '\e963'; } /* '' */
  1723. .icon-windows:before { content: '\e964'; } /* '' */
  1724. .icon-xing:before { content: '\e965'; } /* '' */
  1725. .icon-xing-squared:before { content: '\e966'; } /* '' */
  1726. .icon-youtube:before { content: '\e967'; } /* '' */
  1727. .icon-youtube-squared:before { content: '\e968'; } /* '' */
  1728. .icon-youtube-play:before { content: '\e969'; } /* '' */
  1729. .icon-blank:before { content: '\e96a'; } /* '' */
  1730. .icon-lemon:before { content: '\e96b'; } /* '' */
  1731. .icon-note:before { content: '\e96c'; } /* '' */
  1732. .icon-note-beamed:before { content: '\e96d'; } /* '' */
  1733. .icon-music-1:before { content: '\e96e'; } /* '' */
  1734. .icon-search-1:before { content: '\e96f'; } /* '' */
  1735. .icon-flashlight:before { content: '\e970'; } /* '' */
  1736. .icon-mail-1:before { content: '\e971'; } /* '' */
  1737. .icon-heart-1:before { content: '\e972'; } /* '' */
  1738. .icon-heart-empty-1:before { content: '\e973'; } /* '' */
  1739. .icon-star-1:before { content: '\e974'; } /* '' */
  1740. .icon-star-empty-1:before { content: '\e975'; } /* '' */
  1741. .icon-user-1:before { content: '\e976'; } /* '' */
  1742. .icon-users-1:before { content: '\e977'; } /* '' */
  1743. .icon-user-add:before { content: '\e978'; } /* '' */
  1744. .icon-video-1:before { content: '\e979'; } /* '' */
  1745. .icon-picture-1:before { content: '\e97a'; } /* '' */
  1746. .icon-camera-1:before { content: '\e97b'; } /* '' */
  1747. .icon-layout:before { content: '\e97c'; } /* '' */
  1748. .icon-menu-1:before { content: '\e97d'; } /* '' */
  1749. .icon-check-1:before { content: '\e97e'; } /* '' */
  1750. .icon-cancel-1:before { content: '\e97f'; } /* '' */
  1751. .icon-cancel-circled-1:before { content: '\e980'; } /* '' */
  1752. .icon-cancel-squared:before { content: '\e981'; } /* '' */
  1753. .icon-plus-1:before { content: '\e982'; } /* '' */
  1754. .icon-plus-circled-1:before { content: '\e983'; } /* '' */
  1755. .icon-plus-squared-1:before { content: '\e984'; } /* '' */
  1756. .icon-minus-1:before { content: '\e985'; } /* '' */
  1757. .icon-minus-circled-1:before { content: '\e986'; } /* '' */
  1758. .icon-minus-squared-1:before { content: '\e987'; } /* '' */
  1759. .icon-help-1:before { content: '\e988'; } /* '' */
  1760. .icon-help-circled-1:before { content: '\e989'; } /* '' */
  1761. .icon-info-1:before { content: '\e98a'; } /* '' */
  1762. .icon-info-circled-1:before { content: '\e98b'; } /* '' */
  1763. .icon-back:before { content: '\e98c'; } /* '' */
  1764. .icon-home-1:before { content: '\e98d'; } /* '' */
  1765. .icon-link-1:before { content: '\e98e'; } /* '' */
  1766. .icon-attach-1:before { content: '\e98f'; } /* '' */
  1767. .icon-glass:before { content: '\e89c'; } /* '' */
  1768. .icon-lock-open-1:before { content: '\e991'; } /* '' */
  1769. .icon-eye-1:before { content: '\e992'; } /* '' */
  1770. .icon-tag-1:before { content: '\e993'; } /* '' */
  1771. .icon-bookmark-1:before { content: '\e994'; } /* '' */
  1772. .icon-bookmarks:before { content: '\e995'; } /* '' */
  1773. .icon-flag-1:before { content: '\e996'; } /* '' */
  1774. .icon-thumbs-up-1:before { content: '\e997'; } /* '' */
  1775. .icon-thumbs-down-1:before { content: '\e998'; } /* '' */
  1776. .icon-download:before { content: '\e999'; } /* '' */
  1777. .icon-upload:before { content: '\e99a'; } /* '' */
  1778. .icon-upload-cloud-1:before { content: '\e99b'; } /* '' */
  1779. .icon-reply-1:before { content: '\e99c'; } /* '' */
  1780. .icon-reply-all-1:before { content: '\e99d'; } /* '' */
  1781. .icon-forward-1:before { content: '\e99e'; } /* '' */
  1782. .icon-quote:before { content: '\e99f'; } /* '' */
  1783. .icon-code-1:before { content: '\e9a0'; } /* '' */
  1784. .icon-export-1:before { content: '\e9a1'; } /* '' */
  1785. .icon-pencil-1:before { content: '\e9a2'; } /* '' */
  1786. .icon-feather:before { content: '\e9a3'; } /* '' */
  1787. .icon-print-1:before { content: '\e9a4'; } /* '' */
  1788. .icon-retweet-1:before { content: '\e9a5'; } /* '' */
  1789. .icon-keyboard:before { content: '\e9a6'; } /* '' */
  1790. .icon-comment-1:before { content: '\e9a7'; } /* '' */
  1791. .icon-chat-1:before { content: '\e9a8'; } /* '' */
  1792. .icon-bell-1:before { content: '\e9a9'; } /* '' */
  1793. .icon-attention-1:before { content: '\e9aa'; } /* '' */
  1794. .icon-alert:before { content: '\e9ab'; } /* '' */
  1795. .icon-vcard:before { content: '\e9ac'; } /* '' */
  1796. .icon-address:before { content: '\e9ad'; } /* '' */
  1797. .icon-location-1:before { content: '\e9ae'; } /* '' */
  1798. .icon-map:before { content: '\e9af'; } /* '' */
  1799. .icon-direction-1:before { content: '\e9b0'; } /* '' */
  1800. .icon-compass-1:before { content: '\e9b1'; } /* '' */
  1801. .icon-cup:before { content: '\e9b2'; } /* '' */
  1802. .icon-trash-1:before { content: '\e9b3'; } /* '' */
  1803. .icon-doc-1:before { content: '\e9b4'; } /* '' */
  1804. .icon-docs-1:before { content: '\e9b5'; } /* '' */
  1805. .icon-doc-landscape:before { content: '\e9b6'; } /* '' */
  1806. .icon-doc-text-1:before { content: '\e9b7'; } /* '' */
  1807. .icon-doc-text-inv-1:before { content: '\e9b8'; } /* '' */
  1808. .icon-newspaper:before { content: '\e9b9'; } /* '' */
  1809. .icon-book-open:before { content: '\e9ba'; } /* '' */
  1810. .icon-book-1:before { content: '\e9bb'; } /* '' */
  1811. .icon-folder-1:before { content: '\e9bc'; } /* '' */
  1812. .icon-archive:before { content: '\e9bd'; } /* '' */
  1813. .icon-box-1:before { content: '\e9be'; } /* '' */
  1814. .icon-rss-1:before { content: '\e9bf'; } /* '' */
  1815. .icon-phone-1:before { content: '\e9c0'; } /* '' */
  1816. .icon-cog-1:before { content: '\e9c1'; } /* '' */
  1817. .icon-tools:before { content: '\e9c2'; } /* '' */
  1818. .icon-share:before { content: '\e9c3'; } /* '' */
  1819. .icon-shareable:before { content: '\e9c4'; } /* '' */
  1820. .icon-basket-1:before { content: '\e9c5'; } /* '' */
  1821. .icon-bag:before { content: '\e9c6'; } /* '' */
  1822. .icon-calendar-1:before { content: '\e9c7'; } /* '' */
  1823. .icon-login-1:before { content: '\e9c8'; } /* '' */
  1824. .icon-logout-1:before { content: '\e9c9'; } /* '' */
  1825. .icon-mic-1:before { content: '\e9ca'; } /* '' */
  1826. .icon-mute-1:before { content: '\e9cb'; } /* '' */
  1827. .icon-sound:before { content: '\e9cc'; } /* '' */
  1828. .icon-volume:before { content: '\e9cd'; } /* '' */
  1829. .icon-clock-1:before { content: '\e9ce'; } /* '' */
  1830. .icon-hourglass:before { content: '\e9cf'; } /* '' */
  1831. .icon-lamp:before { content: '\e9d0'; } /* '' */
  1832. .icon-light-down:before { content: '\e9d1'; } /* '' */
  1833. .icon-light-up:before { content: '\e9d2'; } /* '' */
  1834. .icon-adjust:before { content: '\e9d3'; } /* '' */
  1835. .icon-block-1:before { content: '\e9d4'; } /* '' */
  1836. .icon-resize-full-1:before { content: '\e9d5'; } /* '' */
  1837. .icon-resize-small-1:before { content: '\e9d6'; } /* '' */
  1838. .icon-popup:before { content: '\e9d7'; } /* '' */
  1839. .icon-publish:before { content: '\e9d8'; } /* '' */
  1840. .icon-window:before { content: '\e9d9'; } /* '' */
  1841. .icon-arrow-combo:before { content: '\e9da'; } /* '' */
  1842. .icon-down-circled-1:before { content: '\e9db'; } /* '' */
  1843. .icon-left-circled-1:before { content: '\e9dc'; } /* '' */
  1844. .icon-right-circled-1:before { content: '\e9dd'; } /* '' */
  1845. .icon-up-circled-1:before { content: '\e9de'; } /* '' */
  1846. .icon-down-open-1:before { content: '\e9df'; } /* '' */
  1847. .icon-left-open-1:before { content: '\e9e0'; } /* '' */
  1848. .icon-right-open-1:before { content: '\e9e1'; } /* '' */
  1849. .icon-up-open-1:before { content: '\e9e2'; } /* '' */
  1850. .icon-down-open-mini:before { content: '\e9e3'; } /* '' */
  1851. .icon-left-open-mini:before { content: '\e9e4'; } /* '' */
  1852. .icon-right-open-mini:before { content: '\e9e5'; } /* '' */
  1853. .icon-up-open-mini:before { content: '\e9e6'; } /* '' */
  1854. .icon-down-open-big:before { content: '\e9e7'; } /* '' */
  1855. .icon-left-open-big:before { content: '\e9e8'; } /* '' */
  1856. .icon-right-open-big:before { content: '\e9e9'; } /* '' */
  1857. .icon-up-open-big:before { content: '\e9ea'; } /* '' */
  1858. .icon-down-1:before { content: '\e9eb'; } /* '' */
  1859. .icon-left-1:before { content: '\e9ec'; } /* '' */
  1860. .icon-right-1:before { content: '\e9ed'; } /* '' */
  1861. .icon-up-1:before { content: '\e9ee'; } /* '' */
  1862. .icon-down-dir-1:before { content: '\e9ef'; } /* '' */
  1863. .icon-left-dir-1:before { content: '\e9f0'; } /* '' */
  1864. .icon-right-dir-1:before { content: '\e9f1'; } /* '' */
  1865. .icon-up-dir-1:before { content: '\e9f2'; } /* '' */
  1866. .icon-down-bold:before { content: '\e9f3'; } /* '' */
  1867. .icon-left-bold:before { content: '\e9f4'; } /* '' */
  1868. .icon-right-bold:before { content: '\e9f5'; } /* '' */
  1869. .icon-up-bold:before { content: '\e9f6'; } /* '' */
  1870. .icon-down-thin:before { content: '\e9f7'; } /* '' */
  1871. .icon-left-thin:before { content: '\e9f8'; } /* '' */
  1872. .icon-right-thin:before { content: '\e9f9'; } /* '' */
  1873. .icon-up-thin:before { content: '\e9fa'; } /* '' */
  1874. .icon-ccw-1:before { content: '\e9fb'; } /* '' */
  1875. .icon-cw-1:before { content: '\e9fc'; } /* '' */
  1876. .icon-arrows-ccw:before { content: '\e9fd'; } /* '' */
  1877. .icon-level-down-1:before { content: '\e9fe'; } /* '' */
  1878. .icon-level-up-1:before { content: '\e9ff'; } /* '' */
  1879. .icon-shuffle-1:before { content: '\ea00'; } /* '' */
  1880. .icon-loop:before { content: '\ea01'; } /* '' */
  1881. .icon-switch:before { content: '\ea02'; } /* '' */
  1882. .icon-play-1:before { content: '\ea03'; } /* '' */
  1883. .icon-stop-1:before { content: '\ea04'; } /* '' */
  1884. .icon-pause-1:before { content: '\ea05'; } /* '' */
  1885. .icon-record:before { content: '\ea06'; } /* '' */
  1886. .icon-to-end-1:before { content: '\ea07'; } /* '' */
  1887. .icon-to-start-1:before { content: '\ea08'; } /* '' */
  1888. .icon-fast-forward:before { content: '\ea09'; } /* '' */
  1889. .icon-fast-backward:before { content: '\ea0a'; } /* '' */
  1890. .icon-progress-0:before { content: '\ea0b'; } /* '' */
  1891. .icon-progress-1:before { content: '\ea0c'; } /* '' */
  1892. .icon-progress-2:before { content: '\ea0d'; } /* '' */
  1893. .icon-progress-3:before { content: '\ea0e'; } /* '' */
  1894. .icon-target-1:before { content: '\ea0f'; } /* '' */
  1895. .icon-palette:before { content: '\ea10'; } /* '' */
  1896. .icon-list-1:before { content: '\ea11'; } /* '' */
  1897. .icon-list-add:before { content: '\ea12'; } /* '' */
  1898. .icon-signal-1:before { content: '\ea13'; } /* '' */
  1899. .icon-trophy:before { content: '\ea14'; } /* '' */
  1900. .icon-battery:before { content: '\ea15'; } /* '' */
  1901. .icon-back-in-time:before { content: '\ea16'; } /* '' */
  1902. .icon-monitor:before { content: '\ea17'; } /* '' */
  1903. .icon-mobile-1:before { content: '\ea18'; } /* '' */
  1904. .icon-network:before { content: '\ea19'; } /* '' */
  1905. .icon-cd:before { content: '\ea1a'; } /* '' */
  1906. .icon-inbox-1:before { content: '\ea1b'; } /* '' */
  1907. .icon-install:before { content: '\ea1c'; } /* '' */
  1908. .icon-globe-1:before { content: '\ea1d'; } /* '' */
  1909. .icon-cloud-1:before { content: '\ea1e'; } /* '' */
  1910. .icon-cloud-thunder:before { content: '\ea1f'; } /* '' */
  1911. .icon-flash-1:before { content: '\ea20'; } /* '' */
  1912. .icon-moon-1:before { content: '\ea21'; } /* '' */
  1913. .icon-flight-1:before { content: '\ea22'; } /* '' */
  1914. .icon-paper-plane:before { content: '\ea23'; } /* '' */
  1915. .icon-leaf-1:before { content: '\ea24'; } /* '' */
  1916. .icon-lifebuoy:before { content: '\ea25'; } /* '' */
  1917. .icon-mouse:before { content: '\ea26'; } /* '' */
  1918. .icon-briefcase-1:before { content: '\ea27'; } /* '' */
  1919. .icon-suitcase-1:before { content: '\ea28'; } /* '' */
  1920. .icon-dot:before { content: '\ea29'; } /* '' */
  1921. .icon-dot-2:before { content: '\ea2a'; } /* '' */
  1922. .icon-dot-3:before { content: '\ea2b'; } /* '' */
  1923. .icon-brush:before { content: '\ea2c'; } /* '' */
  1924. .icon-magnet-1:before { content: '\ea2d'; } /* '' */
  1925. .icon-infinity:before { content: '\ea2e'; } /* '' */
  1926. .icon-erase:before { content: '\ea2f'; } /* '' */
  1927. .icon-chart-pie:before { content: '\ea30'; } /* '' */
  1928. .icon-chart-line:before { content: '\ea31'; } /* '' */
  1929. .icon-chart-bar-1:before { content: '\ea32'; } /* '' */
  1930. .icon-chart-area:before { content: '\ea33'; } /* '' */
  1931. .icon-tape:before { content: '\ea34'; } /* '' */
  1932. .icon-graduation-cap:before { content: '\ea35'; } /* '' */
  1933. .icon-language:before { content: '\ea36'; } /* '' */
  1934. .icon-ticket-1:before { content: '\ea37'; } /* '' */
  1935. .icon-water:before { content: '\ea38'; } /* '' */
  1936. .icon-droplet:before { content: '\ea39'; } /* '' */
  1937. .icon-air:before { content: '\ea3a'; } /* '' */
  1938. .icon-credit-card-1:before { content: '\ea3b'; } /* '' */
  1939. .icon-floppy-1:before { content: '\ea3c'; } /* '' */
  1940. .icon-clipboard:before { content: '\ea3d'; } /* '' */
  1941. .icon-megaphone-1:before { content: '\ea3e'; } /* '' */
  1942. .icon-database:before { content: '\ea3f'; } /* '' */
  1943. .icon-drive:before { content: '\ea40'; } /* '' */
  1944. .icon-bucket:before { content: '\ea41'; } /* '' */
  1945. .icon-thermometer:before { content: '\ea42'; } /* '' */
  1946. .icon-key-1:before { content: '\ea43'; } /* '' */
  1947. .icon-flow-cascade:before { content: '\ea44'; } /* '' */
  1948. .icon-flow-branch:before { content: '\ea45'; } /* '' */
  1949. .icon-flow-tree:before { content: '\ea46'; } /* '' */
  1950. .icon-flow-line:before { content: '\ea47'; } /* '' */
  1951. .icon-flow-parallel:before { content: '\ea48'; } /* '' */
  1952. .icon-rocket-1:before { content: '\ea49'; } /* '' */
  1953. .icon-gauge-1:before { content: '\ea4a'; } /* '' */
  1954. .icon-traffic-cone:before { content: '\ea4b'; } /* '' */
  1955. .icon-cc:before { content: '\ea4c'; } /* '' */
  1956. .icon-cc-by:before { content: '\ea4d'; } /* '' */
  1957. .icon-cc-nc:before { content: '\ea4e'; } /* '' */
  1958. .icon-cc-nc-eu:before { content: '\ea4f'; } /* '' */
  1959. .icon-cc-nc-jp:before { content: '\ea50'; } /* '' */
  1960. .icon-cc-sa:before { content: '\ea51'; } /* '' */
  1961. .icon-cc-nd:before { content: '\ea52'; } /* '' */
  1962. .icon-cc-pd:before { content: '\ea53'; } /* '' */
  1963. .icon-cc-zero:before { content: '\ea54'; } /* '' */
  1964. .icon-cc-share:before { content: '\ea55'; } /* '' */
  1965. .icon-cc-remix:before { content: '\ea56'; } /* '' */
  1966. .icon-github-1:before { content: '\ea57'; } /* '' */
  1967. .icon-github-circled-1:before { content: '\ea58'; } /* '' */
  1968. .icon-flickr-1:before { content: '\ea59'; } /* '' */
  1969. .icon-flickr-circled:before { content: '\ea5a'; } /* '' */
  1970. .icon-vimeo:before { content: '\ea5b'; } /* '' */
  1971. .icon-vimeo-circled:before { content: '\ea5c'; } /* '' */
  1972. .icon-twitter-1:before { content: '\ea5d'; } /* '' */
  1973. .icon-twitter-circled:before { content: '\ea5e'; } /* '' */
  1974. .icon-facebook-1:before { content: '\ea5f'; } /* '' */
  1975. .icon-facebook-circled:before { content: '\ea60'; } /* '' */
  1976. .icon-facebook-squared-1:before { content: '\ea61'; } /* '' */
  1977. .icon-gplus-1:before { content: '\ea62'; } /* '' */
  1978. .icon-gplus-circled:before { content: '\ea63'; } /* '' */
  1979. .icon-pinterest:before { content: '\ea64'; } /* '' */
  1980. .icon-pinterest-circled-1:before { content: '\ea65'; } /* '' */
  1981. .icon-tumblr-1:before { content: '\ea66'; } /* '' */
  1982. .icon-tumblr-circled:before { content: '\ea67'; } /* '' */
  1983. .icon-linkedin-1:before { content: '\ea68'; } /* '' */
  1984. .icon-linkedin-circled:before { content: '\ea69'; } /* '' */
  1985. .icon-dribbble-1:before { content: '\ea6a'; } /* '' */
  1986. .icon-dribbble-circled:before { content: '\ea6b'; } /* '' */
  1987. .icon-stumbleupon:before { content: '\ea6c'; } /* '' */
  1988. .icon-stumbleupon-circled:before { content: '\ea6d'; } /* '' */
  1989. .icon-lastfm:before { content: '\ea6e'; } /* '' */
  1990. .icon-lastfm-circled:before { content: '\ea6f'; } /* '' */
  1991. .icon-rdio:before { content: '\ea70'; } /* '' */
  1992. .icon-rdio-circled:before { content: '\ea71'; } /* '' */
  1993. .icon-spotify:before { content: '\ea72'; } /* '' */
  1994. .icon-spotify-circled:before { content: '\ea73'; } /* '' */
  1995. .icon-qq:before { content: '\ea74'; } /* '' */
  1996. .icon-instagram:before { content: '\ea75'; } /* '' */
  1997. .icon-dropbox-1:before { content: '\ea76'; } /* '' */
  1998. .icon-evernote:before { content: '\ea77'; } /* '' */
  1999. .icon-flattr:before { content: '\ea78'; } /* '' */
  2000. .icon-skype-1:before { content: '\ea79'; } /* '' */
  2001. .icon-skype-circled:before { content: '\ea7a'; } /* '' */
  2002. .icon-renren-1:before { content: '\ea7b'; } /* '' */
  2003. .icon-sina-weibo:before { content: '\ea7c'; } /* '' */
  2004. .icon-paypal:before { content: '\ea7d'; } /* '' */
  2005. .icon-picasa:before { content: '\ea7e'; } /* '' */
  2006. .icon-soundcloud:before { content: '\ea7f'; } /* '' */
  2007. .icon-mixi:before { content: '\ea80'; } /* '' */
  2008. .icon-behance:before { content: '\ea81'; } /* '' */
  2009. .icon-google-circles:before { content: '\ea82'; } /* '' */
  2010. .icon-vkontakte-1:before { content: '\ea83'; } /* '' */
  2011. .icon-smashing:before { content: '\ea84'; } /* '' */
  2012. .icon-sweden:before { content: '\ea85'; } /* '' */
  2013. .icon-db-shape:before { content: '\ea86'; } /* '' */
  2014. .icon-logo-db:before { content: '\ea87'; } /* '' */
  2015. .icon-duckduckgo:before { content: '\eab8'; } /* '' */
  2016. .icon-aim:before { content: '\eab9'; } /* '' */
  2017. .icon-delicious:before { content: '\eaba'; } /* '' */
  2018. .icon-paypal-1:before { content: '\eabb'; } /* '' */
  2019. .icon-flattr-1:before { content: '\eabc'; } /* '' */
  2020. .icon-android-1:before { content: '\eabd'; } /* '' */
  2021. .icon-eventful:before { content: '\eabe'; } /* '' */
  2022. .icon-smashmag:before { content: '\eabf'; } /* '' */
  2023. .icon-gplus-2:before { content: '\eac0'; } /* '' */
  2024. .icon-wikipedia:before { content: '\eac1'; } /* '' */
  2025. .icon-lanyrd:before { content: '\eac2'; } /* '' */
  2026. .icon-calendar-3:before { content: '\eac3'; } /* '' */
  2027. .icon-stumbleupon-1:before { content: '\eac4'; } /* '' */
  2028. .icon-fivehundredpx:before { content: '\eac5'; } /* '' */
  2029. .icon-pinterest-1:before { content: '\eac6'; } /* '' */
  2030. .icon-bitcoin-1:before { content: '\eac7'; } /* '' */
  2031. .icon-w3c:before { content: '\eac8'; } /* '' */
  2032. .icon-foursquare-1:before { content: '\eac9'; } /* '' */
  2033. .icon-html5-1:before { content: '\eaca'; } /* '' */
  2034. .icon-ie:before { content: '\eacb'; } /* '' */
  2035. .icon-call:before { content: '\eacc'; } /* '' */
  2036. .icon-grooveshark:before { content: '\eacd'; } /* '' */
  2037. .icon-ninetyninedesigns:before { content: '\eace'; } /* '' */
  2038. .icon-forrst:before { content: '\eacf'; } /* '' */
  2039. .icon-digg:before { content: '\ead0'; } /* '' */
  2040. .icon-spotify-1:before { content: '\ead1'; } /* '' */
  2041. .icon-reddit:before { content: '\ead2'; } /* '' */
  2042. .icon-guest:before { content: '\ead3'; } /* '' */
  2043. .icon-gowalla:before { content: '\ead4'; } /* '' */
  2044. .icon-appstore:before { content: '\ead5'; } /* '' */
  2045. .icon-blogger:before { content: '\ead6'; } /* '' */
  2046. .icon-cc-1:before { content: '\ead7'; } /* '' */
  2047. .icon-dribbble-2:before { content: '\ead8'; } /* '' */
  2048. .icon-evernote-1:before { content: '\ead9'; } /* '' */
  2049. .icon-flickr-2:before { content: '\eada'; } /* '' */
  2050. .icon-google:before { content: '\eadb'; } /* '' */
  2051. .icon-viadeo:before { content: '\eadc'; } /* '' */
  2052. .icon-instapaper:before { content: '\eadd'; } /* '' */
  2053. .icon-weibo-1:before { content: '\eade'; } /* '' */
  2054. .icon-klout:before { content: '\eadf'; } /* '' */
  2055. .icon-linkedin-2:before { content: '\eae0'; } /* '' */
  2056. .icon-meetup:before { content: '\eae1'; } /* '' */
  2057. .icon-vk:before { content: '\eae2'; } /* '' */
  2058. .icon-plancast:before { content: '\eae3'; } /* '' */
  2059. .icon-disqus:before { content: '\eae4'; } /* '' */
  2060. .icon-rss-2:before { content: '\eae5'; } /* '' */
  2061. .icon-skype-2:before { content: '\eae6'; } /* '' */
  2062. .icon-twitter-2:before { content: '\eae7'; } /* '' */
  2063. .icon-youtube-1:before { content: '\eae8'; } /* '' */
  2064. .icon-vimeo-1:before { content: '\eae9'; } /* '' */
  2065. .icon-windows-1:before { content: '\eaea'; } /* '' */
  2066. .icon-xing-1:before { content: '\eaeb'; } /* '' */
  2067. .icon-yahoo:before { content: '\eaec'; } /* '' */
  2068. .icon-chrome:before { content: '\eaed'; } /* '' */
  2069. .icon-email:before { content: '\eaee'; } /* '' */
  2070. .icon-macstore:before { content: '\eaef'; } /* '' */
  2071. .icon-myspace:before { content: '\eaf0'; } /* '' */
  2072. .icon-podcast:before { content: '\eaf1'; } /* '' */
  2073. .icon-amazon:before { content: '\eaf2'; } /* '' */
  2074. .icon-steam:before { content: '\eaf3'; } /* '' */
  2075. .icon-cloudapp:before { content: '\eaf4'; } /* '' */
  2076. .icon-dropbox-2:before { content: '\eaf5'; } /* '' */
  2077. .icon-ebay:before { content: '\eaf6'; } /* '' */
  2078. .icon-facebook-2:before { content: '\eaf7'; } /* '' */
  2079. .icon-github-2:before { content: '\eaf8'; } /* '' */
  2080. .icon-github-circled-2:before { content: '\eaf9'; } /* '' */
  2081. .icon-googleplay:before { content: '\eafa'; } /* '' */
  2082. .icon-itunes:before { content: '\eafb'; } /* '' */
  2083. .icon-plurk:before { content: '\eafc'; } /* '' */
  2084. .icon-songkick:before { content: '\eafd'; } /* '' */
  2085. .icon-lastfm-1:before { content: '\eafe'; } /* '' */
  2086. .icon-gmail:before { content: '\eaff'; } /* '' */
  2087. .icon-pinboard:before { content: '\eb00'; } /* '' */
  2088. .icon-openid:before { content: '\eb01'; } /* '' */
  2089. .icon-quora:before { content: '\eb02'; } /* '' */
  2090. .icon-soundcloud-1:before { content: '\eb03'; } /* '' */
  2091. .icon-tumblr-2:before { content: '\eb04'; } /* '' */
  2092. .icon-eventasaurus:before { content: '\eb05'; } /* '' */
  2093. .icon-wordpress:before { content: '\eb06'; } /* '' */
  2094. .icon-yelp:before { content: '\eb07'; } /* '' */
  2095. .icon-intensedebate:before { content: '\eb08'; } /* '' */
  2096. .icon-eventbrite:before { content: '\eb09'; } /* '' */
  2097. .icon-scribd:before { content: '\eb0a'; } /* '' */
  2098. .icon-posterous:before { content: '\eb0b'; } /* '' */
  2099. .icon-stripe:before { content: '\eb0c'; } /* '' */
  2100. .icon-opentable:before { content: '\eb0d'; } /* '' */
  2101. .icon-cart:before { content: '\eb0e'; } /* '' */
  2102. .icon-print-2:before { content: '\eb0f'; } /* '' */
  2103. .icon-angellist:before { content: '\eb10'; } /* '' */
  2104. .icon-instagram-1:before { content: '\eb11'; } /* '' */
  2105. .icon-dwolla:before { content: '\eb12'; } /* '' */
  2106. .icon-appnet:before { content: '\eb13'; } /* '' */
  2107. .icon-statusnet:before { content: '\eb14'; } /* '' */
  2108. .icon-acrobat:before { content: '\eb15'; } /* '' */
  2109. .icon-drupal:before { content: '\eb16'; } /* '' */
  2110. .icon-buffer:before { content: '\eb17'; } /* '' */
  2111. .icon-pocket:before { content: '\eb18'; } /* '' */
  2112. .icon-bitbucket-1:before { content: '\eb19'; } /* '' */
  2113. .icon-lego:before { content: '\eb1a'; } /* '' */
  2114. .icon-login-2:before { content: '\eb1b'; } /* '' */
  2115. .icon-stackoverflow-1:before { content: '\eb1c'; } /* '' */
  2116. .icon-hackernews:before { content: '\eb1d'; } /* '' */
  2117. .icon-lkdto:before { content: '\eb1e'; } /* '' */
  2118. .icon-deviantart:before { content: '\eb1f'; } /* '' */
  2119. .icon-jabber:before { content: '\eb20'; } /* '' */
  2120. .icon-music-2:before { content: '\ea88'; } /* '' */
  2121. .icon-search-2:before { content: '\ea89'; } /* '' */
  2122. .icon-mail-2:before { content: '\ea8a'; } /* '' */
  2123. .icon-heart-2:before { content: '\ea8b'; } /* '' */
  2124. .icon-star-2:before { content: '\ea8c'; } /* '' */
  2125. .icon-user-2:before { content: '\ea8d'; } /* '' */
  2126. .icon-videocam-1:before { content: '\ea8e'; } /* '' */
  2127. .icon-camera-2:before { content: '\ea8f'; } /* '' */
  2128. .icon-photo:before { content: '\ea90'; } /* '' */
  2129. .icon-attach-2:before { content: '\ea91'; } /* '' */
  2130. .icon-lock-2:before { content: '\ea92'; } /* '' */
  2131. .icon-eye-2:before { content: '\ea93'; } /* '' */
  2132. .icon-tag-2:before { content: '\ea94'; } /* '' */
  2133. .icon-thumbs-up-2:before { content: '\ea95'; } /* '' */
  2134. .icon-pencil-2:before { content: '\ea96'; } /* '' */
  2135. .icon-comment-2:before { content: '\ea97'; } /* '' */
  2136. .icon-location-2:before { content: '\ea98'; } /* '' */
  2137. .icon-cup-1:before { content: '\ea99'; } /* '' */
  2138. .icon-trash-2:before { content: '\ea9a'; } /* '' */
  2139. .icon-doc-2:before { content: '\ea9b'; } /* '' */
  2140. .icon-note-1:before { content: '\ea9c'; } /* '' */
  2141. .icon-cog-2:before { content: '\ea9d'; } /* '' */
  2142. .icon-params:before { content: '\ea9e'; } /* '' */
  2143. .icon-calendar-2:before { content: '\ea9f'; } /* '' */
  2144. .icon-sound-1:before { content: '\eaa0'; } /* '' */
  2145. .icon-clock-2:before { content: '\eaa1'; } /* '' */
  2146. .icon-lightbulb-1:before { content: '\eaa2'; } /* '' */
  2147. .icon-tv:before { content: '\eaa3'; } /* '' */
  2148. .icon-desktop-1:before { content: '\eaa4'; } /* '' */
  2149. .icon-mobile-2:before { content: '\eaa5'; } /* '' */
  2150. .icon-cd-1:before { content: '\eaa6'; } /* '' */
  2151. .icon-inbox-2:before { content: '\eaa7'; } /* '' */
  2152. .icon-globe-2:before { content: '\eaa8'; } /* '' */
  2153. .icon-cloud-2:before { content: '\eaa9'; } /* '' */
  2154. .icon-paper-plane-1:before { content: '\eaaa'; } /* '' */
  2155. .icon-fire-1:before { content: '\eaab'; } /* '' */
  2156. .icon-graduation-cap-1:before { content: '\eaac'; } /* '' */
  2157. .icon-megaphone-2:before { content: '\eaad'; } /* '' */
  2158. .icon-database-1:before { content: '\eaae'; } /* '' */
  2159. .icon-key-2:before { content: '\eaaf'; } /* '' */
  2160. .icon-beaker-1:before { content: '\eab0'; } /* '' */
  2161. .icon-truck-1:before { content: '\eab1'; } /* '' */
  2162. .icon-money-1:before { content: '\eab2'; } /* '' */
  2163. .icon-food-1:before { content: '\eab3'; } /* '' */
  2164. .icon-shop:before { content: '\eab4'; } /* '' */
  2165. .icon-diamond:before { content: '\eab5'; } /* '' */
  2166. .icon-t-shirt:before { content: '\eab6'; } /* '' */
  2167. .icon-lock-1:before { content: '\e990'; } /* '' */
  2168.  
  2169. /*breadcrumbs*/
  2170. .breadcrumbs-one ul{ margin: 0; padding: 0; list-style: none;}
  2171. .breadcrumbs-one ul li{ margin: 0; padding: 0; list-style: none;}
  2172. #breadcrumbs-one{
  2173. /* Clear floats */
  2174. overflow: hidden;
  2175. width: 100%;
  2176. padding-bottom: 20px;
  2177. /*margin-bottom: -20px;*/
  2178. }
  2179.  
  2180. #breadcrumbs-one li{
  2181. float: left;
  2182. }
  2183.  
  2184. #breadcrumbs-one a{
  2185. padding: .2em 1em .2em 1em;
  2186. float: left;
  2187. text-decoration: none;
  2188. color: #444;
  2189. position: relative;
  2190. background: transparent;
  2191. }
  2192.  
  2193. #breadcrumbs-one li:first-child a{
  2194. padding-left: 1em;
  2195. }
  2196.  
  2197. #breadcrumbs-one a:hover{
  2198. background: #fff;
  2199. }
  2200.  
  2201. #breadcrumbs-one a::after,
  2202. #breadcrumbs-one a::before{
  2203. content: "";
  2204. position: absolute;
  2205. top: 50%;
  2206. margin-top: -1.5em;
  2207. right: -1em;
  2208. }
  2209.  
  2210. #breadcrumbs-one a::after{
  2211. z-index: 2;
  2212. }
  2213.  
  2214. #breadcrumbs-one a::before{
  2215. right: -1.1em;
  2216. z-index: 1;
  2217. }
  2218.  
  2219. #breadcrumbs-one a:hover::after{
  2220. }
  2221.  
  2222. #breadcrumbs-one .current,
  2223. #breadcrumbs-one .current:hover{
  2224. font-weight: bold;
  2225. background: none;
  2226. }
  2227.  
  2228. #breadcrumbs-one .current::after,
  2229. #breadcrumbs-one .current::before{
  2230. content: normal;
  2231. }
  2232. .divider {color: #c1c1c1; padding: 0 8px 0 8px;}
  2233.  
  2234. .mobileon{display:none;}
  2235. .mobileoff{display:block;}
  2236.  
  2237.  
  2238. /* #Base 960 Grid
  2239. ================================================== */
  2240.  
  2241. .columns,
  2242. .column {
  2243. -webkit-transition: all 0.2s ease;
  2244. -moz-transition: all 0.2s ease;
  2245. -moz-transition: all 0.2s ease;
  2246. -ms-transition: all 0.2s ease;
  2247. -o-transition: all 0.2s ease;
  2248. transition: all 0.2s ease;
  2249. }
  2250.  
  2251. .container { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
  2252. .container .column,
  2253. .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
  2254. .row { margin-bottom: 20px; }
  2255.  
  2256. /* Nested Column Classes */
  2257. .column.alpha, .columns.alpha { margin-left: 0; }
  2258. .column.omega, .columns.omega { margin-right: 0; }
  2259.  
  2260. /* Base Grid */
  2261.  
  2262. .container .one.column,
  2263. .container .one.columns { width: 55px; }
  2264. .container .two.columns { width: 120px; }
  2265. .container .three.columns { width: 205px; }
  2266. .container .four.columns { width: 280px; }
  2267. .container .five.columns { width: 355px; }
  2268. .container .six.columns { width: 430px; }
  2269. .container .seven.columns { width: 505px; }
  2270. .container .eight.columns { width: 580px; }
  2271. .container .nine.columns { width: 655px; }
  2272. .container .ten.columns { width: 730px; }
  2273. .container .eleven.columns { width: 805px; }
  2274. .container .twelve.columns { width: 880px; }
  2275. .container .thirteen.columns { width: 955px; }
  2276. .container .fourteen.columns { width: 1030px; }
  2277. .container .fifteen.columns { width: 1105px; }
  2278. .container .sixteen.columns { width: 1180px; }
  2279.  
  2280. .container .one-third.column { width: 380px; }
  2281. .container .two-thirds.column { width: 780px; }
  2282.  
  2283. /* Offsets */
  2284. .container .offset-by-one { padding-left: 75px; }
  2285. .container .offset-by-two { padding-left: 140px; }
  2286. .container .offset-by-three { padding-left: 225px; }
  2287. .container .offset-by-four { padding-left: 300px; }
  2288. .container .offset-by-five { padding-left: 375px; }
  2289. .container .offset-by-six { padding-left: 430px; }
  2290. .container .offset-by-seven { padding-left: 525px; }
  2291. .container .offset-by-eight { padding-left: 600px; }
  2292. .container .offset-by-nine { padding-left: 675px; }
  2293. .container .offset-by-ten { padding-left: 750px; }
  2294. .container .offset-by-eleven { padding-left: 825px; }
  2295. .container .offset-by-twelve { padding-left: 900px; }
  2296. .container .offset-by-thirteen { padding-left: 975px; }
  2297. .container .offset-by-fourteen { padding-left: 1050px; }
  2298. .container .offset-by-fifteen { padding-left: 1125px; }
  2299.  
  2300.  
  2301.  
  2302. /* #Tablet (Portrait)
  2303. ================================================== */
  2304.  
  2305. /* Note: Design for a width of 768px */
  2306.  
  2307. @media only screen and (min-width: 888px) and (max-width: 1220px) {
  2308. .container { width: 768px;margin-left: -60px; }
  2309. .container .column,
  2310. .container .columns { margin-left: 5px; margin-right: 5px; }
  2311. .column.alpha, .columns.alpha { margin-left: 5px; margin-right: 5px; }
  2312. .column.omega, .columns.omega { margin-right: 5; margin-left: 5px; }
  2313.  
  2314. .container .one.column { width: 28px; }
  2315. .container .two.columns { width: 76px; }
  2316. .container .three.columns { width: 124px; }
  2317. .container .four.columns { width: 172px; }
  2318. .container .five.columns { width: 220px; }
  2319. .container .six.columns { width: 268px; }
  2320. .container .seven.columns { width: 316px; }
  2321. .container .eight.columns { width: 364px; }
  2322. .container .nine.columns { width: 412px; }
  2323. .container .ten.columns { width: 460px; }
  2324. .container .eleven.columns { width: 508px; }
  2325. .container .twelve.columns { width: 556px; }
  2326. .container .thirteen.columns { width: 604px; }
  2327. .container .fourteen.columns { width: 652px; }
  2328. .container .fifteen.columns { width: 700px; }
  2329. .container .sixteen.columns { width: 748px; }
  2330. .container .seventeen.columns { width: 748px; }
  2331. .container .eighteen.columns { width: 748px; }
  2332. .container .nineteen.columns { width: 748px; }
  2333. .container .twenty.columns { width: 748px; }
  2334.  
  2335. .container .one-third.column { width: 236px; }
  2336. .container .two-thirds.column { width: 492px; }
  2337.  
  2338. /* Offsets */
  2339. .container .offset-by-one { padding-left: 48px; }
  2340. .container .offset-by-two { padding-left: 96px; }
  2341. .container .offset-by-three { padding-left: 144px; }
  2342. .container .offset-by-four { padding-left: 192px; }
  2343. .container .offset-by-five { padding-left: 240px; }
  2344. .container .offset-by-six { padding-left: 288px; }
  2345. .container .offset-by-seven { padding-left: 336px; }
  2346. .container .offset-by-eight { padding-left: 348px; }
  2347. .container .offset-by-nine { padding-left: 432px; }
  2348. .container .offset-by-ten { padding-left: 480px; }
  2349. .container .offset-by-eleven { padding-left: 528px; }
  2350. .container .offset-by-twelve { padding-left: 576px; }
  2351. .container .offset-by-thirteen { padding-left: 624px; }
  2352. .container .offset-by-fourteen { padding-left: 672px; }
  2353. .container .offset-by-fifteen { padding-left: 720px; }
  2354.  
  2355. #wrapperpub{padding:0px;margin: 0 0 0px 0px !important;}
  2356. #breadcrumbs-one{margin: 0 0 0 0px !important;}
  2357. .dp30{width:100%;}
  2358. .mobileon{display:block;}
  2359. .mobileoff{display:none;}
  2360.  
  2361.  
  2362.  
  2363. }
  2364.  
  2365.  
  2366. /* #Mobile (Portrait)
  2367. ================================================== */
  2368.  
  2369. /* Note: Design for a width of 320px */
  2370.  
  2371. @media only screen and (max-width: 600px) {
  2372. .container { width: 300px;margin-left: 10px; }
  2373. .container .column,
  2374. .container .columns { margin-left: 5px; margin-right: 5px; }
  2375.  
  2376.  
  2377. .container .one.column,
  2378. .container .two.columns,
  2379. .container .three.columns,
  2380. .container .four.columns,
  2381. .container .five.columns,
  2382. .container .six.columns,
  2383. .container .seven.columns,
  2384. .container .eight.columns,
  2385. .container .nine.columns,
  2386. .container .ten.columns,
  2387. .container .eleven.columns,
  2388. .container .twelve.columns,
  2389. .container .thirteen.columns,
  2390. .container .fourteen.columns,
  2391. .container .fifteen.columns,
  2392. .container .sixteen.columns,
  2393. .container .seventeen.columns,
  2394. .container .eighteen.columns,
  2395. .container .nineteen.columns,
  2396. .container .twenty.columns,
  2397. .container .one-third.column,
  2398. .container .two-thirds.column { width: 280px; }
  2399.  
  2400. /* Offsets */
  2401. .container .offset-by-one,
  2402. .container .offset-by-two,
  2403. .container .offset-by-three,
  2404. .container .offset-by-four,
  2405. .container .offset-by-five,
  2406. .container .offset-by-six,
  2407. .container .offset-by-seven,
  2408. .container .offset-by-eight,
  2409. .container .offset-by-nine,
  2410. .container .offset-by-ten,
  2411. .container .offset-by-eleven,
  2412. .container .offset-by-twelve,
  2413. .container .offset-by-thirteen,
  2414. .container .offset-by-fourteen,
  2415. .container .offset-by-fifteen { padding-left: 0; }
  2416.  
  2417. .mobileon{display:block;}
  2418. .mobileoff{display:none;}
  2419. .navigation_mobile{display:inline}
  2420. .headerads {display:none;padding-bottom: 0px;}
  2421. .blogtitle{font-size:2.5em;line-height:40px;}
  2422. .description{text-transform: uppercase;font-family: roboto_condensed,sans-serif;font-size:1em;margin:-20px 0 10px 3px;}
  2423. .infocontainer{padding:40px 30px 40px 40px;margin: 0 0 25px -35px !important;}
  2424. #wrapperpub{padding:0px;margin: 0 0 0px 0px !important;}
  2425. #breadcrumbs-one{margin: 0 0 0 -15px !important;}
  2426. .icon-3x {font-size:2em;}
  2427. .infocontainer .post-formats {float:right;position:relative; z-index:10; top:-30px; right:-35px; color: #eee; padding:0px;}
  2428. h1.entry-title,h1.single-entry-title,h2.single-entry-title{font-size: 30px;line-height: 30px;}
  2429. h3.rubrique{font-size: 30px;line-height: 30px;}
  2430. .dp30{width:100%;}
  2431. .nothumbnail {display:none}
  2432. .posthome{height:auto;padding-bottom: 20px;}
  2433.  
  2434. }
  2435.  
  2436.  
  2437. /* #Mobile (Landscape)
  2438. ================================================== */
  2439.  
  2440. /* Note: Design for a width of 480px */
  2441.  
  2442. @media only screen and (min-width: 600px) and (max-width: 887px) {
  2443. .container { width: 420px; margin-left: 10px;}
  2444. .container .column,
  2445. .container .columns { margin-left: 5px; margin-right: 5px; }
  2446.  
  2447. .container .one.column,
  2448. .container .two.columns,
  2449. .container .three.columns,
  2450. .container .four.columns,
  2451. .container .five.columns,
  2452. .container .six.columns,
  2453. .container .seven.columns,
  2454. .container .eight.columns,
  2455. .container .nine.columns,
  2456. .container .ten.columns,
  2457. .container .eleven.columns,
  2458. .container .twelve.columns,
  2459. .container .thirteen.columns,
  2460. .container .fourteen.columns,
  2461. .container .fifteen.columns,
  2462. .container .sixteen.columns,
  2463. .container .seventeen.columns,
  2464. .container .eighteen.columns,
  2465. .container .nineteen.columns,
  2466. .container .twenty.columns,
  2467. .container .one-third.column,
  2468. .container .two-thirds.column { width: 400px; }
  2469.  
  2470. .mobileon{display:block;}
  2471. .mobileoff{display:none;}
  2472. .navigation_mobile{display:inline}
  2473. .blogtitle{font-size:2.5em;line-height:40px;}
  2474. .description{color:#444;text-transform: uppercase;font-family: roboto_condensed,sans-serif;font-size:1em;margin:-20px 0 10px 3px;}
  2475. .infocontainer{margin: 0 0 25px -60px !important}
  2476. #wrapperpub{padding-right:0px; margin: 0px 0 0 0px !important;}
  2477. #breadcrumbs-one{margin: 0 0 0 -15px !important;}
  2478. .dp30{width:100%;}
  2479. .nothumbnail {display:none}
  2480. .posthome{height:auto; padding-bottom: 20px;}
  2481.  
  2482. }
  2483.  
  2484.  
  2485. /* #Clearing
  2486. ================================================== */
  2487.  
  2488. /* Self Clearing Goodness */
  2489. .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
  2490.  
  2491. /* Use clearfix class on parent to clear nested columns,
  2492. or wrap each row of columns in a <div class="row"> */
  2493. .clearfix:before,
  2494. .clearfix:after,
  2495. .row:before,
  2496. .row:after {
  2497. content: '\0020';
  2498. display: block;
  2499. overflow: hidden;
  2500. visibility: hidden;
  2501. width: 0;
  2502. height: 0; }
  2503. .row:after,
  2504. .clearfix:after {
  2505. clear: both; }
  2506. .row,
  2507. .clearfix {
  2508. zoom: 1; }
  2509.  
  2510. /* You can also use a <br class="clear" /> to clear columns */
  2511. .clear {
  2512. clear: both;
  2513. display: block;
  2514. overflow: hidden;
  2515. visibility: hidden;
  2516. width: 0;
  2517. height: 0;
  2518. }
Advertisement
Add Comment
Please, Sign In to add comment