Advertisement
Guest User

Untitled

a guest
Nov 22nd, 2017
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.69 KB | None | 0 0
  1. /*********************************************************************************************
  2.  
  3. Theme Name: Campus
  4. Theme URI: http://www.academiathemes.com/themes/campus/
  5. Description: Campus is a free WordPress theme for blogs and review websites.
  6. Author: AcademiaThemes.com
  7. Author URI: http://www.academiathemes.com/
  8. Version: 1.2.7
  9. License: GNU General Public License v2.0
  10. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  11. Tags: two-columns, right-sidebar, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready
  12. Text Domain: campus
  13.  
  14. Campus WordPress theme, Copyright (C) 2016 AcademiaThemes.com
  15. Campus WordPress theme is licensed under the GPL.
  16.  
  17. **********************************************************************************************
  18.  
  19. 0. CSS Reset ------------------------- All Theme Files
  20. 1. Page Structure: Common elements --- All Theme Files
  21. 2. Page Structure: Header ------------- header.php
  22. 3. Navigation ------------------------ header.php
  23. 4. Page Structure: Main Content ------
  24. 5. Content Blocks ---------------------
  25. 6. Single Post / Page ----------------- single.php, page.php
  26. 7. Comments Styling ------------------ comments.php
  27. 8. Page Structure: Footer ------------ footer.php
  28. 9. Misc ------------------------------
  29. 10. Buttons, Forms --------------------
  30. 11. Slideshow -------------------------
  31. 12. Media Queries ---------------------
  32.  
  33. **********************************************************************************************/
  34.  
  35.  
  36. /*********************************************************************************************
  37.  
  38. 0. CSS Reset ------------------------- All Theme Files
  39.  
  40. *********************************************************************************************/
  41.  
  42. article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
  43. html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
  44. b, strong { font-weight: bold; }
  45. pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
  46. pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
  47. small { font-size: 85%; }
  48. ul, ol { margin: 0; padding: 0; list-style-position: inside; }
  49. ul li {list-style-type: none; }
  50. ul ul, ol ol, ul ol, ol ul { margin: 0; }
  51. nav ul, nav ol,
  52. img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
  53. svg:not(:root) { overflow: hidden; }
  54. figure, form, blockquote { margin: 0; }
  55. fieldset { border: 0; margin: 0; padding: 0; }
  56. legend { border: 0; *margin-left: -7px; padding: 0; }
  57. label { cursor: pointer; }
  58. button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
  59. button, input { line-height: normal; *overflow: visible; }
  60. table button, table input { *overflow: auto; }
  61. button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
  62. input[type=checkbox], input[type=radio] { box-sizing: border-box; }
  63. input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
  64. input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
  65. button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
  66. textarea { overflow: auto; vertical-align: top; resize: vertical; }
  67. input:valid, textarea:valid { }
  68. input:invalid, textarea:invalid { background-color: #f0dddd; }
  69. table { border-collapse: collapse; border-spacing: 0; }
  70. th { text-align: left; }
  71. tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
  72. td { vertical-align: top; }
  73. p { margin: 0 0 1em; }
  74.  
  75. /* Smart clearfix */
  76. .clearfix:before,
  77. .clearfix:after {
  78. content: " ";
  79. display: table;
  80. }
  81. .clearfix:after {
  82. clear: both;
  83. }
  84. /* For IE 6/7 only */
  85. .clearfix {
  86. *zoom: 1;
  87. }
  88.  
  89. /*********************************************************************************************
  90.  
  91. 1. Page Structure: Common layout elements
  92.  
  93. *********************************************************************************************/
  94.  
  95. ::-moz-selection{background:#00aeef; color:#fff; }
  96. ::selection{ background:#00aeef; color:#fff; }
  97.  
  98. a { color: #bf5085; text-decoration:none; }
  99. a:hover,
  100. a:focus { color: #2d7f8c; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
  101.  
  102. body {
  103. background-color: #f3f3f3;
  104. color: #444;
  105. font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif;
  106. font-size: 62.5%;
  107. line-height: 1.3em;
  108. text-align: center;
  109. margin: 0;
  110. padding: 0;
  111. }
  112.  
  113. h1,h2,h3,h4,h5,h6 {
  114. color: #333;
  115. font-weight: bold;
  116. margin: 0;
  117. padding: 0;
  118. }
  119.  
  120. h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title a, .title-widget a {
  121. color: #252525;
  122. }
  123.  
  124. h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title a:hover, .title-widget a:hover {
  125. color: #ef4832;
  126. }
  127.  
  128. #container {
  129. font-size: 12px;
  130. line-height: 1.4em;
  131. padding: 0;
  132. text-align: center;
  133. width: 100%;
  134. }
  135.  
  136. .wrapper {
  137. margin: 0 auto;
  138. padding: 0 30px;
  139. text-align: left;
  140. width: 960px;
  141. }
  142.  
  143. .wrapper-center {
  144. text-align: center;
  145. }
  146.  
  147. .wrapper-main {
  148. background-color: #fff;
  149. border-bottom: solid 2px #e7e7e7;
  150. padding: 40px 30px;
  151. }
  152.  
  153. div.cleaner,
  154. div.divider {
  155. margin:0;
  156. clear: both;
  157. font-size:1px;
  158. height: 1px;
  159. line-height: 1px;
  160. }
  161.  
  162. div.divider {
  163. border-top: solid 1px #f0e5d8;
  164. margin: 20px 0;
  165. }
  166.  
  167. div.divider-blank {
  168. border: 0;
  169. margin: 20px 0;
  170. }
  171.  
  172. div.divider-notop {
  173. margin-top: 0;
  174. }
  175.  
  176. div.divider-main {
  177. background-color: #fff;
  178. border-top: solid 4px #666;
  179. border-bottom: solid 1px #d1d0cf;
  180. height: 2px;
  181. }
  182.  
  183. .title-xl {
  184. font-size: 34px;
  185. line-height: 46px;
  186. }
  187.  
  188. .title-l {
  189. font-size: 28px;
  190. line-height: 40px;
  191. }
  192.  
  193. .title-m {
  194. font-size: 22px;
  195. line-height: 30px;
  196. }
  197.  
  198. .title-ms {
  199. font-size: 18px;
  200. line-height: 28px;
  201. }
  202.  
  203. .title-s {
  204. font-size: 14px;
  205. line-height: 24px;
  206. }
  207.  
  208. .title-xs {
  209. font-size: 12px;
  210. line-height: 22px;
  211. }
  212.  
  213. .title-widget {
  214. font-size: 18px;
  215. font-weight: bold;
  216. line-height: 1.6em;
  217. margin: 0 0 15px;
  218. }
  219.  
  220. .title-center {
  221. text-align: center;
  222. }
  223.  
  224. .title-caps {
  225. font-weight: normal;
  226. text-transform: uppercase;
  227. }
  228.  
  229. .title-spacing {
  230. letter-spacing: 4px;
  231. }
  232.  
  233. .title-margin {
  234. margin-bottom: 20px;
  235. }
  236.  
  237. /*********************************************************************************************
  238.  
  239. 2. Page Structure: Header
  240.  
  241. *********************************************************************************************/
  242.  
  243. header {
  244. background-color: #606a7a;
  245. font-family: 'Source Sans Pro', Arial, Tahoma, sans-serif;
  246. padding: 0;
  247. }
  248.  
  249. .wrapper-header {
  250. background-color: #687281;
  251. padding: 20px 30px 40px;
  252. }
  253.  
  254. #logo {
  255. margin: 0;
  256. }
  257.  
  258. #logo-anchor {
  259. color: #fff;
  260. display: inline-block;
  261. font-size: 40px;
  262. font-weight: 600;
  263. line-height: 1.5em;
  264. margin: 0 0 5px;
  265. text-transform: uppercase;
  266. }
  267.  
  268. #logo-anchor:hover {
  269. color: #d7c6a3;
  270. }
  271.  
  272. #logo .logo-tagline {
  273. color: #fff;
  274. font-size: 15px;
  275. line-height: 22px;
  276. margin: 0;
  277. }
  278.  
  279. /*********************************************************************************************
  280.  
  281. 3. Navigation
  282.  
  283. *********************************************************************************************/
  284.  
  285. .secondary-menu {
  286. margin: 0 0 20px;
  287. text-align: right;
  288. }
  289.  
  290. .secondary-menu li {
  291. display: inline-block;
  292. font-size: 14px;
  293. }
  294.  
  295. .secondary-menu .divider {
  296. color: #90a3b9;
  297. display: inline-block;
  298. margin: 0 2px 0 5px;
  299. }
  300.  
  301. .secondary-menu li:last-child .divider {
  302. display: none;
  303. }
  304.  
  305. .secondary-menu a {
  306. color: #fff;
  307. }
  308.  
  309. .secondary-menu a:hover {
  310. color: #d7c6a3;
  311. }
  312.  
  313. /* Main Menu */
  314.  
  315. #header-menu {
  316. background-color: #383e47;
  317. margin: 0;
  318. }
  319.  
  320. #menu-main .academia-notice {
  321. color: #aaa;
  322. margin: 0;
  323. padding: 15px 0;
  324. text-transform: none;
  325. }
  326.  
  327. #menu-main .academia-notice a {
  328. display: inline;
  329. float: none;
  330. padding: 0;
  331. }
  332.  
  333. #menu-main {
  334. text-align: center;
  335. }
  336.  
  337. #menu-main li {
  338. display: inline-block;
  339. font-size: 16px;
  340. font-weight: 600;
  341. margin: 0;
  342. position: relative;
  343. text-transform: uppercase;
  344. }
  345.  
  346. #menu-main li li {
  347. background-color: #333;
  348. font-weight: 400;
  349. text-transform: none;
  350. }
  351.  
  352. #menu-main li li .separator {
  353. display: none;
  354. }
  355.  
  356. #menu-main li:hover {
  357. visibility: inherit; /* fixes IE7 'sticky bug' */
  358. }
  359.  
  360. #menu-main li:last-child {
  361. border-right: 0;
  362. }
  363.  
  364. #menu-main .current-menu-item > a,
  365. #menu-main .current-menu-ancestor > a,
  366. #menu-main a:hover,
  367. #menu-main a:focus,
  368. #menu-main a:active {
  369. color: #ecd987;
  370. }
  371.  
  372. #menu-main .current-menu-item li a {
  373. color: #aaa;
  374. }
  375.  
  376. #menu-main .dropdown ul {
  377. position: absolute;
  378. top: -999em;
  379. width: 170px; /* left offset of submenus need to match (see below) */
  380. text-align: left;
  381. margin: 0;
  382. padding: 10px 5px;
  383. background: #272727;
  384. text-transform: none;
  385. }
  386.  
  387. #menu-main .dropdown ul li {
  388. display: block;
  389. width: 100%;
  390. font-size: 14px;
  391. line-height: 22px;
  392. margin: 0;
  393. padding: 3px 0;
  394. border-right: 0;
  395. border-bottom: solid 1px #444;
  396. }
  397.  
  398. #menu-main .dropdown ul li a {
  399. display: block;
  400. padding:6px 12px;
  401. border-radius: 0;
  402. -moz-border-radius: 0;
  403. -webkit-border-radius: 0;
  404. border-bottom: none;
  405. }
  406.  
  407. #menu-main a {
  408. color: #fff;
  409. display: inline-block;
  410. padding: 16px 15px;
  411. position: relative;
  412. text-decoration: none;
  413. }
  414.  
  415. #menu-main li li a,
  416. #menu-main .current-menu-item li a,
  417. #menu-main li .current-menu-item a,
  418. #menu-main li li a:hover {
  419. background: none;
  420. border: none;
  421. -moz-box-shadow: none;
  422. -webkit-box-shadow: none;
  423. }
  424.  
  425. #menu-main li li a {
  426. color: #aaa;
  427. }
  428.  
  429. #menu-main li li a:hover {
  430. background-color: #333;
  431. color: #fff;
  432. }
  433.  
  434. #menu-main .dropdown li:hover ul,
  435. #menu-main .dropdown .sfHover ul {
  436. padding: 0;
  437. margin: 0;
  438. left: 0;
  439. top: 3.0em; /* match top ul list item height */
  440. z-index: 99;
  441. border-top: solid 2px #555;
  442. }
  443.  
  444. #menu-main .dropdown li:hover li ul,
  445. #menu-main .dropdown .sfHover li ul {
  446. border-top: solid 2px #555;
  447. top: -999em;
  448. }
  449.  
  450. #menu-main .dropdown li li:hover ul,
  451. #menu-main .dropdown li .sfHover ul {
  452. left: 171px; /* match ul width */
  453. top: -2px;
  454. }
  455.  
  456. #menu-main .dropdown li li:hover li ul,
  457. #menu-main .dropdown li .sfHover li ul {
  458. top: -999em;
  459. }
  460.  
  461. #menu-main .dropdown li li li:hover ul,
  462. #menu-main .dropdown li li .sfHover ul {
  463. left: 171px; /* match ul width */
  464. top: 0;
  465. }
  466.  
  467. #menu-main .dropdown li:hover, .dropdown li.sfHover,
  468. #menu-main .dropdown a:focus, .dropdown a:hover, .dropdown a:active {
  469. outline: 0;
  470. }
  471.  
  472. #menu-main .dropdown li ul .sf-sub-indicator { display:inline; }
  473.  
  474. #menu-main .cleaner {
  475. clear: left;
  476. display: block;
  477. float: none;
  478. font-size: 1px;
  479. height: 1px;
  480. line-height: 1px;
  481. }
  482.  
  483. /*********************************************************************************************
  484.  
  485. 4. Page Structure: Main Content
  486.  
  487. *********************************************************************************************/
  488.  
  489. #main {
  490. display: inline;
  491. float: left;
  492. width: 68.75%;
  493. }
  494.  
  495. aside {
  496. display: inline;
  497. float: left;
  498. width: 31.25%;
  499. }
  500.  
  501. aside .wrapper-aside {
  502. margin-left: 20px;
  503. }
  504.  
  505. .wrapper-content {
  506. margin-right: 30px;
  507. }
  508.  
  509. aside .widget {
  510. font-size: 14px;
  511. line-height: 1.75em;
  512. margin-bottom: 30px;
  513. }
  514.  
  515. aside img,
  516. aside select,
  517. aside input {
  518. height: auto;
  519. max-width: 100%;
  520. }
  521.  
  522.  
  523. /*********************************************************************************************
  524.  
  525. 5. Content Blocks
  526.  
  527. *********************************************************************************************/
  528.  
  529. /* Academia Photos Gallery */
  530.  
  531. #academia-gallery {
  532. max-width: 100%;
  533. display: block;
  534. z-index: 2;
  535. width: 100%;
  536. overflow: hidden;
  537. position: relative;
  538. text-align: center;
  539. margin-bottom: 30px;
  540. }
  541.  
  542. #academia-gallery iframe {
  543. max-width: 100%;
  544. }
  545.  
  546. .academia-gallery-slide {
  547. position: relative;
  548. }
  549.  
  550. #academia-gallery .slide-meta {
  551. background: transparent url(images/back-aside85.png) repeat top left;
  552. color: #fff;
  553. padding: 20px;
  554. position: absolute;
  555. bottom: 10px;
  556. left: 0;
  557. max-width: 75%;
  558. text-align: left;
  559. }
  560.  
  561. #academia-gallery a {
  562. color: #fff;
  563. }
  564.  
  565. #academia-gallery a:hover,
  566. #academia-gallery a:focus {
  567. color: #f4dd97;
  568. }
  569.  
  570. #academia-gallery .title-post {
  571. font-size: 18px;
  572. font-weight: 600;
  573. line-height: 30px;
  574. }
  575.  
  576. #academia-gallery img {
  577. height: auto;
  578. width: 100%;
  579. }
  580.  
  581. /* Academia Posts Archives */
  582.  
  583. .academia-posts .academia-post {
  584. border-bottom: solid 1px #f1f1f1;
  585. margin-bottom: 15px;
  586. padding-bottom: 15px;
  587. }
  588.  
  589. .academia-posts li.sticky {
  590. border-bottom-color: #b1b1b1;
  591. }
  592.  
  593. .academia-posts span.sticky {
  594. color: #cc0000;
  595. font-size: 12px;
  596. font-weight: bold;
  597. }
  598.  
  599. .academia-posts .post-cover {
  600. display: inline;
  601. float: left;
  602. margin-right: 4.7619%;
  603. margin-bottom: 10px;
  604. width: 41.2698%;
  605. }
  606.  
  607. .academia-posts .post-cover .thumbnail {
  608. height: auto;
  609. width: 100%;
  610. }
  611.  
  612. .academia-posts .post-meta,
  613. .post-intro .post-meta {
  614. color: #999;
  615. font-size: 13px;
  616. letter-spacing: 1px;
  617. margin: 20px 0 0;
  618. text-transform: uppercase;
  619. }
  620.  
  621. .academia-posts .post-content {
  622. overflow: hidden;
  623. }
  624.  
  625. .academia-posts .cover-wrapper {
  626. padding-right: 20px;
  627. }
  628.  
  629. .academia-posts .title-post {
  630. margin-bottom: 15px;
  631. }
  632.  
  633. .academia-posts .post-excerpt {
  634. font-size: 15px;
  635. line-height: 1.75em;
  636. margin: 0;
  637. }
  638.  
  639. aside .widget_nav_menu .menu-item,
  640. footer .widget_nav_menu .menu-item,
  641. .academia-related-pages .academia-related-page {
  642. list-style-type: circle;
  643. }
  644.  
  645. aside .widget_nav_menu .current-menu-item,
  646. footer .widget_nav_menu .current-menu-item,
  647. .academia-related-pages .current-page {
  648. list-style-type: disc;
  649. }
  650.  
  651. .academia-related-pages .current-page a {
  652. color: #222;
  653. font-weight: bold;
  654. }
  655.  
  656. .academia-home-full {
  657. border-bottom: solid 1px #ddd;
  658. font-size: 16px;
  659. line-height: 1.75em;
  660. margin-bottom: 30px;
  661. padding-bottom: 10px;
  662. }
  663.  
  664. .academia-home-full .title-widget {
  665. font-size: 30px;
  666. line-height: 1.4em;
  667. }
  668.  
  669. /*********************************************************************************************
  670.  
  671. 6. Single: Post/Page Styling
  672.  
  673. *********************************************************************************************/
  674.  
  675. .post-single {
  676. color: #555;
  677. font-size: 16px;
  678. line-height: 1.75em;
  679. }
  680.  
  681. .post-intro .divider {
  682. border-top-color: #f1f1f1;
  683. }
  684.  
  685. .post-meta-single .divider {
  686. margin: 10px 0;
  687. }
  688.  
  689. .post-single h2,
  690. .post-single h3,
  691. .post-single h4,
  692. .post-single h5,
  693. .post-single h6 {
  694. font-weight: bold;
  695. margin: 12px 0 12px;
  696. line-height: 1.75em;
  697. }
  698.  
  699. .post-single h1 {
  700. font-size: 32px;
  701. line-height: 40px;
  702. }
  703.  
  704. .post-single h2 {
  705. font-size: 26px;
  706. }
  707.  
  708. .post-single h3 {
  709. font-size: 22px;
  710. }
  711.  
  712. .post-single h4 {
  713. font-size: 18px;
  714. }
  715.  
  716. .post-single h5 {
  717. font-size: 16px;
  718. }
  719.  
  720. .post-single h6 {
  721. font-size: 14px;
  722. }
  723.  
  724. .post-single p {
  725. margin-top: 0;
  726. margin-bottom: 1.5em;
  727. }
  728.  
  729. .post-single img {
  730. margin-bottom: 20px;
  731. }
  732.  
  733. .alignnone,
  734. .aligncenter,
  735. .alignleft,
  736. .alignright,
  737. .wp-caption img {
  738. max-width: 100%;
  739. width:auto;
  740. height:auto;
  741. }
  742.  
  743. .alignleft {
  744. display: inline;
  745. float: left;
  746. }
  747.  
  748. .alignright {
  749. display: inline;
  750. float: right;
  751. }
  752.  
  753. .aligncenter {
  754. display: block;
  755. margin-left: auto;
  756. margin-right: auto;
  757. }
  758.  
  759. .post-single img.alignleft {
  760. margin-right: 20px;
  761. }
  762.  
  763. .post-single img.alignright {
  764. margin-left: 20px;
  765. }
  766.  
  767. .post-single iframe,
  768. .wp-caption {
  769. max-width: 100%;
  770. }
  771.  
  772. .post-single textarea {
  773. max-width: 97%;
  774. }
  775.  
  776. .post-single ul,
  777. .post-single ol {
  778. margin: 0 0 1em 1em;
  779. }
  780. .post-single li ul,
  781. .post-single li ol {
  782. margin-bottom: 0;
  783. }
  784. .post-single li {
  785. list-style-position: outside;
  786. margin-left: 20px;
  787. }
  788. .post-single ul li {
  789. list-style-type: square;
  790. }
  791. .post-single ol li {
  792. list-style-type: decimal;
  793. }
  794. .post-single blockquote {
  795. color:#999;
  796. border-left: solid 3px #ececec;
  797. padding: 0 15px;
  798. margin: 10px;
  799. }
  800. .post-single a {
  801. text-decoration:none;
  802. }
  803. .post-single a:hover {
  804. text-decoration:underline;
  805. cursor: pointer;
  806. }
  807.  
  808. .post-single th {
  809. padding: 5px;
  810. text-align: left;
  811. }
  812.  
  813. .post-single td {
  814. padding: 5px;
  815. }
  816.  
  817. .academia-post-share {
  818. margin: 15px 0;
  819. padding-bottom: 15px;
  820. }
  821.  
  822. .post-featured-cover {
  823. margin: 0 0 20px -40px;
  824. }
  825.  
  826. /*********************************************************************************************
  827.  
  828. 7. Comments Styling
  829.  
  830. *********************************************************************************************/
  831.  
  832. #academia-comments {
  833. margin: 30px 0;
  834. }
  835.  
  836. .commentlist .comment,
  837. .commentlist .pingback,
  838. .commentlist .trackback {
  839. border-bottom: solid 1px #e3e3e3;
  840. list-style-type: none;
  841. margin-bottom: 12px;
  842. padding-bottom: 12px;
  843. }
  844.  
  845. .commentlist > .comment:last-child {
  846. border-bottom: 0;
  847. margin-bottom: 30px;
  848. padding-bottom: 0;
  849. }
  850.  
  851. .commentlist .children {
  852. padding-left: 12.9032%;
  853. }
  854.  
  855. .commentlist .avatar {
  856. background-color: #fff;
  857. border: solid 1px #eeeeee;
  858. padding: 4px;
  859. height: auto;
  860. width: 100%;
  861. max-width: 50px;
  862. }
  863.  
  864. .commentlist .byuser .avatar {
  865. border-color: #ccc;
  866. }
  867.  
  868. .commentlist .byuser .comment-author-name {
  869. color: #ef4832;
  870. }
  871.  
  872. .commentlist .comment-author {
  873. display: inline;
  874. float: left;
  875. margin-right: 20px;
  876. width: 60px;
  877. text-align: center;
  878. }
  879.  
  880. .commentlist .comment-author-name {
  881. color: #252525;
  882. display: inline-block;
  883. font-size: 15px;
  884. font-weight: bold;
  885. font-style: normal;
  886. line-height: 22px;
  887. margin-bottom: 12px;
  888. }
  889.  
  890. .commentlist .comment-timestamp {
  891. color: #999;
  892. font-size: 13px;
  893. margin-left: 5px;
  894. text-align: right;
  895. }
  896.  
  897. .commentlist .comment-bullet {
  898. color: #ccc;
  899. font-size: 13px;
  900. margin: 0 2px;
  901. }
  902.  
  903. .commentlist .comment-body {
  904. font-size: 14px;
  905. line-height: 1.75em;
  906. overflow: hidden;
  907. padding-top: 5px;
  908. }
  909.  
  910. .commentlist .comment-edit-link {
  911. font-size: 13px;
  912. }
  913.  
  914. .comment-body p {
  915. margin: 0 0 1.5em;
  916. }
  917.  
  918. .comment-awaiting-moderation {
  919. color: #999;
  920. font-style: italic;
  921. }
  922.  
  923. .commentlist .reply {
  924. margin-top: 10px;
  925. text-transform: lowercase;
  926. }
  927.  
  928. .commentlist .comment-reply-link {
  929. font-size: 13px;
  930. padding: 4px 10px;
  931. }
  932.  
  933. /* Comment Form */
  934.  
  935. #respond .academia-comment-label {
  936. color: #252525;
  937. display: block;
  938. font-size: 15px;
  939. font-weight: bold;
  940. margin: 0 0 8px;
  941. }
  942.  
  943. #respond .academia-comment-input {
  944. border: solid 1px #ddd;
  945. font-family: Arial, Tahoma, sans-serif;
  946. font-size: 14px;
  947. line-height: 20px;
  948. padding: 5px;
  949. width: 70%;
  950. -webkit-border-radius: 2px;
  951. -moz-border-radius: 2px;
  952. border-radius: 2px;
  953. }
  954.  
  955. #respond .academia-comment-input:focus {
  956. background-color: #e1f2fa;
  957. border-color: #bdd8e5;
  958. }
  959.  
  960. #respond .required_lab {
  961. color: #ef4832;
  962. }
  963.  
  964. #respond .comment-form-p {
  965. margin: 0 0 15px;
  966. }
  967.  
  968. #respond .form-submit {
  969. margin: 0;
  970. }
  971.  
  972. #respond .comment-notes,
  973. #respond .form-allowed-tags {
  974. display: none;
  975. }
  976.  
  977. #respond #submit {
  978. margin-top: 10px;
  979. }
  980.  
  981. /* Reply Form */
  982.  
  983. .comment #respond {
  984. margin-top: 30px;
  985. }
  986.  
  987. #reply-title {
  988. font-size: 18px;
  989. margin: 0 0 20px;
  990. }
  991.  
  992. #reply-title a {
  993. color: #1c97d4;
  994. }
  995.  
  996. #reply-title a:hover {
  997. color: #ef4832;
  998. }
  999.  
  1000. /*********************************************************************************************
  1001.  
  1002. 8. Page Structure: Footer
  1003.  
  1004. *********************************************************************************************/
  1005.  
  1006. footer {
  1007. font-size: 14px;
  1008. line-height: 1.75em;
  1009. padding-top: 40px;
  1010. }
  1011.  
  1012. .wrapper-footer {
  1013. padding-bottom: 0;
  1014. }
  1015.  
  1016. .wrapper-copy {
  1017. border-top: solid 1px #ddd;
  1018. font-size: 13px;
  1019. padding: 30px 0 30px;
  1020. }
  1021.  
  1022. .wrapper-copy .academia-credit {
  1023. display: inline;
  1024. float: right;
  1025. margin: 0;
  1026. }
  1027.  
  1028. .wrapper-copy a {
  1029. color: #666;
  1030. }
  1031.  
  1032. .wrapper-copy a:hover {
  1033. color: #cf5430;
  1034. }
  1035.  
  1036. footer .academia-column {
  1037. display: inline;
  1038. float: left;
  1039. margin-right: 3.125%;
  1040. width: 31.25%;
  1041. }
  1042.  
  1043. footer .academia-column-3 {
  1044. margin-right: 0;
  1045. }
  1046.  
  1047. footer .widget {
  1048. margin-bottom: 30px;
  1049. }
  1050.  
  1051. /*********************************************************************************************
  1052.  
  1053. 9. Misc
  1054.  
  1055. *********************************************************************************************/
  1056.  
  1057. /* Pagination */
  1058. div.navigation {text-align: center; margin: 20px 0 25px; font-size: 12px; }
  1059. div.navigation p {margin: 0;}
  1060. div.navigation a {padding: 7px 10px; line-height: 24px; background-color: #f1f1f1; color: #333; }
  1061. div.navigation .current { font-weight:bold; background-color: #bf5085; color: #fff; padding: 7px 10px; line-height: 24px;}
  1062. div.navigation a:hover {
  1063. background: none;
  1064. background-color: #bf5085;
  1065. color: #fff;
  1066. }
  1067.  
  1068. #searchform label {
  1069. display: none;
  1070. }
  1071.  
  1072. #s {
  1073. background-color: #fff;
  1074. display: inline;
  1075. float: left;
  1076. border: solid 1px #ccc;
  1077. font-size: 13px;
  1078. margin: 0 3px 10px 0;
  1079. padding: 6px 5px;
  1080. width: 70%;
  1081. }
  1082.  
  1083. #searchsubmit {
  1084. border: none;
  1085. display: inline;
  1086. float: left;
  1087. }
  1088.  
  1089. /* Begin Images */
  1090. .post-single .aligncenter { display: block; margin-left: auto; margin-right: auto; }
  1091. .post-single .alignright { margin: 0 0 5px 20px; display: inline; }
  1092. .post-single .alignleft { margin: 0 20px 5px 0; display: inline; }
  1093.  
  1094. /* Caption for images */
  1095. .wp-caption { background-color: #f3f3f3; border-bottom: solid 1px #e3e3e3; padding: 0 0 15px; }
  1096. .wp-caption img { background:none; margin: 0 0 15px; border:0 none; max-width:100%; width: 100%; height:auto; }
  1097. .wp-caption-text, .gallery-caption { color:#777; font-size:11px; line-height: 1.4em; margin:0 10px; }
  1098. .wp-caption.aligncenter { margin:0 auto 15px; }
  1099.  
  1100. /* Text meant only for screen readers. */
  1101. .screen-reader-text {
  1102. clip: rect(1px, 1px, 1px, 1px);
  1103. position: absolute !important;
  1104. height: 1px;
  1105. width: 1px;
  1106. overflow: hidden;
  1107. }
  1108.  
  1109. .screen-reader-text:focus {
  1110. background-color: #f1f1f1;
  1111. border-radius: 3px;
  1112. box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1113. clip: auto !important;
  1114. color: #21759b;
  1115. display: block;
  1116. font-size: 14px;
  1117. font-size: 0.875rem;
  1118. font-weight: bold;
  1119. height: auto;
  1120. left: 5px;
  1121. line-height: normal;
  1122. padding: 15px 23px 14px;
  1123. text-decoration: none;
  1124. top: 5px;
  1125. width: auto;
  1126. z-index: 100000; /* Above WP toolbar. */
  1127. }
  1128.  
  1129. /* [gallery] shortcode styling */
  1130. .post-single .gallery { margin: auto; text-align:center; clear:both; }
  1131. .post-single .gallery-icon {
  1132. background-color: #fff;
  1133. border: solid 1px #eeeeee;
  1134. margin-bottom: 10px;
  1135. padding: 4px;
  1136. }
  1137. .post-single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 10px; width: 30%; }
  1138. .post-single .gallery img { width: 100%; height: auto; margin: 0; }
  1139. .post-single .gallery-caption { margin-left: 0; }
  1140.  
  1141. /* Recent Comments Widget */
  1142.  
  1143. #recentcomments .recentcomments {
  1144. font-size: 11px;
  1145. margin-bottom: 8px;
  1146. }
  1147.  
  1148. /* Recent Posts Widget */
  1149.  
  1150. /* WordPress check fixes */
  1151.  
  1152. .sticky,
  1153. .bypostauthor {
  1154.  
  1155. }
  1156.  
  1157. /*********************************************************************************************
  1158.  
  1159. 10. Buttons, Forms
  1160.  
  1161. *********************************************************************************************/
  1162.  
  1163. .button {
  1164. display: inline;
  1165. }
  1166.  
  1167. input.button.gform_button,
  1168. .button,
  1169. #respond #submit,
  1170. #searchsubmit {
  1171. font-weight: bold;
  1172. text-align: center;
  1173. padding: 10px 20px;
  1174. border: solid 1px #2b849e;
  1175. cursor: pointer;
  1176. height: auto;
  1177. color: #fff;
  1178. -webkit-border-radius: 2px;
  1179. -moz-border-radius: 2px;
  1180. border-radius: 2px;
  1181. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1182. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1183. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  1184. -webkit-transition: 0.1s linear all;
  1185. -moz-transition: 0.1s linear all;
  1186. -ms-transition: 0.1s linear all;
  1187. -o-transition: 0.1s linear all;
  1188. transition: 0.1s linear all;
  1189. }
  1190.  
  1191. input.button.gform_button,
  1192. .button.blue,
  1193. #respond #submit,
  1194. #searchsubmit {
  1195. background-color: #0064cd;
  1196. background-repeat: repeat-x;
  1197. background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
  1198. background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
  1199. background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
  1200. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
  1201. background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
  1202. background-image: -o-linear-gradient(top, #049cdb, #0064cd);
  1203. background-image: linear-gradient(top, #049cdb, #0064cd);
  1204. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0);
  1205. border-color: #0064cd #0064cd #003f81;
  1206. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1207. text-shadow: #09509a 1px 1px 0;
  1208. }
  1209.  
  1210. .button.green {
  1211. background-color: #57a957;
  1212. background-repeat: repeat-x;
  1213. background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  1214. background-image: -moz-linear-gradient(top, #62c462, #57a957);
  1215. background-image: -ms-linear-gradient(top, #62c462, #57a957);
  1216. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  1217. background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  1218. background-image: -o-linear-gradient(top, #62c462, #57a957);
  1219. background-image: linear-gradient(top, #62c462, #57a957);
  1220. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  1221. border-color: #57a957 #57a957 #3d773d;
  1222. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1223. text-shadow: #3e783e 1px 1px 0;
  1224. }
  1225.  
  1226. .button.orange {
  1227. background-color: #c98610;
  1228. background-repeat: repeat-x;
  1229. background-image: -khtml-gradient(linear, left top, left bottom, from(#e49d1f), to(#c98610));
  1230. background-image: -moz-linear-gradient(top, #e49d1f, #c98610);
  1231. background-image: -ms-linear-gradient(top, #e49d1f, #c98610);
  1232. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e49d1f), color-stop(100%, #c98610));
  1233. background-image: -webkit-linear-gradient(top, #e49d1f, #c98610);
  1234. background-image: -o-linear-gradient(top, #e49d1f, #c98610);
  1235. background-image: linear-gradient(top, #e49d1f, #c98610);
  1236. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e49d1f', endColorstr='#c98610', GradientType=0);
  1237. border-color: #c98610 #c98610 #bf831c;
  1238. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1239. text-shadow: #bf831c 1px 1px 0;
  1240. }
  1241.  
  1242. .button.purple {
  1243. background-color: #4f337d;
  1244. background-repeat: repeat-x;
  1245. background-image: -khtml-gradient(linear, left top, left bottom, from(#664a96), to(#4f337d));
  1246. background-image: -moz-linear-gradient(top, #664a96, #4f337d);
  1247. background-image: -ms-linear-gradient(top, #664a96, #4f337d);
  1248. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #664a96), color-stop(100%, #4f337d));
  1249. background-image: -webkit-linear-gradient(top, #664a96, #4f337d);
  1250. background-image: -o-linear-gradient(top, #664a96, #4f337d);
  1251. background-image: linear-gradient(top, #664a96, #4f337d);
  1252. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#664a96', endColorstr='#4f337d', GradientType=0);
  1253. border-color: #4f337d #4f337d #382458;
  1254. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1255. text-shadow: #3a2164 1px 1px 0;
  1256. }
  1257.  
  1258. .button.red {
  1259. background-color: #c43c35;
  1260. background-repeat: repeat-x;
  1261. background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  1262. background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  1263. background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  1264. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  1265. background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  1266. background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  1267. background-image: linear-gradient(top, #ee5f5b, #c43c35);
  1268. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  1269. border-color: #c43c35 #c43c35 #882a25;
  1270. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1271. text-shadow: #a8332d 1px 1px 0;
  1272. }
  1273.  
  1274. .button.silver {
  1275. background-color: #e6e6e6;
  1276. background-repeat: repeat-x;
  1277. background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
  1278. background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1279. background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
  1280. background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1281. background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1282. background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
  1283. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  1284. border-color: #339bb9 #339bb9 #22697d;
  1285. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1286. text-shadow: #fff 1px 1px 0;
  1287. color: #333;
  1288. }
  1289.  
  1290. .button.teal {
  1291. background-color: #339bb9;
  1292. background-repeat: repeat-x;
  1293. background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  1294. background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  1295. background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  1296. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  1297. background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  1298. background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  1299. background-image: linear-gradient(top, #5bc0de, #339bb9);
  1300. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  1301. border-color: #339bb9 #339bb9 #22697d;
  1302. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1303. text-shadow: #2a819a 1px 1px 0;
  1304. }
  1305.  
  1306. input.button.gform_button:hover,
  1307. .button:hover,
  1308. #respond #submit:hover,
  1309. #searchsubmit:hover {
  1310. background-position: 0 -15px;
  1311. text-decoration: none;
  1312. }
  1313.  
  1314. input.button.gform_button:active,
  1315. .button:active,
  1316. #respond #submit:active,
  1317. #searchsubmit:active {
  1318. -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1319. -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1320. box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  1321. }
  1322.  
  1323. #searchsubmit,
  1324. input.button.gform_button,
  1325. .button.submit {
  1326. height: auto;
  1327. font-size: 11px;
  1328. padding: 7px 15px;
  1329. }
  1330.  
  1331. /*********************************************************************************************
  1332.  
  1333. 11. Slideshow
  1334.  
  1335. *********************************************************************************************/
  1336.  
  1337. /*
  1338. * jQuery FlexSlider v2.0
  1339. * http://www.woothemes.com/flexslider/
  1340. *
  1341. * Copyright 2012 WooThemes
  1342. * Free to use under the GPLv2 license.
  1343. * http://www.gnu.org/licenses/gpl-2.0.html
  1344. *
  1345. * Contributing author: Tyler Smith (@mbmufffin)
  1346. */
  1347.  
  1348.  
  1349. /* Browser Resets */
  1350. .flex-container a:active,
  1351. .flexslider a:active,
  1352. .flex-container a:focus,
  1353. .flexslider a:focus {outline: none;}
  1354. .academia-slides,
  1355. .flex-control-nav,
  1356. .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
  1357.  
  1358. /* FlexSlider Necessary Styles
  1359. *********************************/
  1360. .flexslider {margin: 0; padding: 0; }
  1361. .flexslider .academia-slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  1362. .flexslider .academia-slides img { display: block; width: 100%; }
  1363.  
  1364. /* Clearfix for the .slides element */
  1365. .academia-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  1366. html[xmlns] .academia-slides {display: block;}
  1367. html .academia-slides {height: 1%;}
  1368.  
  1369. /* No JavaScript Fallback */
  1370. /* If you are not using another script, such as Modernizr, make sure you
  1371. * include js that eliminates this class on page load */
  1372. .no-js .academia-slides > li:first-child {display: block;}
  1373.  
  1374.  
  1375. /* FlexSlider Default Theme
  1376. *********************************/
  1377. .flexslider {position: relative; zoom: 1;}
  1378. .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
  1379. .loading .flex-viewport {max-height: 300px;}
  1380. .flexslider .academia-slides {zoom: 1;}
  1381.  
  1382. .carousel li {margin-right: 5px; }
  1383.  
  1384.  
  1385. /* Direction Nav */
  1386. .flex-direction-nav {*height: 0;}
  1387. .flex-direction-nav a {
  1388. background:url(images/academia-arrows.png) no-repeat;
  1389. cursor: pointer;
  1390. position: absolute;
  1391. top: 42%;
  1392. width: 40px;
  1393. height: 60px;
  1394. text-indent:-9999px;
  1395. z-index: 60;
  1396. zoom: 1;
  1397. filter: alpha(opacity=40);
  1398. opacity: 0.30;
  1399. -webkit-transition: all .3s ease;
  1400. }
  1401.  
  1402. .flexslider-normal .flex-direction-nav a {
  1403. top: 40%;
  1404. }
  1405.  
  1406. .flexslider:hover .flex-next {right: 5px; filter: alpha(opacity=70); opacity: 0.7; }
  1407. .flexslider:hover .flex-prev {left: 5px; filter: alpha(opacity=70); opacity: 0.7; }
  1408.  
  1409. #academia-gallery a.flex-next { background-position:-40px 0; right:0;}
  1410. #academia-gallery a.flex-prev { background-position: 0 0; left:0; }
  1411. #academia-gallery a.flex-next:hover { filter: alpha(opacity=100); opacity: 1; }
  1412. #academia-gallery a.flex-prev:hover { filter: alpha(opacity=100); opacity: 1; }
  1413.  
  1414. /*********************************************************************************************
  1415.  
  1416. 12. Media Queries
  1417.  
  1418. *********************************************************************************************/
  1419.  
  1420. /* Tablet Landscape */
  1421. @media screen and (max-width: 1060px) {
  1422.  
  1423. div.wrapper,
  1424. #content div.wrapper {
  1425. padding-right: 3%;
  1426. padding-left: 3%;
  1427. width: 94%;
  1428. }
  1429.  
  1430. #content div.wrapper-slider {
  1431. padding: 0;
  1432. width: 100%;
  1433. }
  1434.  
  1435. div.wrapper-menu {
  1436. padding-right: 0;
  1437. padding-left: 0;
  1438. }
  1439.  
  1440. }
  1441.  
  1442. /* Tablet Landscape */
  1443. @media screen and (max-width: 960px) {
  1444.  
  1445. .title-m {
  1446. font-size: 20px;
  1447. line-height: 28px;
  1448. }
  1449.  
  1450. .title-ms {
  1451. font-size: 17px;
  1452. line-height: 26px;
  1453. }
  1454.  
  1455. #menu-main li {
  1456. font-size: 15px;
  1457. }
  1458.  
  1459. #menu-main a {
  1460. padding-right: 13px;
  1461. padding-left: 13px;
  1462. }
  1463.  
  1464. .academia-home-full {
  1465. font-size: 15px;
  1466. }
  1467.  
  1468. .academia-home-full .title-widget {
  1469. font-size: 28px;
  1470. }
  1471. }
  1472.  
  1473. /* Tabled Portrait */
  1474. @media screen and (max-width: 768px) {
  1475.  
  1476. .title-l {
  1477. font-size: 26px;
  1478. line-height: 36px;
  1479. }
  1480.  
  1481. .title-m {
  1482. font-size: 18px;
  1483. line-height: 26px;
  1484. }
  1485.  
  1486. .title-ms {
  1487. font-size: 16px;
  1488. line-height: 25px;
  1489. }
  1490.  
  1491. .secondary-menu {
  1492. text-align: center;
  1493. }
  1494.  
  1495. .secondary-menu li {
  1496. font-size: 13px;
  1497. }
  1498.  
  1499. #menu-main li {
  1500. font-size: 14px;
  1501. }
  1502.  
  1503. #menu-main a {
  1504. padding-right: 12px;
  1505. padding-left: 12px;
  1506. }
  1507.  
  1508. .academia-home-full {
  1509. font-size: 14px;
  1510. }
  1511.  
  1512. .academia-home-full .title-widget {
  1513. font-size: 26px;
  1514. }
  1515.  
  1516. .academia-posts .post-excerpt {
  1517. font-size: 14px;
  1518. }
  1519.  
  1520. .academia-posts .post-cover {
  1521. margin-right: 6.5934%;
  1522. width: 32.9670%;
  1523. }
  1524.  
  1525. .wrapper-copy .academia-credit {
  1526. display: none;
  1527. }
  1528.  
  1529. .post-single {
  1530. font-size: 15px;
  1531. }
  1532.  
  1533. }
  1534.  
  1535. /* All Mobile Sizes (devices and browser) */
  1536. @media screen and (max-width: 640px) {
  1537.  
  1538. .title-margin {
  1539. margin-bottom: 15px;
  1540. }
  1541.  
  1542. .title-l {
  1543. font-size: 24px;
  1544. line-height: 34px;
  1545. }
  1546.  
  1547. .secondary-menu li {
  1548. font-size: 12px;
  1549. }
  1550.  
  1551. #main,
  1552. aside {
  1553. display: block;
  1554. float: none;
  1555. width: 100%;
  1556. }
  1557.  
  1558. #main {
  1559. margin-bottom: 30px;
  1560. }
  1561.  
  1562. .wrapper-content {
  1563. margin-right: 0;
  1564. }
  1565.  
  1566. footer {
  1567. font-size: 13px;
  1568. }
  1569.  
  1570. footer .academia-column {
  1571. display: block;
  1572. float: none;
  1573. margin-right: 0;
  1574. margin-bottom: 30px;
  1575. width: 100%;
  1576. }
  1577.  
  1578. }
  1579.  
  1580. /* All Mobile Sizes (devices and browser) */
  1581. @media screen and (max-width: 480px) {
  1582.  
  1583. }
  1584.  
  1585.  
  1586. /* Author Spotlight style begins */
  1587. #author-spotlight {
  1588. background: #f2f7fc;
  1589. border-top: 4px solid #000;
  1590. clear: both;
  1591. font-size: 13px;
  1592. line-height: 15px;
  1593. overflow: hidden;
  1594. padding: 10px;
  1595. }
  1596. #author-spotlight #author-avatar {
  1597. background: #fff;
  1598. border: 1px solid #e7e7e7;
  1599. float: left;
  1600. align:left;
  1601. padding: 5px;
  1602. }
  1603. #author-spotlight #author-profile{
  1604. float: left;
  1605. }
  1606. #author-spotlight #author-description{
  1607. margin-top:5px;
  1608. }
  1609. #author-spotlight #author-link{
  1610. margin-top:5px;
  1611. float:right;
  1612. }
  1613. #author-spotlight #social-icons{
  1614. padding-bottom:16px;
  1615. margin-top:2px;
  1616. padding-top:0px;
  1617. align:center;
  1618. background:#DFF3F9;
  1619. }
  1620. #author-spotlight #social-icons img{
  1621. margin:0px;
  1622. border:none;
  1623. background:none;
  1624. }
  1625. #author-spotlight h2 {
  1626. color: #000;
  1627. font-size: 100%;
  1628. font-weight: bold;
  1629. margin-bottom: 0;
  1630. }
  1631. #author-spotlight img {
  1632. align:left;
  1633. float:left;
  1634. padding:5px;
  1635. margin:5px 10px 0.5px 0px;
  1636. background: #fff;
  1637. border: 1px solid #e7e7e7;
  1638. }
  1639. /* Author Spotlight style ends */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement