API tools faq
paste
Advertisement
haldavidc

PRIUM site css

haldavidc
Feb 22nd, 2017
131
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.59 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Hydra
  3. Author: The BoldGrid Team
  4. Theme URI: https://www.boldgrid.com/hydra
  5. Author URI: https://www.boldgrid.com/the-team
  6. Description: Designed specifically for use with the BoldGrid suite of plugins, all BoldGrid themes are highly customizable, responsive to a wide range of devices, and of course, beautiful. Every BoldGrid theme includes five pre-selected color palettes and an advanced tool for creating your own unique palette. In addition, all themes feature multiple menu locations and widget areas, which are easily customizable to suit your needs. So if you're looking for a theme that looks great, feels modern and professional, and offers plenty of features to make it your own, you've chosen well.
  7. Version: 1.20.2
  8. License: GNU General Public License v2 or later
  9. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  10. Text Domain: boldgrid-hydra
  11.  
  12. Tags: custom-background, custom-colors, custom-menu, editor-style, responsive-layout, rtl-language-support, translation-ready, boldgrid-theme-32
  13. */
  14.  
  15. /*------------------------------------------------------------------------
  16. >>> TABLE OF CONTENTS:
  17. --------------------------------------------------------------------------
  18. # Base Styles
  19.     ## Positioning
  20.     ## Typography
  21.     ## Titles
  22.     ## Buttons
  23.     ## Et Cetera
  24. # Header
  25. # Navigation
  26.     ## Main Menu
  27.     ## Other Menus
  28.     ## Social Menus
  29. # GridBlocks
  30. # Modules
  31.     ## Global
  32.     ## Alpha
  33. # Pages
  34. # Posts
  35. # Plugins
  36.     ## WP Canvas Gallery
  37.     ## WooCommerce
  38. # Footer
  39. ------------------------------------------------------------------------*/
  40.  
  41. /*------------------------------------------------------------------------
  42. # Base Styles
  43. ------------------------------------------------------------------------*/
  44.  
  45. /*-----------------------------------------------
  46. ## Positioning
  47. -----------------------------------------------*/
  48. /* xs */
  49. .entry-content {
  50.     margin-top: 12%;
  51.     padding-bottom: 25px;
  52.     padding-top: 25px;
  53. }
  54.  
  55. /* sm */
  56. @media (min-width: 768px) {
  57.     .entry-content {
  58.         margin-top: 30%;
  59.     }
  60. }
  61.  
  62. /* md */
  63. @media (min-width: 992px) {
  64.     .entry-content {
  65.         margin-top: 12%;
  66.     }
  67. }
  68.  
  69. .single .main,
  70. .archive .main {
  71.     margin-top: 3em;
  72. }
  73. .blog .entry-title,
  74. .single .entry-title {
  75.     padding: 0;
  76. }
  77. .blog .entry-content,
  78. .single .entry-content,
  79. .archive .entry-content {
  80.     position: relative;
  81.     margin-top: 0;
  82.     margin-left: 0px;
  83. }
  84. .blog .entry-meta,
  85. .blog .entry-footer {
  86.     text-align: center;
  87. }
  88. .blog .entry-meta {
  89.     color: #fff;
  90.     padding-top: 10px;
  91.     text-shadow: 0.1em 0.1em 0.05em #333;
  92. }
  93. .blog .container-fluid .boldgrid-section {
  94.     margin-right: 0;
  95.     }
  96.  
  97. /*-----------------------------------------------
  98. ## Typography
  99. -----------------------------------------------*/
  100. .entry-title,
  101. .mod-beta h2 {
  102.     font-weight: bold;
  103. }
  104. .mod-alpha h2 {
  105.     line-height: normal;
  106. }
  107. .p-button-primary,
  108. .p-button-secondary {
  109.     white-space: nowrap;
  110. }
  111. a:hover,
  112. a:focus,
  113. .site-footer a {
  114.     text-decoration: underline;
  115. }
  116. a,
  117. .link-primary,
  118. .link-secondary,
  119. .button-primary:hover,
  120. .button-primary:focus,
  121. .button-primary:active,
  122. .open > .dropdown-toggle.btn-primary,
  123. input[type="submit"]:hover,
  124. input[type="submit"]:focus,
  125. .button-secondary:hover,
  126. .button-secondary:active,
  127. .woocommerce p.buttons a.button:hover,
  128. .woocommerce p.buttons a.button:focus,
  129. .site-footer a:hover,
  130. .site-footer a:focus {
  131.     text-decoration: none;
  132. }
  133.  
  134. .site-title,
  135. .site-description,
  136. .call-to-action,
  137. .entry-title,
  138. .menu-social,
  139. .navbar-nav > li > a,
  140. #secondary-menu,
  141. #tertiary-menu,
  142. .menu-social,
  143. .icon,
  144. .heading p,
  145. .site-footer,
  146. .xs-center,
  147. .mod-img,
  148. .mod-img-circle,
  149. .p-button-primary,
  150. .p-button-secondary {
  151.     text-align: center;
  152. }
  153. .cat-item,
  154. .archive .entry-title,
  155. .menu-item-object-page,
  156. #footer-widget-area {
  157.     text-align: left;
  158. }
  159. #menu-social li a {
  160.     text-align: right;
  161. }
  162.  
  163. /* sm */
  164. @media (min-width: 768px) {
  165.     .site-title,
  166.     .site-description {
  167.         text-align: left;
  168.     }
  169.     .menu-social,
  170.     .navbar-nav > li > a {
  171.         text-align: right;
  172.     }
  173. }
  174.  
  175. /* md */
  176. @media (min-width: 992px) {
  177.     .xs-center,
  178.     .mod-img,
  179.     .mod-img-circle,
  180.     .gridblock .p-button-primary,
  181.     .gridblock .p-button-secondary,
  182.     .single .entry-title {
  183.         text-align: left;
  184.     }
  185. }
  186.  
  187. /*-----------------------------------------------
  188. ## Titles
  189. -----------------------------------------------*/
  190. .page-template-page_home .entry-title {
  191.     display: none;
  192. }
  193. .hentry {
  194.     margin: 0 auto;
  195. }
  196.  
  197. /* Headings */
  198. .heading h3 {
  199.     margin-top: 10px;
  200. }
  201. .heading {
  202.     margin-bottom: 15px;
  203. }
  204.  
  205. /* xs */
  206. .entry-title {
  207.     padding-bottom: 1.5em;
  208. }
  209. .entry-title a,
  210. .entry-title a:hover,
  211. .entry-title a:focus {
  212.     text-decoration: none;
  213. }
  214. .archive .entry-title {
  215.     margin-top: 0;
  216.     padding-bottom: 15px;
  217.     padding-top: 25px;
  218.     text-shadow: none;
  219. }
  220.  
  221. /* sm */
  222. @media (min-width: 768px) {
  223.     .entry-title {
  224.         padding-bottom: 3em;
  225.         padding-top: 1em;
  226.     }
  227. }
  228.  
  229. /* md */
  230. @media (min-width: 992px) {
  231.     .entry-title,
  232.     .entry-title a {
  233.         padding-bottom: 2.5em;
  234.         padding-top: 1.5em;
  235.     }
  236. }
  237. .page-template-default .entry-content {
  238.     margin-top: 0;
  239. }
  240.  
  241. /*-----------------------------------------------
  242. ## Buttons
  243. -----------------------------------------------*/
  244. .button-primary,
  245. .button-secondary,
  246. input[type="submit"] {
  247.     background: none;
  248.     margin: 10px 0;
  249.     padding: 10px 25px;
  250.     transition: all 0.5s ease 0s;
  251. }
  252.  
  253. /* Positioning */
  254. .p-button-primary,
  255. .p-button-secondary {
  256.     margin: 30px 0;
  257. }
  258. .gridblock .p-button-secondary {
  259.     margin: 0;
  260. }
  261.  
  262. /* Call to Action */
  263. .call-to-action .button-primary {
  264.     margin: 25px 0 0;
  265.     padding: 20px 25px;
  266.     transition: all .5s;
  267. }
  268.  
  269. /* Block vs. Inline */
  270. .button-primary,
  271. .button-secondary {
  272.     display: block;
  273.     margin-top: 15px;
  274. }
  275.  
  276. /* sm */
  277. @media (min-width: 600px) {
  278.     .button-primary,
  279.     .button-secondary {
  280.         display: inline;
  281.         margin-top: 0;
  282.     }
  283.     .gridblock .p-button-secondary {
  284.         margin: 30px 0;
  285.     }
  286. }
  287.  
  288. /*-----------------------------------------------
  289. ## Et Cetera
  290. -----------------------------------------------*/
  291. hr {
  292.     margin: 65px 0 50px;
  293. }
  294. .table-striped > tbody > tr:nth-of-type(2n+1) {
  295.     background: transparent;
  296. }
  297.  
  298. /*------------------------------------------------------------------------
  299. # Header
  300. ------------------------------------------------------------------------*/
  301. /* Sticky Header Scroll */
  302. .site-header {
  303.     z-index: 99;
  304. }
  305. .smaller {
  306.     -webkit-transition: all 0.3s;
  307.     -moz-transition: all 0.3s;
  308.     -ms-transition: all 0.3s;
  309.     -o-transition: all 0.3s;
  310.     transition: all 0.3s;
  311. }
  312.  
  313. /* Call to Action */
  314. .call-to-action {
  315.     margin-bottom: 40px;
  316.     padding-top: 60px;
  317. }
  318.  
  319. .page-template-default .call-to-action,
  320. .page-template-page_home .header-title {
  321.     display: none;
  322. }
  323.  
  324. /* xs */
  325. .site-title {
  326.     padding-top: 20px;
  327. }
  328. .site-description {
  329.     margin-left: 2px;
  330.     margin-top: -20px;
  331.     padding-top: 10px;
  332. }
  333.  
  334. /* sm */
  335. @media (min-width: 768px) {
  336.     .site-title {
  337.         margin-bottom: 5px;
  338.         padding-bottom: 0;
  339.         padding-top: 0;
  340.     }
  341.     .site-header {
  342.         left: 0;
  343.         margin-bottom: 50px;
  344.         padding-bottom: 0;
  345.         position: fixed;
  346.         top: 25;
  347.         width: 100%;
  348.     }
  349.     .classie-spacer {
  350.         height: 45px;
  351.     }
  352.     .smaller {
  353.         padding-bottom: 0;
  354.     }
  355.     .smaller .classie-spacer {
  356.         height: 20px;
  357.     }
  358.     .smaller #primary-navbar {
  359.         padding-top: 0;
  360.     }
  361.     .page .smaller .social-media {
  362.         padding-top: 20px;
  363.     }
  364.     .call-to-action {
  365.         padding-top: 130px;
  366.     }
  367. }
  368.  
  369. /* md */
  370. @media (min-width: 992px) {
  371.     .menu-social {
  372.         margin-top: 8px;
  373.         padding: 15px 0 0;
  374.     }
  375.     .navbar-nav li.menu-social {
  376.         margin-top: 0;
  377.     }
  378. }
  379.  
  380. /*------------------------------------------------------------------------
  381. # Navigation
  382. ------------------------------------------------------------------------*/
  383.  
  384. /*-----------------------------------------------
  385. ## Main Menu
  386. -----------------------------------------------*/
  387. .navbar {
  388.     margin-bottom: 0;
  389.     margin-top: -10px;
  390. }
  391. .navbar-default {
  392.     background: none;
  393.     border: none;
  394.     padding-right: 0;
  395. }
  396. .navbar-nav > li > a {
  397.     padding: 12px 10px;
  398. }
  399. .navbar-default .navbar-nav > .active > a,
  400. .navbar-default .navbar-nav > .active > a:hover,
  401. .navbar-default .navbar-nav > .active > a:focus,
  402. .navbar-default .navbar-nav > li > a:hover,
  403. .navbar-default .navbar-nav > li > a:focus {
  404.     background: none;
  405. }
  406. .navbar-default .navbar-nav > .open > a,
  407. .navbar-default .navbar-nav > .open > a:hover,
  408. .navbar-default .navbar-nav > .open > a:focus {
  409.     background: transparent;      
  410. }
  411.  
  412. /* Dropdown */
  413. .navbar-nav > li > .dropdown-menu {
  414.     border-top-right-radius: 5px;
  415. }
  416. .dropdown-menu {
  417.     border: none;
  418. }
  419.  
  420. /* sm */
  421. @media (min-width: 768px) {
  422.     #primary-navbar {
  423.         padding-right: 0;
  424.     }
  425.     .navbar-default {
  426.         float: right;
  427.     }
  428.     .navbar-nav {
  429.         float: right;
  430.     }
  431. }
  432.  
  433. /*-----------------------------------------------
  434. ## Other Menus
  435. -----------------------------------------------*/
  436. #secondary-menu a,
  437. #tertiary-menu a,
  438. #menu-social a {
  439.     padding: 0 5px;
  440. }
  441. .boldgrid-framework-menu li::after {
  442.     content: none;
  443. }
  444.  
  445. /*-----------------------------------------------
  446. ## Social Menus
  447. -----------------------------------------------*/
  448. .menu-social {
  449.     padding: 0;
  450. }
  451. .menu-social ul {
  452.     padding-left: 0;
  453. }
  454. .menu-social li {
  455.     display: inline;
  456.     list-style: none;
  457.     padding-right: 10px;
  458. }
  459. #menu-social ul {
  460.     padding-left: 0px;
  461. }
  462. #menu-social ul li {
  463.     position: relative;
  464.     display:  inline-block;
  465. }
  466. #menu-social li a {
  467.     display: inline-block;
  468. }
  469.  
  470. /*------------------------------------------------------------------------
  471. # GridBlocks
  472. ------------------------------------------------------------------------*/
  473. .gridblock ul {
  474.     list-style-type: none;
  475.     padding-left: 26px;
  476. }
  477. .gridblock ul li:before {
  478.     -moz-background-clip: padding;
  479.     -moz-border-radius: 3px;
  480.     -webkit-background-clip: padding-box;
  481.     -webkit-border-radius: 3px;
  482.     list-style-type: none;
  483.     background-clip: padding-box;
  484.     border-radius: 3px;
  485.     content: '';
  486.     display: inline-block;
  487.     height: 6px;
  488.     margin-right: 8px;
  489.     position: relative;
  490.     width: 6px;
  491. }
  492. .gridblock hr {
  493.     border: 0;
  494.     height: 1px;
  495.     margin-top: 10px;
  496.     margin-bottom: 30px;
  497. }
  498.  
  499. /*------------------------------------------------------------------------
  500. # Modules
  501. ------------------------------------------------------------------------*/
  502.  
  503. /*-----------------------------------------------
  504. ## Global
  505. -----------------------------------------------*/
  506. blockquote,
  507. .mod-blockquote {
  508.     padding: 0 20px;
  509. }
  510.  
  511. /*-----------------------------------------------
  512. ## Alpha
  513. -----------------------------------------------*/
  514. .mod-alpha {
  515.     background: url('images/quote.png') no-repeat;
  516.     background-position: left;
  517.     height: 100%;
  518.     margin: 0 auto;
  519.     padding-top: 50px;
  520.     width: 80%;
  521. }
  522.  
  523. /*------------------------------------------------------------------------
  524. # Pages
  525. ------------------------------------------------------------------------*/
  526. /* 404 page */
  527. .error404 .list-group-item {
  528.     background: transparent;
  529.     border: none;
  530. }
  531. .error404 .button-primary {
  532.     margin: 0;
  533. }
  534. /* Search */
  535. .search .button-primary {
  536.     margin: 0;
  537. }
  538. .search .jumbotron {
  539.     background: none;
  540. }
  541. /*------------------------------------------------------------------------
  542. # Posts
  543. ------------------------------------------------------------------------*/
  544. .widget-area {
  545.     margin-top: 25px;
  546.     padding: 25px;
  547.     list-style:none;
  548. }
  549.  
  550. /* Comments */
  551. .comment-form-comment label {
  552.     float: left;
  553.     padding-right: 15px;
  554. }
  555. .panel-footer {
  556.     padding: 25px 15px;
  557. }
  558.  
  559. /* Call to Action */
  560. .single .call-to-action {
  561.     display: none;
  562. }
  563.  
  564. /* Buttons */
  565. .form-submit .submit {
  566.     background: none;
  567.     margin: 25px 0 0;
  568.     padding: 20px 25px;
  569.     transition: all .5s;
  570.     -webkit-border-radius: 0;
  571.     -moz-border-radius: 0;
  572.     border-radius: 0;
  573. }
  574.  
  575. /*------------------------------------------------------------------------
  576. # Plugins
  577. ------------------------------------------------------------------------*/
  578.  
  579. /*-----------------------------------------------
  580. ## WP Canvas Gallery
  581. -----------------------------------------------*/
  582. .gallery-icon img:hover {
  583.     filter: brightness(35%);
  584.     -webkit-filter: brightness(35%);
  585.     -moz-filter: brightness(35%);
  586.     -o-filter: brightness(35%);
  587.     -ms-filter: brightness(35%);
  588. }
  589.  
  590. /*-----------------------------------------------
  591. ## WooCommerce
  592. -----------------------------------------------*/
  593. .woocommerce .page-title {
  594.     margin: 0;
  595. }
  596. .woocommerce p.buttons a.button:hover {
  597.     background-image: none;
  598. }
  599.  
  600. /*------------------------------------------------------------------------
  601. # Footer
  602. ------------------------------------------------------------------------*/
  603. .site-footer {
  604.     padding: 1em 0;
  605. }
  606. .menu-item-object-page,
  607. .cat-item {
  608.     list-style: none;
  609. }
  610. #footer-widget-area {
  611.     padding-top: 15px;
  612. }
  613. ul#footer-center-items {
  614.     padding: 0;
  615. }
  616. .attribution {
  617.     margin-top: 0;
  618. }
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!