/* Theme Name: FoundationPress Theme URI: http://foundationpress.olefredrik.com Github Theme URI: https://github.com/olefredrik/FoundationPress Description: FoundationPress is a WordPress starter theme based on Foundation 5 by Zurb Version: 5.4.6 Author: Ole Fredrik Lie Author URI: http://olefredrik.com/ License: MIT License License URI: http://www.opensource.org/licenses/mit-license.php */ /* ---------------------------------------------------------------------------- Unfortunately WordPress will require a style.css file located in the theme's root folder for stuff to work. However, we will not be using vanilla CSS. We're using Sass. Sass is a superset of CSS that adds in amazing features such as variables, nested selectors and loops. It's also the easiest way to customize Foundation. All Sass files are located in the /scss folder. Please read the README.md file before getting started. More info on how to use Sass with Foundation can be found here: http://foundation.zurb.com/docs/sass.html If you for some reason would like to write plain css instead of using Sass, you could just enqueue this file (style.css) to the header and add your styles in this file ---------------------------------------------------------------------------- */ #toc_title { display:none; font-weight: 900; font-size: 15px; color: #565656; } #my_toc { display:none; margin-left: 0; margin-top: 7px; } .languages { margin-top: 8px; } .morph-main-menu-button:after, .morph-main-menu-button:before, .morph-main-menu-button div.morph-main-menu-button-middle:before { height: 3px; margin: 3px 0; width:18px; } .menu-button { padding: 7px 9px !important; } .morph-main-menu-button { padding: 10px !important; } .toc-list-names { margin-left:10px; font-size: 13px; color: #575757; font-weight: 700; } .morph-widgets-wrapper .widget li { margin:0; padding:0 !important; } .morph-widgets-wrapper .widget li a{ width: 100%; font-size: 14px; font-family: 'Roboto'; font-weight: 500; color: #888B94; margin: 0; padding: 2px 0px; display: inline-block; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } blockquote { margin: 40px 0; font-size: 20px; font-weight: 100; } a { color: #009a7c; } .toc_widget_list { margin:0; } .logo-font { font-family: 'Lato', helvetica, arial, verdana; font-weight:900; display: inline-block; } .content-bg { margin-top:10px; } .left-column-fixed { margin-top: 10px; position: relative; } .fullscreen h4 { text-align:center; font-weight: 900; } h1, h2, h3, h4, h5, h6, h7, h8, p, ul, li, ol, ol li, ul li, strong, em, .content-bg, blockquote { font-family: 'Lato', helvetica, arial, verdana; } p, ul, li, h1, h2, h3, h4, h5, h6, h7 { text-align:left; line-height:150%; } @media screen and (max-width: 1024px) { h1 { margin-top:0; } } h1 { text-align: center; font-weight: 900; color: #4C4C4C; font-size: 55px; } #my_toc img { max-width: 10px; -webkit-filter: drop-shadow(1px 1px 1px #B6B6B6); filter: drop-shadow(1px 1px 1px #B6B6B6); } h4 { margin-bottom: 30px; } @media (max-width:1024px){ .hide-for-small{display:none!important} } @media (min-width:1024px){ .hide-for-large{display:none!important} } .morph-widgets-wrapper .widgettitle { font-weight:900; } .button { font-size:18px; background: #009a7c; background: -moz-linear-gradient(top,#009a7c 0,#00917B 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#009a7c),color-stop(100%,#00917B)); background: -webkit-linear-gradient(top,#009a7c 0,#00917B 100%); background: -o-linear-gradient(top,#009a7c 0,#00917B 100%); background: -ms-linear-gradient(top,#009a7c 0,#00917B 100%); background: linear-gradient(to bottom,#009a7c 0,#00917B 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a7c', endColorstr='#00917B', GradientType=0); padding: 15px 25px; } #my_toc li { list-style: none; margin:0; line-height:0; } #my_toc li a { padding:5px 0; display:inline-block; } #my_toc li a:hover { text-decoration:underline; color:#333; } li.active:not(.has-form) a:not(.button) { background: #009a7c !important; color:#fff; } .toc-sidebar { margin-top: 75px; background-color: #fff; padding:13px 18px 13px 16px; display: inline-block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1); z-index:99; position: fixed; top: 443px; } abbr { border-bottom: 1px dotted #111111; cursor: help; display: inline-block; } #tooltip { font-family: 'Lato', helvetica, arial, verdana; font-size: 16px; text-align: center; line-height: 1.5; text-shadow:none; font-weight:400; color: #fff; background: #009a7c; background: -moz-linear-gradient(top,#009a7c 0,#00917B 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#009a7c),color-stop(100%,#00917B)); background: -webkit-linear-gradient(top,#009a7c 0,#00917B 100%); background: -o-linear-gradient(top,#009a7c 0,#00917B 100%); background: -ms-linear-gradient(top,#009a7c 0,#00917B 100%); background: linear-gradient(to bottom,#009a7c 0,#00917B 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009a7c', endColorstr='#00917B', GradientType=0); margin-top:0; margin-left:20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); box-shadow: 0 2px 4px rgba(0,0,0,.1); position: absolute; z-index: 100; padding: 15px; pointer-events: none; } #tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; z-index:98; -webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,.1)); filter: drop-shadow(0px 0px 4px rgba(0,0,0,.1)); } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #fff; border-bottom-color: rgba( 0, 0, 0, .6 ); top: -20px; z-index:98; bottom: auto; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; }