API tools faq
paste
Advertisement
Guest User

css

a guest
Feb 18th, 2014
498
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 35.64 KB | None | 0 0
raw download clone embed print report
  1. @import url(http://fonts.googleapis.com/css?family=Parisienne&subset=latin,latin-ext);
  2.  
  3. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  4. margin: 0;
  5. padding: 0;
  6. border: 0;
  7. font-size: 100%;
  8. font: inherit;
  9. vertical-align: baseline;
  10.  
  11.  
  12.  
  13. }
  14.  
  15. body {
  16.  
  17.  
  18.  
  19. }
  20. html {
  21. overflow-x: hidden;
  22. -webkit-font-smoothing: antialiased;
  23. }
  24. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
  25. ol, ul { list-style: none }
  26. blockquote, q { quotes: none }
  27. blockquote:before, blockquote:after, q:before, q:after {
  28. content: '';
  29. content: none;
  30. }
  31. table {
  32. border-collapse: collapse;
  33. border-spacing: 0;
  34. }
  35. button, input, select, textarea { margin: 0 }
  36. :focus { outline: 0 }
  37. a:link { -webkit-tap-highlight-color: #FF5E99 }
  38. img, video, object, embed {
  39. max-width: 100%;
  40. height: auto!important;
  41. }
  42. iframe { max-width: 100% }
  43. blockquote {
  44. font-style: italic;
  45. font-weight: normal;
  46. font-family: Georgia,Serif;
  47. font-size: 15px;
  48. padding: 0 10px 20px 27px;
  49. position: relative;
  50. margin-top: 25px;
  51. }
  52. blockquote:after {
  53. position: absolute;
  54. content: '"';
  55. font-size: 40px;
  56. color: #D0D9E0;
  57. width: 50px;
  58. top: -5px;
  59. left: 0;
  60. font-family: arial;
  61. }
  62. blockquote p { margin-bottom: 10px }
  63. strong, b { font-weight: bold }
  64. em, i, cite {
  65. font-style: italic;
  66. font-family: georgia;
  67. }
  68. small { font-size: 100% }
  69. figure { margin: 10px 0 }
  70. code, pre {
  71. font-family: monospace,consolas,sans-serif;
  72. font-weight: normal;
  73. font-style: normal;
  74. }
  75. pre {
  76. margin: 5px 0 20px 0;
  77. line-height: 1.3em;
  78. padding: 8px 10px;
  79. overflow: auto;
  80. }
  81. code {
  82. padding: 0 8px;
  83. line-height: 1.5;
  84. }
  85. mark {
  86. padding: 1px 6px;
  87. margin: 0 2px;
  88. color: black;
  89. background: #FFD700;
  90. }
  91. address { margin: 10px 0 }
  92. .wp-caption {
  93. background: #fff;
  94. border: 1px solid #f0f0f0;
  95. max-width: 96%; /* Image does not overflow the content area */
  96. padding: 5px 3px 10px;
  97. text-align: center;
  98. }
  99. .sticky { }
  100. .gallery-caption { }
  101. .by
  102. author { }
  103. .wp-caption-text { }
  104. /*-[ Framework ]--------------------*/
  105. body {
  106. font-size: 14px;
  107. line-height: 23px;
  108. font-family: Helvetica, arial, sans-serif;
  109.  
  110. }
  111. ::-moz-selection {
  112. background: #ee6604;
  113. color: white;
  114. text-shadow: none;
  115. }
  116. ::selection {
  117. background: #ee6604;
  118. color: white;
  119. text-shadow: none;
  120. }
  121. #page, .container {
  122. position: relative;
  123. margin-right: auto;
  124. margin-left: auto;
  125. overflow: hidden;
  126. }
  127. h1, h2, h3, h4, h5, h6 {
  128. font-weight: bold;
  129. margin-bottom: 12px;
  130. color: #444;
  131. font-family: 'Monda', sans-serif;
  132. }
  133. h1 {
  134. font-size: 28px;
  135. line-height: 1.4;
  136. letter-spacing: -1px;
  137. }
  138. h2 {
  139. font-size: 26px;
  140. line-height: 1.4;
  141. letter-spacing: -1px;
  142. }
  143. h3 {
  144. font-size: 22px;
  145. line-height: 1.4;
  146. }
  147. h4 {
  148. font-size: 20px;
  149. line-height: 1.4;
  150. }
  151. h5 {
  152. font-size: 18px;
  153. line-height: 1.4;
  154. }
  155. h6 {
  156. font-size: 16px;
  157. line-height: 1.4;
  158. }
  159. .sub-title { font-size: 12px }
  160. p { margin-bottom: 20px }
  161. a {
  162. text-decoration: none;
  163. color: #EA141F;
  164. -webkit-transition: background-color, color 0.2s linear;
  165. -moz-transition: background-color, color 0.2s linear;
  166. transition: background-color, color 0.2s linear;
  167. }
  168. a:hover { color: #EA141F }
  169. a:link, a:visited, a:active { text-decoration: none }
  170. :target { padding-top: 20px }
  171. /*-[ Main container ]---------------*/
  172. .main-container {
  173. width: 1050px;
  174. margin: 0 auto;
  175. max-width: 100%;
  176. }
  177. #page, .container {
  178. max-width: 1050px;
  179. min-width: 240px;
  180. overflow: hidden;
  181. }
  182. .single .article { background: #fff }
  183. .main-header .container { max-width: 100% }
  184. #page {
  185. padding-top: 45px;
  186. min-height: 100px;
  187. display:block;
  188. overflow: hidden;
  189.  
  190. }
  191. /*-[ Header ]-----------------------*/
  192. body > header {
  193. float: left;
  194. width: 100%;
  195. position: relative;
  196. }
  197. .main-header {
  198. position: relative;
  199. float: left;
  200. width: 100%;
  201. z-index: 99;
  202. }
  203. #header {
  204. position: relative;
  205. width: 100%;
  206. max-width: 1050px;
  207. margin: 0 auto;
  208. padding: 5px 0 20px 0;
  209. min-height: 80px;
  210. overflow: hidden;
  211. }
  212. #header h1, #header h2 {
  213. font-size: 44px;
  214. display: inline-block;
  215. line-height: 1;
  216. margin: 23px 0 0;
  217. }
  218. #logo a {
  219. text-transform: none;
  220. font-size: 50px;
  221. font-family: 'Parisienne', cursive;
  222.  
  223. font-style: italic;
  224. padding: 10px 0px 0px 20px;
  225. margin: 0px;
  226. text-decoration: none;
  227. color: #ea8114;
  228. font-weight: bolder;
  229. padding-top: 20px;
  230. }
  231. .widget-header {
  232. float: right;
  233. max-width: 76%;
  234. }
  235. /*-[ Navigation ]-----------------*/
  236. .secondary-navigation .children li .sf-sub-indicator { display: none }
  237. .secondary-navigation {
  238. background: #364956;
  239. display: block;
  240. clear: both;
  241. width: 100%;
  242. max-width: 100%;
  243. margin: 0 auto;
  244. min-height: 45px;
  245. }
  246. .secondary-navigation ul li { }
  247. .secondary-navigation a {
  248. -webkit-transition: all 0.25s linear;
  249. -moz-transition: all 0.25s linear;
  250. transition: all 0.25s linear;
  251. font-size: 14px;
  252. color: #fff;
  253. font-weight: 600;
  254. text-align: left;
  255. text-decoration: none;
  256. padding: 0 20px;
  257. height: 45px;
  258. line-height: 45px;
  259. font-family: 'Monda', sans-serif;
  260. }
  261. .secondary-navigation a .sub {
  262. font-size: 11px;
  263. font-weight: normal;
  264. color: #9B9B9B;
  265. }
  266. .sf-js-enabled li a.sf-with-ul { }
  267. .sf-js-enabled li ul.sf-with-ul { padding-right: 20px }
  268. #navigation .sf-sub-indicator {
  269. display: block;
  270. width: 11px;
  271. overflow: hidden;
  272. position: absolute;
  273. right: 7px;
  274. top: 0;
  275. }
  276. #navigation {
  277. margin: 0 auto 0;
  278. font-size: 13px;
  279. float: left;
  280. width: 100%;
  281. background-color: #FF9900;
  282. }
  283. .secondary-navigation a:hover {
  284. color: white;
  285. background-image: url(images/titlebg.png);
  286. background-color: #E9C420;
  287. }
  288. #navigation select {
  289.  
  290. display: none;
  291. background-color: #FF9900;
  292.  
  293. }
  294. #navigation ul {
  295. max-width: 1050px;
  296. width: 100%;
  297. margin: 0 auto;
  298. }
  299. #navigation ul li {
  300. float: left;
  301. position: relative;
  302. }
  303.  
  304.  
  305. #navigation ul .header-search { float: right }
  306. #navigation > ul > li:last-child { border-right: none }
  307. #navigation ul li a, #navigation ul li a:link, #navigation ul li a:visited {
  308. overflow: hidden;
  309. display: block;
  310. }
  311. #navigation > ul > .current a {
  312. background: transparent;
  313. color: #5a5a5a !important;
  314. }
  315. #navigation ul li li {
  316. background: #fff;
  317. width: 100%;
  318. }
  319. #navigation ul ul {
  320. position: absolute;
  321. width: 190px;
  322. padding: 20px 0 0 0;
  323. padding-top: 0px;
  324. z-index: 400;
  325. font-size: 12px;
  326. color: #798189;
  327. border: 1px solid #ccc;
  328. }
  329. #navigation ul ul a {
  330. color: #555555;
  331. font-weight: normal;
  332. }
  333. #navigation ul ul li {
  334. padding: 0;
  335. background: #fff;
  336. }
  337. #navigation ul ul a, #navigation ul ul a:link, #navigation ul ul a:visited {
  338. position: relative;
  339. width: 134px;
  340. margin-left: 8px;
  341. border-left: 0;
  342. background: transparent;
  343. border-right: 0;
  344. border-bottom: 1px solid #ccc;
  345. }
  346. #navigation ul ul li:first-child a { }
  347. #navigation ul ul li:last-child a { border-bottom: none }
  348. #navigation ul ul {
  349. opacity: 0;
  350. left: -999em;
  351. }
  352. #navigation ul li:hover ul {
  353. left: auto;
  354. opacity: 1;
  355. color: #FFCC00;
  356. }
  357. #navigation ul ul ul { top: -1px }
  358. #navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul {
  359. left: -999em;
  360. opacity: 0;
  361. }
  362. #navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul {
  363. opacity: 1;
  364. left: 190px;
  365. }
  366. #navigation ul ul:after {
  367. left: 10px;
  368. top: -5px;
  369. }
  370. #navigation ul ul ul:after {
  371. border-color: transparent #282E33 transparent transparent;
  372. border-color: transparent rgba(14,19,22,0.92) transparent transparent;
  373. left: -12px;
  374. top: 3px;
  375. }
  376.  
  377. .current-menu-item {
  378. text-decoration: none;
  379. background-color: #ee6604;
  380. }
  381. /*-[ Content ]--------------------*/
  382. .article {
  383. width: 68.6%;
  384. float: left;
  385. margin-bottom: 10px;
  386. position: relative;
  387. min-height: 100%;
  388. }
  389. #content_box {
  390. float: left;
  391. width: 100%;
  392. }
  393. .single #content_box { border: 1px solid #ccc }
  394. .post {
  395. float: left;
  396. width: 100%;
  397.  
  398. }
  399. .single_post {
  400. background-color: #fff;
  401. padding: 22px;
  402. float: left;
  403. width: 92%;
  404. }
  405. .single_page {
  406. background-color: white;
  407. padding: 22px;
  408. border: 1px solid #cdcdcd;
  409. height: 100%;
  410. overflow: hidden;
  411. float:left;
  412.  
  413.  
  414.  
  415.  
  416.  
  417.  
  418.  
  419.  
  420.  
  421. }
  422. .post-content {
  423. padding-top: 15px;
  424. margin-top: 15px;
  425. padding-bottom: 15px;
  426. margin-bottom: 0;
  427. }
  428. .post-single-content {
  429. font-size: 14px;
  430. line-height: 22px;
  431. float: left;
  432. }
  433. .readMore {
  434. float: right;
  435. color: #7B7A79;
  436. }
  437. .readMore a {
  438. color: #fff;
  439. padding: 5px 12px;
  440. -webkit-transition: all 0.25s linear;
  441. -moz-transition: all 0.25s linear;
  442. transition: all 0.25s linear;
  443. background-image: url(images/titlebg.png);
  444. font-family: 'Monda', sans-serif;
  445. }
  446. .readMore a:hover {
  447. color: #fff;
  448. background: #222222;
  449. }
  450. .ss-full-width {
  451. background: white;
  452. padding: 20px;
  453. margin-bottom: 30px;
  454. overflow: hidden;
  455. border: 1px solid #CDCDCD;
  456. }
  457. .ss-full-width #content_box {
  458. padding-right: 0;
  459. padding-left: 0;
  460. }
  461. .post.excerpt {
  462. clear: both;
  463. margin-bottom: 30px;
  464. background-color: #fff;
  465. padding: 20px;
  466. width: auto;
  467. border: 1px solid #cdcdcd;
  468. }
  469. .wp-post-image { float: left }
  470. .advanced-recent-posts .wp-post-image { min-width: 65px }
  471. .featured-thumbnail {
  472. max-width: 580px;
  473. float: none;
  474. width: 100%;
  475. }
  476. #featured-thumbnail {
  477. float: left;
  478. max-width: 150px;
  479. width: 22%;
  480. padding-right: 1.7em;
  481. }
  482. .home_page .featured-thumbnail { max-width: 150px }
  483. .featured-thumbnail img {
  484. margin-bottom: 0;
  485. width: 100%;
  486. margin-top: 5px;
  487. }
  488. .title {
  489. margin-bottom: 5px;
  490. margin-top: 15px;
  491. font-size: 24px;
  492. line-height: 28px;
  493. clear: both;
  494. letter-spacing: -1px;
  495. }
  496. .single-title {
  497. float: left;
  498. padding: 0 0 0 0;
  499. font-size: 32px;
  500. line-height: 1.4;
  501. }
  502. .title a { color: #000 }
  503. .page h1.title { margin-bottom: 0; margin-top: 0;}
  504. .post-info {
  505. display: block;
  506. font-size: 13px;
  507. color: #999999;
  508. }
  509. .single-postmeta {
  510. clear: both;
  511. float: left;
  512. margin-bottom: 10px;
  513. }
  514. .home article header, .archive article header { margin-bottom: 15px }
  515. article header {
  516. margin-bottom: 25px;
  517. float: left;
  518. width: 100%;
  519. }
  520. .single_post header { margin-bottom: 10px }
  521. .post-info a { color: #000 }
  522. .hp_meta {
  523. width: auto;
  524. float: left;
  525. }
  526. .hp_meta span {
  527. display: inline-block;
  528. height: 22px;
  529. float: left;
  530. }
  531. .author_mt .mt_icon {
  532. width: 20px;
  533. background: url(images/meta.png) 0 4px no-repeat;
  534. margin-right: 7px;
  535. }
  536. .cat_mt .mt_icon {
  537. width: 17px;
  538. background: url(images/meta.png) -20px 4px no-repeat;
  539. margin-right: 7px;
  540. margin-left: 10px;
  541. }
  542. .comment_mt .mt_icon {
  543. width: 20px;
  544. background: url(images/meta.png) -38px 4px no-repeat;
  545. margin-right: 7px;
  546. margin-left: 10px;
  547. }
  548. .post-date-ribbon {
  549. width: 100px;
  550. height: 25px;
  551. text-align: center;
  552. line-height: 25px;
  553. color: #fff;
  554. font-size: 12px;
  555. margin-top: -30px;
  556. position: relative;
  557. background-image: url(images/titlebg.png);
  558. }
  559. .single_post .post-date-ribbon { margin-top: -32px }
  560. .corner {
  561. position: absolute;
  562. left: -10px;
  563. width: 0;
  564. height: 0;
  565. border-style: solid;
  566. border-width: 0 0 10px 10px;
  567. border-color: transparent transparent #00aaff transparent;
  568. }
  569. .article img.left, .article img.alignleft, .wp-caption.alignleft {
  570. margin: 0.3em 1.571em 0.5em 0;
  571. display: block;
  572. float: left;
  573. }
  574. .article img.right, .article img.alignright, .wp-caption.alignright {
  575. margin: 0.3em 0 0.5em 1.571em;
  576. display: block;
  577. float: right;
  578. }
  579. .article img.center, .article img.aligncenter, .wp-caption.aligncenter {
  580. margin: 0.3em auto 0.5em auto;
  581. display: block;
  582. }
  583. .article img.aligncenter, .article img.alignnone {
  584. margin-top: 1em;
  585. margin-bottom: 1em;
  586. display: block;
  587. }
  588. .article ul {
  589. margin: 0.5em 0 1.571em 1.9em;
  590. list-style-type: circle;
  591. }
  592. .article ol {
  593. margin: 0.5em 0 1.571em 1.9em;
  594. list-style-type: decimal;
  595. }
  596. /*-[ Tab widget ]------------------------------*/
  597. #tabber {
  598. display: block;
  599. height: auto;
  600. margin: 0px 0px 25px 0px;
  601. overflow: hidden;
  602. max-width: 330px;
  603. padding: 0;
  604. }
  605. #tabber .inside {
  606. background: none repeat scroll 0 0 #FFFFFF;
  607. border-bottom: 1px solid #cccccc;
  608. border-left: 1px solid #cccccc;
  609. border-right: 1px solid #cccccc;
  610. margin-top: 0;
  611. padding: 0 0 25px;
  612. }
  613. #tabber ul.tabs {
  614. overflow: hidden;
  615. height: 38px;
  616. text-align: center;
  617. }
  618. #tabber ul.tabs li {
  619. background: none repeat scroll 0 0 transparent;
  620. border-bottom: medium none;
  621. color: #FFFFFF;
  622. cursor: pointer;
  623. display: inline;
  624. float: left;
  625. font-size: 14px;
  626. font-weight: bold;
  627. text-align: center;
  628. width: 50%;
  629. }
  630. #tabber .tabs a { width: 100% !important }
  631. #tabber .tabs a.selected { width: 98.6% !important }
  632. #tabber ul.tabs li a {
  633. border-bottom: 1px solid #cccccc;
  634. color: #999999;
  635. display: block;
  636. float: left;
  637. line-height: 37px;
  638. margin: 0;
  639. text-align: center;
  640. text-transform: uppercase;
  641. width: 80.5%;
  642. height: 37px;
  643. }
  644. #tabber .tabs a.selected {
  645. border: 1px solid #cccccc;
  646. border-bottom: none;
  647. }
  648. #tabber ul.tabs li a.selected {
  649. background: #fff;
  650. margin: 0;
  651. color: #444;
  652. text-decoration: none;
  653. line-height: 38px;
  654. text-align: center;
  655. }
  656. #tabber ul.tabs li.tab-recent-posts a {
  657. margin: 0;
  658. text-align: center;
  659. }
  660. #tabber ul.tabs li.tab-recent-posts a.selected {
  661. background: #fff;
  662. width: 80.5%;
  663. line-height: 37px;
  664. text-align: center;
  665. }
  666. #tabber ul.tabs li a:hover {
  667. color: #000;
  668. text-decoration: none;
  669. }
  670. #tabber .inside li {
  671. list-style: none;
  672. padding: 15px 0 0 0;
  673. }
  674. #tabber .inside li:first-child { padding-top: 10px !important }
  675. #tabber .inside li a { line-height: 18px }
  676. #tabber .inside li div.info {
  677. display: table;
  678. top: 0px !important;
  679. margin: 0px !important;
  680. padding: 0px !important;
  681. margin-right: 0.8em !important;
  682. }
  683. #tabber .inside li div.info .entry-title {
  684. font-size: 13px;
  685. margin-bottom: 0;
  686. color: #919191;
  687. }
  688. #tabber .inside li div.info .entry-title a { color: #696868 }
  689. #tabber .inside li div.info .entry-title a:hover { }
  690. #tabber .inside li div.info p { color: #919191 }
  691. #tabber .inside li .meta {
  692. display: block;
  693. font-size: 12px;
  694. color: #999;
  695. }
  696. #tabber .inside li .meta b {
  697. font-weight: normal;
  698. color: #999 !important;
  699. }
  700. #tabber .inside li .meta span {
  701. padding: 1px;
  702. height: 1px;
  703. margin-right: 5px;
  704. }
  705. #tabber .tab-thumb {
  706. border: 1px solid #f0f0f0;
  707. padding: 4px;
  708. background: #fff;
  709. float: left;
  710. display: inline;
  711. margin: 0px 12px 0px 0px;
  712. }
  713. .post-number {
  714. position: relative;
  715. width: 22px;
  716. height: 22px;
  717. text-align: center;
  718. line-height: 23px;
  719. font-weight: bold;
  720. color: #fff;
  721. bottom: 22px;
  722. background: #2DB2EB;
  723. }
  724. #tabber .inside .tabsSep {
  725. margin-top: 7px;
  726. width: 100%;
  727. height: 1px;
  728. background-color: #e8e5de;
  729. clear: both;
  730. float: left;
  731. }
  732. /*-[ Popular Posts ]---------------------------*/
  733. .popular-posts .wp-post-image {
  734. width: 50px;
  735. height: 50px;
  736. margin-top: 3px!important;
  737. }
  738. /*-[ Tweets Widget ]---------------------------*/
  739. .tweets li { margin-bottom: 15px!important }
  740. .twitter-follow {
  741. background: url(images/small_twitter.png) no-repeat center left;
  742. padding: 5px 0 5px 20px;
  743. float: right;
  744. }
  745. /*-[ Form Input ]------------------*/
  746. input, textarea, select {
  747. padding: 8px 12px;
  748. font-size: 12px;
  749. color: #5E656D;
  750. }
  751. textarea {
  752. overflow: auto;
  753. resize: vertical;
  754. }
  755. select { padding: 12px 20px }
  756. input:focus, textarea:focus { }
  757. ::-webkit-input-placeholder { }
  758. ::-moz-input-placeholder {
  759. color: #585F65;
  760. text-shadow: 0 1px 1px rgba(255,255,255,0.4);
  761. }
  762. ::-ie-input-placeholder {
  763. color: #585F65;
  764. text-shadow: 0 1px 1px rgba(255,255,255,0.4);
  765. }
  766. ::-o-input-placeholder {
  767. color: #585F65;
  768. text-shadow: 0 1px 1px rgba(255,255,255,0.4);
  769. }
  770. ::input-placeholder {
  771. color: #585F65;
  772. text-shadow: 0 1px 1px rgba(255,255,255,0.4);
  773. }
  774. /*-[ Tables ]--------------------*/
  775. table {
  776. width: 100%;
  777. text-align: left;
  778. margin-bottom: 25px;
  779. border: 2px solid #F1F4F6;
  780. }
  781. thead {
  782. background: #F7F8F9;
  783. font-size: 14px;
  784. color: #585F65;
  785. }
  786. table th, table td {
  787. padding: 7px 15px;
  788. text-align: left;
  789. }
  790. thead th { padding: 14px }
  791. tbody th {
  792. font-weight: normal;
  793. border-bottom: 1px solid #F5F7F9;
  794. }
  795. /*-[ Line ]---------------------*/
  796. hr {
  797. border: none;
  798. border-bottom: 1px solid #E5E5E5;
  799. border-bottom: 1px solid rgba(0,0,0,0.1);
  800. width: 297px;
  801. margin: 35px 0;
  802. clear: both;
  803. position: relative;
  804. }
  805. /*-[ Search Form ]------------------*/
  806. #searchform {
  807. padding: 0;
  808. float: left;
  809. clear: both;
  810. width: 200px;
  811.  
  812. }
  813. nav #searchform {
  814. float: left;
  815. padding: 1.2% 0 0;
  816. }
  817. nav #searchform fieldset {
  818. padding: 5px 0;
  819. border: 0;
  820. width: 100%;
  821. display: block;
  822. position: relative;
  823. }
  824. #searchform fieldset {
  825. float: left;
  826. width: 300px;
  827.  
  828. }
  829. .widget-sidebar #searchform { padding: 0 !important }
  830. #searchform input { border: 0 }
  831. #searchform #s {
  832. border: 1px solid #cccccc;
  833. border-right: none;
  834. }
  835. #searchform input[type="submit"] {
  836. color: #fff;
  837. height: 37px;
  838. padding-bottom: 0;
  839. padding-top: 0;
  840. cursor: pointer;
  841. -webkit-transition: all 0.25s linear;
  842. -moz-transition: all 0.25s linear;
  843. transition: all 0.25s linear;
  844. background-image: url(images/titlebg.png);
  845. width: 85px;
  846. }
  847. .sbutton {
  848. padding: 8px 12px 10px 12px;
  849. border: 1px solid #e8e5de!important;
  850. }
  851. .sidebar_list li:first-child { padding-top: 0!important }
  852. .main-header #s {
  853. width: 150px;
  854. border: none !important;
  855. color: #fff !important;
  856. margin-left: 50px;
  857. }
  858. #s {
  859. width: 70%;
  860. background-color: #fff;
  861. border: 1px solid #cccccc;
  862. float: left;
  863. padding: 10px 0;
  864. text-indent: 10px;
  865. }
  866. .sidebar input[type="submit"] {
  867. width: 22%;
  868. padding: 0;
  869. }
  870. .sidebar #searchform { width: 100% }
  871. .footer-widgets fieldset, #sidebars fieldset { width: 100% }
  872. .footer-widgets .sbutton, #sidebars .sbutton {
  873. float: right;
  874. background-color: #f9f7f2;
  875. text-align: center;
  876. }
  877. .sidebar .sbutton { padding-top: 10px }
  878. #searchform input[type="submit"]:hover { background: #222 }
  879. .breadcrumb {
  880. line-height: 24px;
  881. margin-top: 20px;
  882. }
  883.  
  884. /*-Form----------------------------*/
  885.  
  886. .button_submit {
  887. color: #fff;
  888. height: 37px;
  889. padding-bottom: 0;
  890. padding-top: 0;
  891. cursor: pointer;
  892. -webkit-transition: all 0.25s linear;
  893. -moz-transition: all 0.25s linear;
  894. transition: all 0.25s linear;
  895. background-color: #ea8114;
  896. width: 85px;
  897. border:none;
  898. }
  899.  
  900. .button_submit:hover {
  901.  
  902. background-color: #ee6604;
  903. }
  904.  
  905. [id='7_element_first1'] {
  906.  
  907. margin-right: 5px;
  908. background-color: black;
  909. }
  910.  
  911. input {
  912.  
  913. height: 15px;
  914.  
  915. }
  916.  
  917. /*-[ Read More ]-------------------*/
  918. .read-more {
  919. margin: 0 0 0 10px;
  920. line-height: 1.4em;
  921. background: none;
  922. padding: 0;
  923. font-size: 16px;
  924. }
  925. /*-[ Sidebar ]---------------------*/
  926. #sidebars p { line-height: 20px }
  927. .sidebar.c-4-12 {
  928. float: right;
  929. width: 28.6%;
  930. max-width: 300px;
  931. line-height: 20px;
  932. }
  933. .sidebar.c-4-12 a { color: #555 }
  934. .widget {
  935.  
  936.  
  937. margin-bottom: 20px;
  938. overflow: hidden;
  939. }
  940. #sidebars .widget { padding: 0px }
  941. .widget .title {
  942. font-weight: bold;
  943. text-transform: uppercase;
  944. color: #545E68;
  945. font-size: 12px;
  946. }
  947. .widget li {
  948. list-style-type: square;
  949. margin-bottom: 7px;
  950. }
  951. #content_box h3, .widget h3 {
  952. font-size: 22px;
  953. font-weight: bold;
  954. line-height: 18px;
  955. margin: 5px 0 15px;
  956. }
  957.  
  958. #contacts {
  959.  
  960.  
  961. background-color: white;
  962. border: 1px solid #cdcdcd;
  963. height: 100%;
  964. width: 250px;
  965. padding: 22px;
  966.  
  967. }
  968.  
  969. #contacts h3 {
  970.  
  971. margin-left: 5px;
  972. }
  973.  
  974.  
  975.  
  976. #contacts a img{
  977.  
  978. margin-left: 10px;
  979. padding: 5px 5px 5px 5px;
  980. text-decoration: none;
  981. color: #000;
  982. display: inline-block;
  983. width: 35px;
  984. height: 35px;
  985. border: none;
  986.  
  987. }
  988.  
  989. #contacts a img:hover {
  990.  
  991. background-color: #ee6604;
  992. -webkit-transition: background 0.5s ease;
  993. -moz-transition: background 0.5s ease;
  994. -ms-transition: background 0.5s ease;
  995. -o-transition: background 0.5s ease;
  996. transition: background 0.5s ease;
  997. border-radius: 50px;
  998.  
  999. }
  1000. /*-[ Footer ]-------------------*/
  1001. body > footer {
  1002.  
  1003. overflow: hidden;
  1004. width: 100%;
  1005. background-color: #FF9900;
  1006.  
  1007.  
  1008.  
  1009.  
  1010.  
  1011.  
  1012.  
  1013.  
  1014. }
  1015. body > footer .footeText {
  1016. width: 1050px;
  1017. margin: 22px auto;
  1018. text-align: center;
  1019. color: #fff;
  1020. font-size: 14px;
  1021. font-weight: bold;
  1022. }
  1023. body > footer .footeText a {
  1024. color: #fff;
  1025. border-bottom: 2px solid #ee3f02;
  1026. }
  1027. body > footer .widget { padding: 10px 0 0 0 }
  1028. body > footer .sidebar .widget .title {
  1029. font-size: 135%;
  1030. color: #D4D8DB;
  1031. }
  1032. footer .widget { margin-bottom: 20px }
  1033. footer .widget a { color: #E2E2E2 }
  1034. footer .widget li a:hover { color: #fff }
  1035. footer {
  1036. position: absolute;
  1037. bottom: 0;
  1038. left: 0;
  1039. overflow: hidden;
  1040. background: #364956;
  1041.  
  1042.  
  1043. }
  1044. footer .container {
  1045. background-color: #FF9900;
  1046. }
  1047. footer p { color: #8D8D8D }
  1048. .footer-widgets {
  1049. overflow: hidden;
  1050. padding: 20px 0 10px;
  1051. width: 100%;
  1052. margin: 0;
  1053. }
  1054. .footer-widgets h3 {
  1055. font-size: 20px;
  1056. padding-bottom: 15px;
  1057. color: #fff;
  1058. }
  1059. .footer-widgets .last { }
  1060. .f-widget {
  1061. width: 32%;
  1062. max-width: 301px;
  1063. float: left;
  1064. position: relative;
  1065. color: #C2C2C2;
  1066. margin-bottom: 10px;
  1067. margin-right: 7%;
  1068. }
  1069. .f-widget .advanced-recent-posts a { color: #fff }
  1070. .copyrights {
  1071. float: left;
  1072. width: 100%;
  1073. clear: both;
  1074. padding-bottom: 5px;
  1075. padding-top: 12px;
  1076. border-top: 1px solid rgba(0, 0, 0, 0.12);
  1077. background-color: #FF9900;
  1078. }
  1079. #copyright-note {
  1080. width: 1050px;
  1081. margin: 0 auto;
  1082. clear: both;
  1083. max-width: 100%;
  1084. }
  1085. #copyright-note a { color: #fff }
  1086. #copyright-note a:hover { color: #cfcfcf }
  1087. #sidebars .wp-post-image, footer .wp-post-image {
  1088. margin-bottom: 0;
  1089. margin-top: 5px;
  1090. margin-right: 10px;
  1091. }
  1092. .postsby { margin-bottom: 25px }
  1093. .textwidget a:hover { color: #222!important }
  1094. /*-[ Related Posts ]---------------------------*/
  1095. .related-posts {
  1096. background-color: #FFF;
  1097. margin-top: 0px;
  1098. clear: both;
  1099. float: left;
  1100. padding: 0 4% 3%;
  1101. }
  1102. .postauthor p {
  1103. padding-top: 0px;
  1104. margin: 0;
  1105. }
  1106. .related-posts ul {
  1107. margin-left: 0;
  1108. padding: 0;
  1109. margin: 0;
  1110. overflow: hidden;
  1111. margin-top: 0;
  1112. }
  1113. .related-posts h5 {
  1114. line-height: 20px;
  1115. padding-left: 80px;
  1116. color: #919191;
  1117. text-transform: uppercase;
  1118. font-size: 13px;
  1119. }
  1120. .related-posts h3 {
  1121. font-size: 18px !important;
  1122. margin: 0;
  1123. color: #444;
  1124. }
  1125. .relatedthumb img {
  1126. width: 200px;
  1127. height: 125px;
  1128. margin-top: 5px;
  1129. margin-bottom: 0;
  1130. }
  1131. .postauthor-top { margin-bottom: 10px }
  1132. .related-posts li {
  1133. width: 30.2%;
  1134. float: left;
  1135. list-style: none;
  1136. margin-right: 4.6%;
  1137. min-height: 100px;
  1138. }
  1139. .related-posts a {
  1140. display: block;
  1141. width: 100%;
  1142. color: #666;
  1143. }
  1144. .rp_title {
  1145. width: 100%;
  1146. padding-top: 10px;
  1147. float: left;
  1148. }
  1149. .rthumb {
  1150. float: left;
  1151. margin-right: 0;
  1152. width: 100%;
  1153. display: block;
  1154. }
  1155. .related-posts .last { margin-right: 0 }
  1156. .tags {
  1157. margin: 20px 0 20px 0;
  1158. width: 100%;
  1159. float: left;
  1160. }
  1161. .tags a { margin-left: 5px }
  1162. .postauthor {
  1163. margin: 0;
  1164. padding: 0 4% 3%;
  1165. min-height: 125px;
  1166. background-color: #fff;
  1167. float: left;
  1168. clear: both;
  1169. width: 92%;
  1170. }
  1171. .postauthor h4 {
  1172. font-weight: bold;
  1173. font-size: 18px;
  1174. }
  1175. .postauthor h5 {
  1176. text-transform: capitalize;
  1177. font-weight: bold;
  1178. font-size: 14px;
  1179. padding: 0;
  1180. margin: 0;
  1181. line-height: 24px;
  1182. }
  1183. .postauthor img {
  1184. float: left;
  1185. margin: 5px 25px 15px 0;
  1186. }
  1187. .postauthor h4 a { color: #473636 }
  1188. .clear { clear: both }
  1189. .left { float: left }
  1190. .right { float: right }
  1191. .last { margin-right: 0 }
  1192. .inside .left { margin-left: 1em }
  1193. /*-[ Tag widget ]------------------------------*/
  1194. .tagcloud a {
  1195. font-size: 14px!important;
  1196. padding: 2px 10px;
  1197. border-top: 1px solid #CACACA!important;
  1198. border-left: 3px solid #00A8FF;
  1199. margin-bottom: 10px;
  1200. float: left;
  1201. margin-right: 7px;
  1202. background: #E9E9E9;
  1203. color: #615F5F;
  1204. border-right: 1px solid #CACACA!important;
  1205. border-bottom: 1px solid #CACACA!important;
  1206. }
  1207. /*-[ Ad Widgets ]------------------------------*/
  1208. .ad-125 { padding-top: 10px }
  1209. .ad-125 ul {
  1210. float: left;
  1211. width: 100%;
  1212. margin: 0;
  1213. list-style: none;
  1214. max-width: 100%;
  1215. }
  1216. .ad-125 li {
  1217. float: left;
  1218. border: none;
  1219. list-style: none!important;
  1220. padding-left: 0;
  1221. background: none;
  1222. margin-bottom: 15px;
  1223. margin-left: 0;
  1224. }
  1225. .remove_marg_ad300 { margin-bottom: 0 }
  1226. .ad-125 .evenad { float: right!important }
  1227. footer .ad-300 img, footer .ad-125 img {
  1228. padding: 0;
  1229. background: #FAFAFA;
  1230. border: 0;
  1231. }
  1232. /*-[ Calender Widget ]-------------------------*/
  1233. #wp-calendar td {
  1234. text-align: center;
  1235. padding: 7px 0;
  1236. }
  1237. #wp-calendar th {
  1238. padding: 10px 0;
  1239. text-align: center;
  1240. }
  1241. #wp-calendar caption {
  1242. font-size: 16px;
  1243. padding-bottom: 10px;
  1244. font-weight: bold;
  1245. }
  1246. #wp-calendar #prev {
  1247. text-align: left;
  1248. padding-left: 12px;
  1249. }
  1250. #wp-calendar #next {
  1251. text-align: right;
  1252. padding-right: 12px;
  1253. }
  1254. /*-[Comments]--------------*/
  1255. .total-comments {
  1256. font-size: 18px;
  1257. color: #473636;
  1258. font-weight: bold;
  1259. overflow: hidden;
  1260. float: left;
  1261. margin-left: 4%;
  1262. width: 96%;
  1263. background: #fff;
  1264. }
  1265. .cnumber { color: #2DB2EB }
  1266. #comments {
  1267. padding: 0 4% 20px 4%;
  1268. background-color: #fff;
  1269. float: left;
  1270. clear: both;
  1271. width: 92%;
  1272. }
  1273. #commentsAdd {
  1274. padding: 0 4% 3%;
  1275. background-color: #fff;
  1276. width: 92%;
  1277. float: left;
  1278. clear: both;
  1279. }
  1280. #comments .avatar {
  1281. float: left;
  1282. margin-right: 20px;
  1283. }
  1284. .comment time {
  1285. color: #999999;
  1286. font-size: 13px;
  1287. font-style: italic;
  1288. }
  1289. ul.children .commentImageLeft {
  1290. width: 60px;
  1291. height: 90px;
  1292. border-left: 1px solid #c1bbb6;
  1293. border-bottom: 1px solid #c1bbb6;
  1294. position: absolute;
  1295. top: -50px;
  1296. left: -70px;
  1297. }
  1298. input.text-input, #commentform input { padding: 11px }
  1299. input#author, input#email, input#url {
  1300. width: 300px;
  1301. border: 1px solid #F4F4F4;
  1302. background: #fff;
  1303. font-size: 14px;
  1304. float: left;
  1305. clear: both;
  1306. max-width: 85%;
  1307. }
  1308. input#author, input#email, input#url, #comment {
  1309. -webkit-transition: all 0.25s ease-in-out;
  1310. -moz-transition: all 0.25s ease-in-out;
  1311. transition: all 0.25s ease-in-out;
  1312. border-color: #BEBEBE;
  1313. }
  1314. #cancel-comment-reply-link {
  1315. float: right;
  1316. line-height: 24px;
  1317. margin-top: 0;
  1318. }
  1319. #cancel-comment-reply-link {
  1320. padding: 7px 20px;
  1321. color: white;
  1322. cursor: pointer;
  1323. background: #222;
  1324. }
  1325. #commentform input#submit {
  1326. font-size: 16px;
  1327. text-align: center;
  1328. color: #fff;
  1329. width: 143px;
  1330. height: 34px;
  1331. text-decoration: none;
  1332. float: left;
  1333. cursor: pointer;
  1334. display: inline-block;
  1335. border: none;
  1336. padding: 0;
  1337. -webkit-transition: all 0.25s linear;
  1338. -moz-transition: all 0.25s linear;
  1339. transition: all 0.25s linear;
  1340. }
  1341. #commentform input#submit:hover {
  1342. background: #222222;
  1343. color: #fff;
  1344. }
  1345. ol.commentlist { margin-left: 0 }
  1346. .commentlist li {
  1347. list-style: none;
  1348. margin: 0 0 10px 0;
  1349. padding-left: 0;
  1350. float: left;
  1351. width: 100%;
  1352. border-top: 1px solid #CCCCCC;
  1353. padding: 15px 0;
  1354. }
  1355. .commentContainer {
  1356. padding-top: 10px;
  1357. padding-bottom: 10px;
  1358. float: left;
  1359. width: 100%;
  1360. }
  1361. .children .commentCInner {
  1362. width: 95%;
  1363. float: right;
  1364. }
  1365. .children .children .commentCInner { width: 90% }
  1366. .commentlist p {
  1367. margin-bottom: 0;
  1368. line-height: 21px;
  1369. }
  1370. .fn {
  1371. font-size: 14px;
  1372. line-height: 1.375em;
  1373. }
  1374. .fn a { color: #473636 }
  1375. .comment-meta {
  1376. font-size: 12px;
  1377. font-style: italic;
  1378. }
  1379. .comment-meta a { color: #888 }
  1380. .commentmetadata { overflow: hidden }
  1381. .reply {
  1382. overflow: hidden;
  1383. width: auto;
  1384. float: left;
  1385. }
  1386. .reply a {
  1387. padding: 0 5px;
  1388. font-size: 13px;
  1389. font-style: italic;
  1390. }
  1391. .reply a:hover { color: #222 }
  1392. .commentlist .children {
  1393. margin-left: 13%;
  1394. margin-bottom: 0;
  1395. margin-top: 15px;
  1396. float: left;
  1397. width: 87%;
  1398. }
  1399. .commentlist .children li {
  1400. margin-bottom: 10px;
  1401. padding-bottom: 0;
  1402. }
  1403. .avatar { float: left }
  1404. #respond h3 {
  1405. margin-top: 18px;
  1406. font-size: 18px;
  1407. margin: 15px 0 0 0;
  1408. padding: 0 0 20px 0;
  1409. }
  1410. .cancel-comment-reply a {
  1411. float: right;
  1412. margin-top: -8px;
  1413. font-size: 14px;
  1414. }
  1415. .comment-awaiting-moderation {
  1416. font-style: italic;
  1417. font-weight: bold;
  1418. }
  1419. /*-[ Comment Form ]----------------------------*/
  1420. #commentform textarea {
  1421. width: 96.4%;
  1422. font-family: inherit;
  1423. border: 1px solid #BEBEBE;
  1424. background: #fff;
  1425. font-size: 14px;
  1426. padding: 5px 10px 10px 10px;
  1427. line-height: 25px;
  1428. font-family: georgia;
  1429. font-style: italic;
  1430. }
  1431. #commentform p {
  1432. margin-bottom: 15px;
  1433. float: left;
  1434. width: 100%;
  1435. clear: both;
  1436. }
  1437. #commentform p label {
  1438. float: left;
  1439. padding-bottom: 5px;
  1440. padding-top: 5px;
  1441. }
  1442. .required {
  1443. display: none;
  1444. color: red;
  1445. float: left;
  1446. font-size: 18px;
  1447. padding: 5px;
  1448. padding-top: 9px;
  1449. }
  1450. .comment-notes .required {
  1451. padding-left: 0;
  1452. padding-top: 3px;
  1453. }
  1454. .comment-notes {
  1455. font-style: italic;
  1456. display: none;
  1457. }
  1458. .form-allowed-tags { display: none }
  1459. /*-[ pagination ]------------------*/
  1460. .pagination {
  1461. clear: both;
  1462. overflow: hidden;
  1463. float: left;
  1464. width: 100%;
  1465. padding: 0;
  1466. margin-bottom: 20px;
  1467. }
  1468. .pagination ul {
  1469. list-style: none;
  1470. margin: 0;
  1471. }
  1472. .pagination ul li {
  1473. float: left;
  1474. margin-right: 8px;
  1475. }
  1476. .currenttext, .pagination a:hover {
  1477. color: #fff;
  1478. margin: 0 1px 0 0;
  1479. display: inline-block;
  1480. float: left;
  1481. line-height: 1.2em;
  1482. text-decoration: none;
  1483. padding: 10px 14px;
  1484. border: 1px solid #ccc;
  1485.  
  1486. }
  1487. .pagination a, .pagination2 {
  1488. border: 1px solid #ccc;
  1489. background: #fff;
  1490. margin: 0 1px 0 0;
  1491. display: inline-block;
  1492. float: left;
  1493. line-height: 1.2em;
  1494. text-decoration: none;
  1495. color: #555;
  1496. padding: 10px 14px;
  1497. }
  1498. .pagination a:hover { color: #fff }
  1499. .pagination2 { clear: both }
  1500. .top { float: right }
  1501. .pnavigation2 {
  1502. display: block;
  1503. width: 100%;
  1504. overflow: hidden;
  1505. padding: 10px 0;
  1506. float: left;
  1507. margin-bottom: 10px;
  1508. }
  1509. .nav-previous { float: left }
  1510. .nav-next { float: right }
  1511. .nav-previous a, .nav-next a {
  1512. color: #979494;
  1513. border: 1px solid #CCCCCC;
  1514. padding: 5px 13px;
  1515. background: #fff;
  1516. }
  1517. .nav-previous a:hover, .nav-next a:hover {
  1518. color: #fff !important;
  1519.  
  1520. }
  1521. .comment_text_area { overflow: hidden }
  1522. /*-----------------------------------------------
  1523. /* Responsive
  1524. /*---------------------------------------------*/
  1525. @media screen and (max-width:1050px) {
  1526. #page, .container, .main-header .container { max-width: 96% }
  1527. #page { padding-top: 20px }
  1528. .article { width: 66.3% }
  1529. .sidebar.c-4-12 { width: 30% }
  1530. img, embed {
  1531. max-width: 100%;
  1532. height: auto!important;
  1533. }
  1534. .ad-300 img { max-width: 100% }
  1535. .ad-125 li { max-width: 40% }
  1536. .footer-widgets #s, #sidebars #s { width: 68% }
  1537. .ad-125 img {
  1538. padding: 0;
  1539. background: #FAFAFA;
  1540. border: 0;
  1541. }
  1542. }
  1543. @media screen and (max-width:900px) {
  1544. .widget-header { max-width: 70% }
  1545. nav #searchform { display: none }
  1546. }
  1547. @media screen and (max-width:865px) {
  1548. #header h1, #header h2 { margin: 10px 0 0 0 }
  1549. .secondary-navigation {
  1550. width: 100%;
  1551. background-color: transparent!important;
  1552. }
  1553. #navigation ul {
  1554. float: none;
  1555. display: inline-block;
  1556. }
  1557. .js #navigation > ul { display: none }
  1558. .js #navigation select {
  1559. display: inline-block !important;
  1560. max-width: none;
  1561. border: 1px solid rgb(207, 207, 207);
  1562. background-color: #FF9900;
  1563. border-radius: 3px;
  1564. padding: 8px;
  1565. width: 100%;
  1566. color: rgb(77, 77, 77);
  1567. text-shadow: 0 1px 1px rgb(255, 255, 255);
  1568. font-size: 12px;
  1569. margin: 4px auto;
  1570. background: rgb(238, 238, 238);
  1571. -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  1572. box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  1573. }
  1574. }
  1575. @media screen and (max-width:728px) {
  1576. #header h1, #header h2 {
  1577. width: 100%;
  1578. text-align: center;
  1579. }
  1580. #header { margin: 0 }
  1581. .widget-header {
  1582. max-width: 100%;
  1583. float: left;
  1584. margin-top: 15px;
  1585. }
  1586. }
  1587. @media screen and (max-width:720px) {
  1588. .secondary-navigation a {
  1589. padding-top: 10px!important;
  1590. padding-bottom: 10px!important;
  1591. }
  1592. .article { width: 99.4% }
  1593. #content_box {
  1594. padding-right: 0px;
  1595. padding-left: 0px!important;
  1596. }
  1597. .sidebar.c-4-12 {
  1598. float: left;
  1599. width: 100%;
  1600. }
  1601. .f-widget { width: 44% }
  1602. .f-widget-2 { margin-right: 0 }
  1603. .ad-125 li { max-width: 45% }
  1604. .footer-widgets #s { width: 70% }
  1605. #comments { margin-right: 0 }
  1606. }
  1607. @media screen and (max-width:600px) {
  1608. .featured-thumbnail img { width: 100% }
  1609. .single-title { font-size: 24px }
  1610. }
  1611. @media screen and (max-width:550px) {
  1612. .main-header #s { width: 85% }
  1613. read-more { font-size: 16px }
  1614. .f-widget { width: 95% }
  1615. }
  1616. @media screen and (max-width:460px) {
  1617. .single-title { font-size: 20px }
  1618. }
  1619. @media screen and (max-width:415px) {
  1620. #navigation {
  1621. margin-top: 0;
  1622. margin-bottom: 0;
  1623. }
  1624. .secondary-navigation {
  1625. width: 102%;
  1626. height: 35px;
  1627. }
  1628. .js #navigation select {
  1629. width: 100%;
  1630. margin-right: 0;
  1631. }
  1632. }
  1633. @media screen and (max-width:400px) {
  1634. article header { overflow: hidden }
  1635. .main-header #s { width: 78% }
  1636. #tabber ul.tabs li a { width: 70px }
  1637. #commentform textarea { width: 90% }
  1638. }
  1639. @media screen and (max-width:300px) {
  1640. nav fieldset, .js #navigation select {
  1641. width: 100%;
  1642. float: left;
  1643. }
  1644. .main-header #s { width: 70% }
  1645. .related-posts li { width: 100% }
  1646. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!