Advertisement
Guest User

Untitled

a guest
Sep 29th, 2013
643
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.82 KB | None | 0 0
  1. /*
  2. Theme Name: iFeature
  3. Theme URI: http://cyberchimps.com/ifeature-free/
  4. Author: CyberChimps
  5. Author URI: http://www.cyberchimps.com/
  6. Description: iFeature 5 is the World's first Touch Friendly Responsive Drag & Drop Wordpress Theme developed by CyberChimps WordPress Themes. It lets you create amazing responsive websites that you can control on any touch friendly device including the iPad, iPhone, and Android devices. iFeature 5 allows you to setup an entire website in minutes with touch friendly Drag and Drop Options on a per-page basis allowing you control the look and feel of every page.
  7. Version: 5.1.35
  8. Tags: white, black, silver, light, gray, green, orange, pink, red, two-columns, right-sidebar, flexible-width, fixed-width, custom-background, custom-colors, custom-menu, featured-images, post-formats, theme-options, threaded-comments, sticky-post, full-width-template
  9. License: GNU General Public License
  10. License URI: http://www.opensource.org/licenses/gpl-license.php GPL v2.0 (or later)
  11. */
  12.  
  13. /********************************************************************************************************************/
  14. /******************************************** MAIN HTML STYLES ******************************************************/
  15. /********************************************************************************************************************/
  16. body {
  17. color:#555;
  18. }
  19. h1, h2, h3, h4, h5, h6 {
  20. margin-bottom: 15px;
  21. font-weight: 400;
  22. }
  23.  
  24. table .label {
  25. background: none;
  26. padding: 7px;
  27. line-height: normal;
  28. text-shadow: none;
  29. }
  30. tr {
  31. border-bottom: 1px solid #ccc;
  32. }
  33. td {
  34. padding: 5px;
  35. }
  36. dt {
  37. font-weight: bold;
  38. margin-top: 5px;
  39. margin-bottom: 5px;
  40. margin-left: 26px;
  41. }
  42. dd {
  43. margin-bottom: 15px;
  44. margin-left: 26px;
  45. }
  46. ul, ol {
  47. margin: 0 0 10px 0;
  48. }
  49. ol, ul {
  50. list-style-position: inside;
  51. margin-left: 21px;
  52. }
  53. pre {
  54. -moz-border-radius: 0;
  55. border-radius: 0;
  56. }
  57. code {
  58. white-space: pre-wrap;
  59. }
  60. .clear{
  61. clear: both;
  62. }
  63. .clear-right {
  64. clear: right;
  65. }
  66. .clear-left {
  67. clear: left;
  68. }
  69.  
  70. /********************************************************************************************************************/
  71. /******************************************** HEADER ****************************************************************/
  72. /********************************************************************************************************************/
  73.  
  74. header#cc-header {
  75. margin-bottom: 20px;
  76. }
  77.  
  78. /*======================================= TOP BAR =============================================*/
  79.  
  80. #top_header {
  81. background-image: url('images/topbarbg.jpg');
  82. margin-bottom: 15px;
  83. }
  84.  
  85. #top_header .top-head-description {
  86. color: #bababa;
  87. margin: 8px 0 6px 0;
  88. font-size: 14px;
  89. }
  90.  
  91. #top_header .top-head-social .icons {
  92. float: right;
  93. margin-top: 5px;
  94. margin-bottom: 6px;
  95. }
  96.  
  97. #top_header .top-head-social .icons a {
  98. float: right;
  99. height: 20px;
  100. width: 20px;
  101. margin-left: 5px;
  102. }
  103.  
  104. #top_header .top-head-social .icons a img {
  105. height: 20px;
  106. width: 20px;
  107. }
  108.  
  109. header #social .icons a {
  110. float: right;
  111. margin-left: 5px;
  112. }
  113.  
  114. .icons {
  115. margin-top: 15px;
  116. }
  117.  
  118. /*======================================= DETAILS =============================================*/
  119.  
  120. header#cc-header h2.site-title {
  121. margin-bottom: 15px;
  122. font-size: 32px;
  123. font-weight: 600;
  124. }
  125.  
  126. header#cc-header h2.site-description {
  127. font-size: 14px;
  128. margin: 0;
  129. }
  130.  
  131. header#cc-header .contact_details {
  132. color: #888;
  133. float: right;
  134. margin-top: 15px;
  135. }
  136.  
  137. header#cc-header .contact_details .cc-telephone-number {
  138. text-align: right;
  139. }
  140.  
  141. header#cc-header .contact_details .cc-telephone-number img {
  142. margin-top: -3px;
  143. margin-left: 10px;
  144. }
  145.  
  146. header#cc-header .contact_details .cc-email {
  147. text-align: right;
  148. }
  149.  
  150. header#cc-header .contact_details .cc-email img {
  151. margin-top: -2px;
  152. margin-left: 10px;
  153. }
  154.  
  155. header#cc-header .register {
  156. float: right;
  157. }
  158.  
  159. header#cc-header .blog_description {
  160. float: right;
  161. }
  162.  
  163. header#cc-header p {
  164. font-size: 1.2em;
  165. }
  166.  
  167. /*======================================= SEARCH ===============================================*/
  168.  
  169. header #search #searchform {
  170. float: right;
  171. margin-top: 20px;
  172. }
  173.  
  174. /********************************************************************************************************************/
  175. /******************************************** MENU ******************************************************************/
  176. /********************************************************************************************************************/
  177.  
  178. #navigation {
  179. margin-bottom: 30px;
  180. }
  181. .main-navigation.navbar {
  182. margin-bottom: 0;
  183. }
  184. .main-navigation .navbar-inner {
  185. padding: 0;
  186. min-height: 20px;
  187. background: #b6b6b6;
  188. background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 1%, #919191 51%, #858585 52%, #717171 100%);
  189. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(2%,#a4a4a4), color-stop(51%,#919191), color-stop(52%,#858585), color-stop(100%,#717171));
  190. background: -webkit-linear-gradient(top, #b6b6b6 0%,#a4a4a4 2%,#919191 51%,#858585 52%,#717171 100%);
  191. background: -o-linear-gradient(top, #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);
  192. background: -ms-linear-gradient(top, #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);
  193. background: linear-gradient(to bottom, #b6b6b6 0%,#a4a4a4 1%,#919191 51%,#858585 52%,#717171 100%);
  194. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#717171',GradientType=0 );
  195. box-shadow: none;
  196. -webkit-border-radius: 3px;
  197. border-radius: 3px;
  198. border: 1px solid;
  199. border-color: #888 #666 #666 #666;
  200. }
  201. .main-navigation .nav > li {
  202. border-right: 1px solid #b6b6b6;
  203. -webkit-box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.3);
  204. box-shadow: 1px 0px 0px 0px rgba(0,0,0,0.3);
  205. }
  206. .main-navigation .nav > li > a {
  207. display: block;
  208. color: #fff;
  209. font-size: 1.1em;
  210. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  211. }
  212. .main-navigation .nav > li.dropdown > a.dropdown-toggle .caret {
  213. border-top-color: #fff;
  214. border-bottom-color: #fff;
  215. margin-top: 10px;
  216. }
  217. .main-navigation .nav > li > a:hover {
  218. color: #f6f6f6;
  219. background: #666;
  220. }
  221. .main-navigation .nav .active > a, .main-navigation .nav .current_page_item > a, .current-menu-ancestor.dropdown {
  222. color: #FFFFFF;
  223. background: #717171;
  224. }
  225. .main-navigation .nav li ul li a:hover, .main-navigation .nav .current_page_item > a:hover {
  226. color: #c5c5c5;
  227. background: #717171;
  228. }
  229. .main-navigation .nav li ul li a {
  230. color: #f6f6f6;
  231. }
  232. .main-navigation .nav li ul li ul {
  233. list-style: none;
  234. margin-left: 0;
  235. }
  236. .main-navigation .nav li ul li ul li a{
  237. padding-left: 24px;
  238. }
  239. .main-navigation .nav li ul li ul li ul li a {
  240. padding-left: 30px;
  241. }
  242. .main-navigation .nav li.dropdown:hover ul.dropdown-menu {
  243. display: block;
  244. background: #666;
  245. border-radius: 0;
  246. margin-top: 0;
  247. }
  248. .navbar .nav > li > .dropdown-menu::before {
  249. position: absolute;
  250. top: -7px;
  251. left: 9px;
  252. display: inline-block;
  253. border-right: 7px solid transparent;
  254. border-bottom: 7px solid #666;
  255. border-left: 7px solid transparent;
  256. border-bottom-color: rgba(0, 0, 0, 0.2);
  257. content: '';
  258. }
  259. .navbar .nav > li > .dropdown-menu::after {
  260. position: absolute;
  261. top: -6px;
  262. left: 10px;
  263. display: inline-block;
  264. border-right: 6px solid transparent;
  265. border-bottom: 6px solid #666;
  266. border-left: 6px solid transparent;
  267. content: '';
  268. }
  269. #navigation #searchform {
  270. margin-right: 15px;
  271. }
  272. .navbar .btn-navbar {
  273. margin-bottom: 5px;
  274. }
  275. /* 3rd tier */
  276. .main-navigation .nav > li > ul > li {
  277. position: relative;
  278. }
  279. .main-navigation .nav > li > ul > li > ul {
  280. display: none;
  281. position: absolute;
  282. top: 0;
  283. left: 100%;
  284. background: #666;
  285. border-radius: 0;
  286. margin-top: 0;
  287. padding: 0;
  288. border: 1px solid rgba(0, 0, 0, 0.2);
  289. z-index: 1001;
  290. }
  291. .main-navigation .nav > li > ul > li:hover > ul {
  292. display: block;
  293. }
  294. .main-navigation .nav > li > ul > li > ul::before {
  295. position: absolute;
  296. top: 7px;
  297. left: -7px;
  298. display: inline-block;
  299. border-top: 7px solid transparent;
  300. border-right: 7px solid #666;
  301. border-bottom: 7px solid transparent;
  302. border-right-color: rgba(0, 0, 0, 0.2);
  303. content: '';
  304. }
  305. .main-navigation .nav > li > ul > li > ul::after {
  306. position: absolute;
  307. top: 8px;
  308. left: -6px;
  309. display: inline-block;
  310. border-top: 6px solid transparent;
  311. border-right: 6px solid #666;
  312. border-bottom: 6px solid transparent;
  313. content: '';
  314. }
  315. @media (max-width: 979px) {
  316. .main-navigation .nav > li > ul > li > ul::after, .main-navigation .nav > li > ul > li > ul::before {
  317. border: none;
  318. }
  319. .main-navigation .nav > li > ul > li > ul {
  320. display: block;
  321. position: static;
  322. border: none;
  323. }
  324. .nav-collapse .dropdown-menu li + li a {
  325. margin-bottom: 0px;
  326. }
  327. .nav-collapse.in {
  328. background-image: none;
  329. background-color: #747474;
  330. }
  331. .nav-collapse.in .nav li {
  332. background-color: #747474;
  333. }
  334. .nav-collapse.in .nav ul {
  335. background: #747474;
  336. }
  337. .navbar .nav > li > .dropdown-menu::before, .navbar .nav > li > .dropdown-menu::after {
  338. display: none;
  339. }
  340. .navbar-inverse .nav-collapse.in .nav > li > a:hover, .navbar-inverse .nav-collapse.in .dropdown-menu a:hover {
  341. color: #fff;
  342. background-color: #666;
  343. }
  344. .navbar-inverse .nav-collapse.in .nav li a, .nav-collapse.in .dropdown-menu a {
  345. color: #fff;
  346. font-weight: normal;
  347. text-shadow: none;
  348. }
  349. .navbar-inverse .nav-collapse.in .nav > li.current-menu-item > a, .navbar-inverse .nav-collapse.in .nav > li.current-menu-ancestor > a {
  350. color: #fff;
  351. box-shadow: none;
  352. background: #666;
  353. }
  354. .nav-collapse.in .dropdown .caret {
  355. display: none;
  356. }
  357. .nav-collapse.in .dropdown-menu {
  358. display: block;
  359. }
  360. .navbar-inverse .nav-collapse.in .dropdown-menu .active > a, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle {
  361. color: #fff;
  362. background-image: none;
  363. background-color: #666;
  364. }
  365. }
  366.  
  367. /********************************************************************************************************************/
  368. /******************************************** MAIN CONTENT **********************************************************/
  369. /********************************************************************************************************************/
  370.  
  371. .container {
  372. background: transparent;
  373. }
  374. article.post, article.page, article.attachment {
  375. margin-bottom: 30px;
  376. padding: 0;
  377. background: #fdfdfd;
  378. border: 1px solid #eaeaea;
  379. -webkit-border-radius: 3px;
  380. border-radius: 3px;
  381. overflow: hidden;
  382. -webkit-box-shadow: 0px 1px 0px 0px #adadad;
  383. box-shadow: 0px 1px 0px 0px #adadad;
  384. }
  385. .entry-content {
  386. margin: 0;
  387. }
  388. .page-header {
  389. margin-top: 0;
  390. padding: 0;
  391. border: none;
  392. }
  393.  
  394. /*==================================== POST AND PAGE CONTENT ===========================================*/
  395.  
  396. article {
  397. background: #fff;
  398. }
  399. .entry-header {
  400. margin: 0;
  401. padding: 0 20px;
  402. }
  403. .entry-summary {
  404. margin: 0;
  405. padding: 20px;
  406. }
  407. .entry-content {
  408. padding: 20px;
  409. }
  410. .postformats {
  411. float: right;
  412. height: 38px;
  413. width: 40px;
  414. margin-left: 20px;
  415. background: #6fb7d6;
  416. background: -moz-linear-gradient(top, #6fb7d6 0%, #4fadd8 1%, #4fadd8 50%, #399cca 51%, #3599c7 100%);
  417. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fb7d6), color-stop(1%,#4fadd8), color-stop(50%,#4fadd8), color-stop(51%,#399cca), color-stop(100%,#3599c7));
  418. background: -webkit-linear-gradient(top, #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  419. background: -o-linear-gradient(top, #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  420. background: -ms-linear-gradient(top, #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  421. background: linear-gradient(to bottom, #6fb7d6 0%,#4fadd8 1%,#4fadd8 50%,#399cca 51%,#3599c7 100%);
  422. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fadd8', endColorstr='#3599c7',GradientType=0 );
  423. border: 1px solid #2b7a9f;
  424. -webkit-border-radius: 3px;
  425. border-radius: 3px;
  426. }
  427. blockquote {
  428. background-color: #ccc;
  429. margin: 10px;
  430. padding: 3px;
  431. }
  432. blockquote p {
  433. margin: 10px;
  434. }
  435. blockquote cite {
  436. font-size: 0.9em;
  437. }
  438. blockquote cite:before {
  439. content: ' ΜΆ ';
  440. position: relative;
  441. top: -2px;
  442. margin: 0 5px;
  443. }
  444. .page-links {
  445. clear: both;
  446. }
  447. .more-content {
  448. margin-bottom: 15px;
  449. padding: 10px 20px 5px 20px;
  450. background: #fdfdfd;
  451. border: 1px solid #eaeaea;
  452. -webkit-border-radius: 3px;
  453. border-radius: 3px;
  454. overflow: hidden;
  455. -webkit-box-shadow: 0px 1px 0px 0px #adadad;
  456. box-shadow: 0px 1px 0px 0px #adadad;
  457. }
  458. .previous-post {
  459. text-align: left;
  460. margin-top: 5px;
  461. margin-bottom: 0;
  462. padding-bottom: 0;
  463. }
  464. .next-post {
  465. text-align: right;
  466. margin-top: 5px;
  467. margin-bottom: 0;
  468. padding-bottom: 0;
  469. }
  470.  
  471. /*==================================== TAXONOMY ========================================================*/
  472.  
  473. .entry-title {
  474. font-weight: 400;
  475. line-height: 1.2em;
  476. margin-bottom: 2px;
  477. font-size: 31.5px;
  478. }
  479. .entry-title a {
  480. color: #333333;
  481. }
  482. .entry-title a:hover {
  483. color: #0088CC;
  484. text-decoration: none;
  485. }
  486. article.post p, article.page p {
  487. font-size: 1.1em;
  488. line-height: 1.5em;
  489. }
  490.  
  491. /*==================================== IMAGES ==========================================================*/
  492.  
  493. .alignnone {
  494. display: block;
  495. margin: 5px 20px 20px 0;
  496. }
  497. .aligncenter, div.aligncenter {
  498. display:block;
  499. margin: 5px auto 5px auto;
  500. }
  501. .alignright {
  502. float:right;
  503. margin: 5px 0 20px 20px;
  504. }
  505. .alignleft {
  506. float:left;
  507. margin: 5px 20px 20px 0;
  508. }
  509. .aligncenter {
  510. display: block;
  511. margin: 5px auto 5px auto;
  512. }
  513. a img.alignright {
  514. float:right;
  515. margin: 5px 0 20px 20px;
  516. }
  517. a img.alignnone {
  518. margin: 5px 20px 20px 0;
  519. }
  520. a img.alignleft {
  521. float:left;
  522. margin: 5px 20px 20px 0;
  523. }
  524. a img.aligncenter {
  525. display: block;
  526. margin-left: auto;
  527. margin-right: auto
  528. }
  529. img.size-full {
  530. max-width: 100%;
  531. height: auto;
  532. }
  533. .wp-caption {
  534. background: #fff;
  535. border: 1px solid #f0f0f0;
  536. max-width: 96%; /* Image does not overflow the content area */
  537. padding: 15px 3px 10px;
  538. text-align: center;
  539. }
  540. .wp-caption.alignnone {
  541. margin: 5px 20px 20px 0;
  542. }
  543. .wp-caption.alignleft {
  544. margin: 5px 20px 20px 0;
  545. }
  546. .wp-caption.alignright {
  547. margin: 5px 0 20px 20px;
  548. }
  549. .wp-caption img {
  550. border: 0 none;
  551. height: auto;
  552. margin:0;
  553. max-width: 95%;
  554. padding:0;
  555. width: auto;
  556. }
  557. .wp-caption p.wp-caption-text {
  558. font-size:11px;
  559. line-height:17px;
  560. margin:0;
  561. padding:0 4px 5px;
  562. }
  563. .caption_title {
  564. font-size:16px;
  565. }
  566. .gallery-pagination {
  567. margin: 20px 0;
  568. }
  569. .gallery-pagination .previous-image a {
  570. float: left;
  571. }
  572. .gallery-pagination .next-image a {
  573. float: right;
  574. }
  575.  
  576. /*==================================== META ============================================================*/
  577.  
  578. .entry-meta {
  579. color: #afaeae;
  580. font-size: 0.9em;
  581. line-height: 1em;
  582. }
  583. footer.entry-meta {
  584. clear: both;
  585. padding: 0px 20px 15px 20px;
  586.  
  587. }
  588. .byline:before {
  589. content: '\2022';
  590. margin-left: 5px;
  591. }
  592. .cat-links {
  593. clear: left;
  594. margin-top: 10px;
  595. line-height: 1.2em;
  596. }
  597. .taglinks {
  598. display: inline-block;
  599. margin-left: 0;
  600. }
  601. .taglinks a {
  602. float: left;
  603. position: relative;
  604. font-size: 1em;
  605. line-height: 15px;
  606. padding: 4px 10px;
  607. margin: 0 30px 10px 0;
  608. border-top: 1px solid #e7e7e7;
  609. border-bottom: 1px solid #c6c6c6;
  610. border-left: 1px solid #e7e7e7;
  611. background: #ffffff;
  612. background: -moz-linear-gradient(top, #ffffff 0%, #e7e7e7 100%);
  613. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
  614. background: -webkit-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
  615. background: -o-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
  616. background: -ms-linear-gradient(top, #ffffff 0%,#e7e7e7 100%);
  617. background: linear-gradient(to bottom, #ffffff 0%,#e7e7e7 100%);
  618. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#e7e7e7',GradientType=0 );
  619. }
  620. .taglinks a:after {
  621. position: absolute;
  622. top: -1px;
  623. left: 100%;
  624. content: '';
  625. height: 25px;
  626. width: 20px;
  627. background: url( 'images/tag.png' ) no-repeat 0 0 transparent;
  628. }
  629. .comments-link:before {
  630. content: '\2022';
  631. margin-right: 5px;
  632. }
  633. .edit-link {
  634. clear: both;
  635. display: block;
  636. margin: 10px 0;
  637. }
  638. .edit-link a {
  639. color: #fff;
  640. background: #888;
  641. padding: 2px 4px;
  642. -webkit-border-radius: 2px;
  643. border-radius: 2px;
  644. }
  645. .edit-link a:visited {
  646. color: #fff;
  647. }
  648. .edit-link a:hover {
  649. text-decoration: none;
  650. color: #ccc;
  651. }
  652. .cyberchimps_article_share {
  653. float: right;
  654. }
  655.  
  656. /*==================================== COMMENTS ========================================================*/
  657.  
  658. .comments-area {
  659. margin-bottom: 30px;
  660. padding: 20px;
  661. background: #fdfdfd;
  662. border: 1px solid #eaeaea;
  663. -webkit-border-radius: 3px;
  664. border-radius: 3px;
  665. overflow: hidden;
  666. -webkit-box-shadow: 0px 1px 0px 0px #adadad;
  667. box-shadow: 0px 1px 0px 0px #adadad;
  668. }
  669. #comments .navigation {
  670. padding: 0 0 18px 0;
  671. }
  672. label[for="comment"] {
  673. display: block;
  674. }
  675. ol.commentlist {
  676. list-style: none;
  677. }
  678. ol.commentlist p {
  679. margin-left: 8px;
  680. clear: left;
  681. }
  682. ol.commentlist li.comment {
  683. padding: 10px;
  684. }
  685. ol.commentlist li.comment div.vcard cite.fn {
  686. font-style: normal;
  687. }
  688. ol.commentlist li.comment div.vcard img.avatar {
  689. margin: 0 10px 10px 10px;
  690. }
  691. ol.commentlist li.comment div.comment-meta {
  692. font-size: 11px;
  693. }
  694. ol.commentlist li.comment div.comment-meta a {
  695. color: #888;
  696. }
  697. ol.commentlist li.comment div.reply {
  698. font-size: 11px;
  699. margin-left: 8px;
  700. }
  701. ol.commentlist li.comment div.reply a {
  702. font-weight: bold;
  703. }
  704. ol.commentlist li.comment ul.children {
  705. list-style: none;
  706. margin: 10px 0 0;
  707. }
  708. ol.commentlist li.comment ul.children li.depth-2 {
  709. margin: 0 0 10px 10px;
  710. }
  711. ol.commentlist li.comment ul.children li.depth-3 {
  712. margin: 0 0 10px 10px;
  713. }
  714. ol.commentlist li.comment ul.children li.depth-4 {
  715. margin: 0 0 10px 10px;
  716. }
  717. ol.commentlist li.even {
  718. background: #fafafa;
  719. border: 1px solid #ccc;
  720. border-radius: 4px;
  721. -moz-border-radius: 4px;
  722. }
  723. ol.commentlist li.odd {
  724. background: #fff;
  725. border: 1px solid #ccc;
  726. border-radius: 4px;
  727. -moz-border-radius: 4px;
  728. }
  729. .comment, .trackback, .pingback {
  730. padding:10px;
  731. margin:10px 0 10px 0;
  732. }
  733. .odd {
  734. background:#f8f8f8;
  735. }
  736. #form-allowed-tags code {
  737. font-size:12px;
  738. }
  739. #respond input, #respond textarea {
  740. margin:0 5px 5px 0;
  741. overflow:auto;
  742. }
  743. #respond textarea {
  744. width:99%;
  745. height:150px;
  746. }
  747. .avatar {
  748. float:left;
  749. }
  750.  
  751. /********************************************************************************************************************/
  752. /******************************************** SIDEBAR & WIDGETS *****************************************************/
  753. /********************************************************************************************************************/
  754.  
  755. #sidebar .widget-container {
  756. background: #fdfdfd;
  757. border: 1px solid #eaeaea;
  758. -webkit-border-radius: 3px;
  759. border-radius: 3px;
  760. overflow: hidden;
  761. -webkit-box-shadow: 0px 1px 0px 0px #adadad;
  762. box-shadow: 0px 1px 0px 0px #adadad;
  763. padding: 0 0 15px 0;
  764. margin-bottom: 30px;
  765. }
  766. #sidebar h3.widget-title {
  767. color: #FFFFFF;
  768. font-weight: 100;
  769. font-size: 1.3em;
  770. text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
  771. margin-top: 0;
  772. padding: 5px 10px 5px 23px;
  773. background: #b6b6b6;
  774. background: -moz-linear-gradient(top, #b6b6b6 0%, #a4a4a4 2%, #717171 100%);
  775. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b6b6), color-stop(2%,#a4a4a4), color-stop(100%,#717171));
  776. background: -webkit-linear-gradient(top, #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  777. background: -o-linear-gradient(top, #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  778. background: -ms-linear-gradient(top, #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  779. background: linear-gradient(to bottom, #b6b6b6 0%,#a4a4a4 2%,#717171 100%);
  780. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#717171',GradientType=0 );
  781. box-shadow: none;
  782. -webkit-border-radius: 3px 3px 0 0;
  783. border-radius: 3px 3px 0 0;
  784. border: 1px solid;
  785. border-color: #888 #666 #666 #666;
  786. }
  787. #sidebar .widget-container ul, #sidebar .widget ul {
  788. margin: 0;
  789. padding: 0 20px;
  790. }
  791. #sidebar .widget-container ul li, #sidebar .widget ul li {
  792. font-size: 14px;
  793. line-height: 1.2em;
  794. list-style: none;
  795. padding: 10px 0 15px 0;
  796. border-bottom: 1px solid #ededed;
  797. }
  798. #sidebar .widget-container > ul > li ul {
  799. margin: 5px 0 5px 5px;
  800. }
  801. #sidebar .widget-container ul li:last-child {
  802. margin-bottom: 0;
  803. border-bottom: none;
  804. }
  805. #sidebar .widget-container > ul > li li {
  806. list-style: none;
  807. margin: 0 0 3px 0;
  808. padding: 0;
  809. }
  810. #sidebar .widget-container ul li a {
  811. border-bottom: 1px dotted #c5e5f4;
  812. }
  813. #sidebar .widget-container p {
  814. padding: 0 20px;
  815. }
  816. #sidebar .widget-container .tagcloud {
  817. padding: 0 20px;
  818. }
  819. table#wp-calendar {
  820. width: 100%;
  821. }
  822. table#wp-calendar th {
  823. font-size: 14px;
  824. }
  825. table#wp-calendar td {
  826. font-size: 14px;
  827. width: 14.28571428571429%;
  828. padding: 5px 0;
  829. text-align: center;
  830. }
  831. #sidebar .widget_search, .widget_search {
  832. padding: 15px;
  833. }
  834. .widget-container #searchform.pull-right {
  835. float: none;
  836. margin-right: 30px;
  837. }
  838. .widget-container #searchform input.input-medium {
  839. float: none;
  840. display: inline-block;
  841. width: 100%;
  842. }
  843.  
  844. /*==================================== SEARCH FORM ====================================================*/
  845.  
  846. #searchform {
  847. margin-bottom: 5px;
  848. }
  849.  
  850. /********************************************************************************************************************/
  851. /******************************************** FOOTER ****************************************************************/
  852. /********************************************************************************************************************/
  853.  
  854. #footer_widgets_wrapper {
  855. margin-top: 20px;
  856. padding-top: 20px;
  857. background-color: #303030;
  858. }
  859. #footer-widgets {
  860. margin-bottom: 30px;
  861. }
  862. #footer-widgets .widget-container {
  863. border: none;
  864. }
  865. #footer-widget-container {
  866. background: transparent;
  867. }
  868. #footer-widgets .widget-container {
  869. color: #fff;
  870. background: transparent;
  871. }
  872. #footer-widgets .widget-container h3 {
  873. color: #fff;
  874. font-size: 1.3em;
  875. }
  876. #footer-widgets .widget-container ul {
  877. margin: 0;
  878. }
  879. #footer-widgets .widget-container a {
  880. color: #fff;
  881. border-bottom: 1px dotted #ccc;
  882. }
  883. #footer-widgets .widget-container p {
  884. color: #ccc;
  885. }
  886. #after_footer {
  887. background-color: #171717;
  888. }
  889. .site-footer {
  890. margin-top: 20px;
  891. margin-bottom: 20px;
  892. }
  893. .site-footer #copyright {
  894. text-align: right;
  895. }
  896.  
  897. /********************************************************************************************************************/
  898. /******************************************** WORDPRESS DEFAULTS ****************************************************/
  899. /********************************************************************************************************************/
  900.  
  901. .sticky{}
  902. .gallery-caption{}
  903. .bypostauthor{}
  904.  
  905. /********************************************************************************************************************/
  906. /******************************************** ELEMENTS **************************************************************/
  907. /********************************************************************************************************************/
  908.  
  909. /*==================================== BOXES ======================================================*/
  910.  
  911. .box {
  912. margin-bottom: 30px;
  913. padding: 20px;
  914. background: #fdfdfd;
  915. border: 1px solid #eaeaea;
  916. -webkit-border-radius: 3px;
  917. border-radius: 3px;
  918. overflow: hidden;
  919. -webkit-box-shadow: 0px 1px 0px 0px #adadad;
  920. box-shadow: 0px 1px 0px 0px #adadad;
  921. }
  922. h2.box-widget-title {
  923. margin-top: 0;
  924. font-size: 1.6em;
  925. line-height: 1em;
  926. text-align: center;
  927. }
  928. .box p {
  929. font-size: 1.1em;
  930. line-height: 1.2em;
  931. }
  932.  
  933. #boxes-container .box a {
  934. display: block;
  935. width: 100%;
  936. text-align: center;
  937. }
  938. #boxes-container .box-no-url {
  939. cursor: default;
  940. }
  941.  
  942. /*==================================== PORTFOLIO ===================================================*/
  943.  
  944. #portfolio {
  945. margin-bottom: 30px;
  946. }
  947. #gallery {
  948. background: #fff;
  949. padding: 20px;
  950. background: #fdfdfd;
  951. border: 1px solid #eaeaea;
  952. -webkit-border-radius: 3px;
  953. border-radius: 3px;
  954. overflow: hidden;
  955. -webkit-box-shadow: 0px 1px 0px 0px #adadad;
  956. box-shadow: 0px 1px 0px 0px #adadad;
  957. }
  958. #gallery ul.row-fluid {
  959. margin: 0;
  960. padding: 0;
  961. }
  962. #gallery h2 {
  963. font-size: 1.6em;
  964. font-weight: 400;
  965. margin-top: 0;
  966. line-height: 1em;
  967. }
  968. #gallery ul.row-fluid li#portfolio_wrap {
  969. text-align: center;
  970. }
  971. #gallery ul.row-fluid li#portfolio_wrap .portfolio_item {
  972. padding: 20px;
  973. }
  974.  
  975. /*==================================== TWITTER =====================================================*/
  976.  
  977. #twitter-container {
  978. margin-bottom: 30px;
  979. }
  980. #twitter-bar {
  981. padding: 20px;
  982. background: #fdfdfd;
  983. border: 1px solid #eaeaea;
  984. -webkit-border-radius: 3px;
  985. border-radius: 3px;
  986. overflow: hidden;
  987. -webkit-box-shadow: 0px 1px 0px 0px #adadad;
  988. box-shadow: 0px 1px 0px 0px #adadad;
  989. }
  990. #twitter-bar #twitter-text img {
  991. float: left;
  992. margin-top: -5px;
  993. }
  994. #twitter-bar #twitter-text p {
  995. padding-left: 75px;
  996. margin-bottom: 0;
  997. }
  998. @media (max-width: 480px) {
  999. #twitter-bar #twitter-text img {
  1000. width: 30px;
  1001. height: 21px;
  1002. margin-top: 0;
  1003. }
  1004. #twitter-bar #twitter-text p {
  1005. padding-left: 40px;
  1006. }
  1007. }
  1008.  
  1009. /*==================================== SLIDER ====================================================*/
  1010.  
  1011. #slider {
  1012. margin-bottom: 30px;
  1013. }
  1014. #slider .carousel-control {
  1015. top: 100%;
  1016. margin-top: -45px;
  1017. background: rgba( 0, 0, 0, 0.25 );
  1018. border: none;
  1019. opacity: 1;
  1020. }
  1021. #slider .carousel-caption {
  1022. padding: 5px 60px;
  1023. min-height: 40px;
  1024. }
  1025. /********************************************************************************************************************/
  1026. /****************************************** MEDIA QUERIES ***********************************************************/
  1027. /********************************************************************************************************************/
  1028.  
  1029. /*==================================== TABLETS ===================================================*/
  1030.  
  1031. @media (max-width: 767px) {
  1032. .container-full {
  1033. width: 100%;
  1034. margin-left: -20px;
  1035. padding-right: 20px;
  1036. padding-left: 20px;
  1037. }
  1038. body {
  1039. padding-left: 0px;
  1040. padding-right: 0px;
  1041. }
  1042. .container-full-width .container{
  1043. margin: 0px 20px;
  1044. }
  1045. }
  1046. /*==================================== PHONES ====================================================*/
  1047.  
  1048. @media (max-width: 480px) {
  1049. header#cc-header .span7 {
  1050. text-align: center;
  1051. }
  1052. header#cc-header .span5 {
  1053. text-align: center;
  1054. }
  1055. header#cc-header .span5 div.icons a {
  1056. float: none;
  1057. }
  1058. header#cc-header .span5 div.blog-description {
  1059. float: none;
  1060. }
  1061. header#cc-header .span5 div.register {
  1062. float: none;
  1063. }
  1064. header#cc-header .span5 #searchform {
  1065. float: none;
  1066. }
  1067. .container-full .top-head-social .icons {
  1068. margin-bottom: 10px;
  1069. }
  1070. .container-full-width .container{
  1071. margin: 0px 10px;
  1072. }
  1073. }
  1074.  
  1075. /********************************************************************************************************************/
  1076. /****************************************** ADD ONS *****************************************************************/
  1077. /********************************************************************************************************************/
  1078.  
  1079. /*==================================== The Events Calendar ====================================================*/
  1080. .tribe-events-meta-group dt {
  1081. margin-left: 0;
  1082. }
  1083. .tribe-event-notices {
  1084. background: #b6b6b6;
  1085. border: 1px solid;
  1086. border-color: #888 #666 #666 #666;
  1087. color: #FFF;
  1088. text-shadow: 0 1px 0 #000;
  1089. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement