Created
December 11, 2015 04:54
-
-
Save df2k2/e89fd5d17c39e715911b to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header class="nav-main" id="nav-main"> | |
| <!--Top Navigation--> | |
| <nav role="navigation"> | |
| <!-- <div class="menu-btn"> | |
| <a class="menu-trigger menu-icon" href="#"></a> | |
| </div> --> | |
| <div id="global-nav"> | |
| <div class="main-site-name"> | |
| <a href="/" class="logo pull-left"> </a> | |
| <div class="sub-site-name"> | |
| <a href="/"><span>Developer Documentation (2.0)</span></a> | |
| </div> | |
| </div> | |
| <div class="right-header"> | |
| <!-- | |
| <div class="sales-login"> | |
| <ul class="menu nav"> | |
| <li class="first last leaf"><a href="https://www.magentocommerce.com/products/customer/account/login">My Account</a></li> | |
| </ul> | |
| </div> | |
| <div class="head-search" id="head-search"> | |
| <div id="sb-search" class="sb-search"> | |
| <form action="http://www.magentocommerce.com/search/results/"> | |
| <span class="sb-icon-search btn btn-search"></span> | |
| <input name="q" class="sb-search-input" placeholder="Search docs" type="search" style="display: none;" id="search" /> | |
| <span class="sb-search-submit btn btn-search"></span> | |
| </form> | |
| </div> | |
| </div><!-- #head-search --> | |
| </div> | |
| </div><!-- #global-nav --> | |
| </nav> | |
| <!--Sub Navigation--> | |
| <div id="subnav-wrap"> | |
| <div id="subnav"> | |
| <ul class="menu nav"> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/bk-get-started-magento.html">Get Started</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/release-notes/bk-release-notes.html">Release Notes</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/architecture/bk-architecture.html">Magento Architecture</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/install-gde/bk-install-guide.html">System Administrator</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/install-gde/bk-install-guide.html">Installation Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/comp-mgr/bk-compman-upgrade-guide.html">Component Manager and System Upgrade Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/config-guide/bk-config-guide.html">Configuration Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/migration/bk-migration-guide.html">Migration Guide</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="#">Developers</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/frontend-dev-guide/bk-frontend-dev-guide.html">Frontend Developer Guide</a> | |
| </li><li class="first leaf"><a href="/guides/v2.0/ui-components/ui-component.html">UI Components</a> | |
| </li><li class="first leaf"><a href="/guides/v2.0/javascript-dev-guide/bk-javascript-dev-guide.html">JavaScript Developer Guide</a> | |
| <div id="divcentered"><img src="/common/images/horiz-line.png"></div></li> | |
| <li class="first leaf"><a href="/guides/v2.0/extension-dev-guide/bk-extension-dev-guide.html">PHP Developer Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/mtf/mtf_introduction.html">Magento Testing Framework Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/pattern-library/bk-pattern.html">Magento Admin Pattern Library</a></li> | |
| <div id="divcentered"><img src="/common/images/horiz-line.png"></div> | |
| <li class="first leaf"><a href="/guides/v2.0/get-started/bk-get-started-api.html">Get Started with Magento Web APIs</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/rest/bk-rest.html">REST API Reference</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/soap/bk-soap.html">SOAP Reference</a> | |
| <div id="divcentered"><img src="/common/images/horiz-line.png"></div></li> | |
| <li class="leaf"><a href="/guides/v2.0/coding-standards/bk-coding-standards.html">Coding Standards</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/contributor-guide/contributing.html">Contributor</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/contributor-guide/contributing.html">Contributor Guide</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/howdoi/bk-how-do-i.html">How Do I...?</a> | |
| </li> | |
| </ul> | |
| <div class="search"> | |
| <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 442 440" height="42px" width="20px" class="searchImage"> | |
| <title>search</title> | |
| <desc>It's the search icon</desc> | |
| <defs/> | |
| <g sketch:type="MSPage" fill-rule="evenodd" fill="none" stroke-width="1" stroke="none" id="Page-1"> | |
| <g stroke-width="47" stroke="#FFFFFF" transform="translate(24.000000, 24.000000)" sketch:type="MSLayerGroup" id="search"> | |
| <circle r="145" cy="145" cx="145" sketch:type="MSShapeGroup" id="lens"/> | |
| <path sketch:type="MSShapeGroup" stroke-linecap="square" id="handle" d="M263.351331,261.351331 L371.504623,369.504623"/> | |
| </g> | |
| </g> | |
| </svg> | |
| <form action="#searchResultsBox" method="GET" name="gs" id="searchbox"> | |
| <input type="hidden" value="018116925022773002786:klu67apuihk" name="cx"> | |
| <input type="hidden" value="UTF-8" name="ie"> | |
| <input type="text" placeholder="Search" value="" id="searchtext" name="q"> | |
| </form> | |
| </div> <!-- END searchbox--> | |
| </div> <!--End subnav --> | |
| </div><!--End subnav-wrap --> | |
| </header> | |
| <div id="gl-wrapper"> | |
| <!-- /.main-container --> | |
| <div class="main-container" id="gl-container"> | |
| <a id="main-content"></a> | |
| <div class="pane-content"> | |
| <div class="node node-panel"> | |
| <section class="page-intro"> | |
| <div class="container"> | |
| <h2 class="page-heading">Magento 2 Developer Documentation</h2> | |
| </div> | |
| </section> | |
| <!-- NEWS --> | |
| <section class="home-section"> | |
| <div class="container"> | |
| <h2 class="no-padding">Get Started with Magento</h2> | |
| <h3><a href="/guides/v2.0/release-notes/bk-release-notes.html">Release Notes</a></h3> | |
| <p>New features, enhancements, and behavior changes in Magento 2.</p> | |
| <h3><a href="/guides/v2.0/architecture/bk-architecture.html">Magento Architecture</a></h3> | |
| <p>What is Magento? How the Magento platform is organized, overview of modules, file system, and database.</p> | |
| <div class="panel-separator"></div> | |
| </div> | |
| </section> | |
| <!-- ADMINS --> | |
| <section class="home-section"> | |
| <div class="container"> | |
| <h2 class="no-padding">System Administrators</h2> | |
| <!-- <p>Install and configure Magento.</p> --> | |
| <h3><a href="/guides/v2.0/install-gde/bk-install-guide.html">Installation Guide</a></h3> | |
| <p>How to install the Magento software and components.</p> | |
| <h3><a href="/guides/v2.0/comp-mgr/bk-compman-upgrade-guide.html">Component Manager and Upgrade Guide</a></h3> | |
| <p>How to manage Magento components (extensions, language packages, and themes).</p> | |
| <h3><a href="/guides/v2.0/config-guide/bk-config-guide.html">Configuration Guide</a></h3> | |
| <p>Learn how to configure Magento and integrate third-party software with Magento.</p> | |
| <h3><a href="/guides/v2.0/migration/bk-migration-guide.html">Migration Guide</a></h3> | |
| <p>Migrate data from Magento 1.x to Magento 2.0.</p> | |
| <div class="panel-separator"></div> | |
| </div> | |
| </section> | |
| <!-- DEVELOPERS --> | |
| <section class="home-section"> | |
| <div class="container"> | |
| <h2 class="no-padding">Developers</h2> | |
| <h3><a href="/guides/v2.0/contributor-guide/contributing.html">Contributor Guide</a></h3> | |
| <p>How to contribute to the Magento 2 codebase and to Magento 2 documentation.</p> | |
| <h3><a href="/guides/v2.0/frontend-dev-guide/bk-frontend-dev-guide.html">Frontend Developer Guide</a></h3> | |
| <p>Customize your storefront.</p> | |
| <h3><a href="/guides/v2.0/ui-library/ui-library-component.html">UI Components</a></h3> | |
| <p>How to use grids, forms, and other elements of the Magento UI Components.</p> | |
| <h3><a href="/guides/v2.0/javascript-dev-guide/bk-javascript-dev-guide.html">JavaScript Developer Guide</a></h3> | |
| <p>Everything you need to know about Magento and JavaScript.</p> | |
| <h3><a href="/guides/v2.0/extension-dev-guide/bk-extension-dev-guide.html">PHP Developer Guide</a></h3> | |
| <p>What is Magento? How the Magento platform is organized, overview of modules, file system, and database.</p> | |
| <p>What is an extension? A module service contract? Create or customize, and test and package extensions.</p> | |
| <h3><a href="/guides/v2.0/mtf/mtf_introduction.html">Magento Testing Framework Guide</a></h3> | |
| <p>With the Magento Testing Framework (MTF), you can create and run functional tests to make it easier to perform basic acceptance testing, smoke testing, regression testing, and so on.</p> | |
| <h3><a href="/guides/v2.0/pattern-library/bk-pattern.html">Magento Admin Pattern Library</a></h3> | |
| <p>A design pattern is an agreed-upon guide for creating UI features and interactions.</p> | |
| <h3><a href="/guides/v2.0/coding-standards/bk-coding-standards.html">Coding Standards</a></h3> | |
| <p>Which standards should I follow when I code extensions or customize my storefront?</p> | |
| <h3><a href="/guides/v2.0/get-started/bk-get-started-api.html">Get Started with Magento Web APIs</a></h3> | |
| <p>What are the web APIs? How can I call the REST and SOAP web APIs?</p> | |
| <h3><a href="/guides/v2.0/rest/bk-rest.html">REST API Reference</a></h3> | |
| <p>Provides reference information for REST.</p> | |
| <h3><a href="/guides/v2.0/soap/bk-soap.html">SOAP Reference</a></h3> | |
| <p>Provides reference information for SOAP.</p> | |
| <div class="panel-separator"></div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| http://thoughtbot.github.io/neat-docs/latest/#media | |
| <div id="footer-wrap"> | |
| <div class="footer"> | |
| <div id="magento-com"> | |
| <div class="intro-paragraph"> | |
| <div class="container"> | |
| <a href="http://www.magento.com/"><img alt="Magento an ebay inc company" id="logo" src="/i/logo-gl-footer.png"></a> | |
| <h3>eCommerce platform, solutions and services<br> to help grow your business.</h3> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div id="f-col-1"> | |
| <h4>Learn more</h4> | |
| <ul style="margin-bottom: 40px;" class="nav"> | |
| <li><a title="Company" href="http://magento.com/company/about-us">Company</a></li> | |
| <li><a title="Careers" href="http://magento.com/company/careers">Careers</a></li> | |
| <li><a title="Press Room" href="http://magento.com/company/press-room">Press Room</a></li> | |
| </ul> | |
| </div> | |
| <div id="f-col-2"> | |
| <div id="social-network"> | |
| <h4>Find us on</h4> | |
| <ul> | |
| <li><a href="http://www.facebook.com/magento" target="_blank" class="btn-facebook">Magento Facebook</a> | |
| </li> | |
| <li><a href="https://twitter.com/magento" target="_blank" class="btn-twitter">Magento Twitter</a></li> | |
| <li><a href="http://www.linkedin.com/groups?home=&gid=146360&trk=anet_ug_hm" target="_blank" class="btn-lnkdn">Magento Linkedin</a></li> | |
| <li><a href="https://plus.google.com/+magento/posts" target="_blank" class="btn-gplus">Magento Google+</a></li> | |
| <li><a href="http://www.youtube.com/user/magentocommerce/featured" target="_blank" class="btn-youtube">Magento | |
| Youtube</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div id="f-col-3"> | |
| <div id="newsletter"> | |
| <h4>GET THE LATEST NEWS</h4> | |
| <p>See Magento in the news, find press<br> releases and resources for media.</p> | |
| <div class="hold-form"> | |
| <div id="nws-notsubscribed"> | |
| <div class="sb-email" id="sb-email"> | |
| <form onsubmit="return validateForm();" name="mktForm_1182" class="mktform" id="mktForm_1182" action="//info2.magento.com/index.php/leadCapture/save" enctype="application/x-www-form-urlencoded" method="post"> | |
| <input placeholder="Email Address" id="Email" name="Email" class="fValidate['email'] input-topbg sb-email-input"> | |
| <input type="hidden" value="1182" name="formid"> | |
| <button class="sb-icon-submit btn outline" type="submit"> | |
| Submit | |
| </button> | |
| <span class="sb-icon-email btn outline"> | |
| Sign Up | |
| </span> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clearfix"></div> | |
| <div class="email-invalid hide"> | |
| <p>Please submit a valid email.</p> | |
| </div> | |
| <div class="email-ty hide"> | |
| <p>Thank you for submitting your email.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="f-col-4"> | |
| <div class="contact-us"> | |
| <h4>Get in touch</h4> | |
| <p>We'd like to hear from you! Call us, <br>send us an email or talk to sales.</p> | |
| <a class="btn btn-outline" href="http://magento.com/company/contact-us">Contact Us</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="copyright"> | |
| <div class="container"> | |
| <div class="copyright-links"> | |
| <ul class="nav"> | |
| <li><a href="http://magento.com/legal/terms/privacy" title="Privacy Policy">Privacy Policy</a></li> | |
| <li><a href="http://magento.com/legal/terms" title="Terms of Service">Terms of Service</a></li> | |
| <li><a href="http://magento.com/legal/licensing" title="License/Trademark FAQ">License/Trademark | |
| FAQ</a></li> | |
| </ul> | |
| </div> | |
| <div class="copyright-date">© 2015 Magento, Inc. All rights reserved.</div> | |
| </div> | |
| </div> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.14) | |
| // Compass (v1.0.3) | |
| // Bourbon (v4.2.3) | |
| // Neat (v1.6.0) | |
| // ---- | |
| @import "compass"; | |
| @import "bourbon/bourbon"; | |
| @import "neat/neat"; | |
| @import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,600,300,800"); | |
| /* Generated by CSS Usage. | |
| File: http://devdocs.magento.com/css/app.css. | |
| DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later. | |
| Some rules have been deleted, some selectors are prefixed with "UNUSED". | |
| Look for the UNUSED items and see if you can remove them. */ | |
| .nav-main { | |
| background: #ef672f; | |
| nav { | |
| .menu-btn .menu-icon:hover { | |
| background: url(/i/general-nav-copper.png) top right no-repeat; | |
| background-color: #fff; | |
| -webkit-transition: background-color 0.2s linear; | |
| -moz-transition: background-color 0.2s linear; | |
| -o-transition: background-color 0.2s linear; | |
| -ms-transition: background-color 0.2s linear; | |
| transition: background-color 0.2s linear; | |
| } | |
| .logo { | |
| background: #c14800 url(/i/magento.png) 5px top no-repeat; | |
| } | |
| .sub-site-name { | |
| float: left; | |
| padding: 21px 0 20px 11px; | |
| a { | |
| display: block; | |
| height: 25px; | |
| width: 153px; | |
| background: url('../i/ebayinc.png') no-repeat center 7px; | |
| &:before { | |
| color: #fff; | |
| } | |
| } | |
| } | |
| ul li a:hover { | |
| color: #ef672f; | |
| } | |
| .head-search .sb-search .sb-icon-search:hover { | |
| background: #fff url(/i/icons/ico-search-copper.png) left bottom no-repeat; | |
| } | |
| } | |
| #subnav-wrap { | |
| background: #31302b; | |
| #subnav ul { | |
| li { | |
| a { | |
| color: #fff; | |
| } | |
| &:hover > a { | |
| color: #ef672f; | |
| background: #31302b; | |
| } | |
| } | |
| .expanded { | |
| ul li a { | |
| color: #cac3b4; | |
| &:hover { | |
| color: #fff; | |
| } | |
| } | |
| &:hover ul { | |
| color: #fff; | |
| background: #31302b; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| ::selection, ::-moz-selection { | |
| background-color: #ef672f; | |
| color: #fff; | |
| } | |
| .clearfix { | |
| *zoom: 1; | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| UNUSEDarticle, aside, UNUSEDdetails, UNUSEDfigcaption, UNUSEDfigure, UNUSEDfooter, header, UNUSEDhgroup, nav, section { | |
| display: block; | |
| } | |
| UNUSEDaudio, UNUSEDcanvas, UNUSEDvideo { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| } | |
| html { | |
| font-size: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| a { | |
| &:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| &:hover { | |
| outline: 0; | |
| } | |
| } | |
| UNUSEDa:active { | |
| outline: 0; | |
| } | |
| UNUSEDsub, UNUSEDsup { | |
| position: relative; | |
| font-size: 75%; | |
| line-height: 0; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| img { | |
| max-width: 100%; | |
| width: auto\9; | |
| height: auto; | |
| vertical-align: middle; | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| } | |
| UNUSED { | |
| &#map_canvas img, &.google-maps img { | |
| max-width: none; | |
| } | |
| } | |
| button, input, UNUSEDselect, UNUSEDtextarea { | |
| margin: 0; | |
| font-size: 100%; | |
| vertical-align: middle; | |
| } | |
| button, input { | |
| *overflow: visible; | |
| line-height: normal; | |
| } | |
| UNUSEDbutton::-moz-focus-inner, UNUSEDinput::-moz-focus-inner { | |
| padding: 0; | |
| border: 0; | |
| } | |
| button, html input[type="button"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| input { | |
| &[type="reset"], &[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| } | |
| UNUSEDlabel, select, button { | |
| cursor: pointer; | |
| } | |
| input { | |
| &[type="button"], &[type="reset"], &[type="submit"], &[type="radio"], &[type="checkbox"] { | |
| cursor: pointer; | |
| } | |
| &[type="search"] { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| -webkit-appearance: textfield; | |
| &::-webkit-search-decoration, &::-webkit-search-cancel-button { | |
| -webkit-appearance: none; | |
| } | |
| } | |
| } | |
| textarea { | |
| overflow: auto; | |
| vertical-align: top; | |
| } | |
| @media print { | |
| * { | |
| text-shadow: none !important; | |
| color: #000 !important; | |
| background: transparent !important; | |
| box-shadow: none !important; | |
| } | |
| UNUSEDa { | |
| text-decoration: underline; | |
| &:visited { | |
| text-decoration: underline; | |
| } | |
| } | |
| a[href]:after { | |
| content: " (" attr(href) ")"; | |
| } | |
| abbr[title]:after { | |
| content: " (" attr(title) ")"; | |
| } | |
| .ir a:after { | |
| content: ""; | |
| } | |
| a { | |
| &[href^="javascript:"]:after, &[href^="#"]:after { | |
| content: ""; | |
| } | |
| } | |
| pre, UNUSEDblockquote { | |
| border: 1px solid #999; | |
| page-break-inside: avoid; | |
| } | |
| tr { | |
| page-break-inside: avoid; | |
| } | |
| img { | |
| page-break-inside: avoid; | |
| max-width: 100% !important; | |
| } | |
| @page { | |
| margin: 0.5cm; | |
| } | |
| p, h2, h3 { | |
| orphans: 3; | |
| widows: 3; | |
| } | |
| h2, h3 { | |
| page-break-after: avoid; | |
| } | |
| } | |
| body { | |
| margin: 0; | |
| font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #333333; | |
| background-color: #ffffff; | |
| } | |
| a { | |
| &:hover, &:focus { | |
| color: #005580; | |
| text-decoration: underline; | |
| } | |
| } | |
| .row { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| [class*="span"] { | |
| float: left; | |
| min-height: 1px; | |
| margin-left: 28px; | |
| } | |
| .container { | |
| width: 980px; | |
| } | |
| UNUSED { | |
| &.navbar-static-top .container, &.navbar-fixed-top .container, &.navbar-fixed-bottom .container { | |
| width: 980px; | |
| } | |
| } | |
| .row-fluid { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| [class*="span"] { | |
| display: block; | |
| width: 100%; | |
| min-height: 30px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; | |
| margin-left: 2.8571428571%; | |
| *margin-left: 2.806122449%; | |
| &:first-child { | |
| margin-left: 0; | |
| } | |
| } | |
| .controls-row [class*="span"] + [class*="span"] { | |
| margin-left: 2.8571428571%; | |
| } | |
| } | |
| [class*="span"].hide, .row-fluid [class*="span"].hide { | |
| display: none; | |
| } | |
| [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { | |
| float: right; | |
| } | |
| .container { | |
| margin-right: auto; | |
| margin-left: auto; | |
| *zoom: 1; | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| .container-fluid { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| p { | |
| margin: 0 0 10px; | |
| } | |
| a { | |
| &.muted { | |
| &:hover, &:focus { | |
| color: #808080; | |
| } | |
| } | |
| &.text-warning { | |
| &:hover, &:focus { | |
| color: #a47e3c; | |
| } | |
| } | |
| &.text-error { | |
| &:hover, &:focus { | |
| color: #953b39; | |
| } | |
| } | |
| &.text-info { | |
| &:hover, &:focus { | |
| color: #2d6987; | |
| } | |
| } | |
| &.text-success { | |
| &:hover, &:focus { | |
| color: #356635; | |
| } | |
| } | |
| } | |
| h1, h2, h3, h4, UNUSEDh5, UNUSEDh6 { | |
| margin: 10px 0; | |
| font-family: inherit; | |
| font-weight: bold; | |
| line-height: 20px; | |
| color: inherit; | |
| text-rendering: optimizelegibility; | |
| } | |
| UNUSEDh1 small, UNUSEDh2 small, UNUSEDh3 small, UNUSEDh4 small, UNUSEDh5 small, UNUSEDh6 small { | |
| font-weight: normal; | |
| line-height: 1; | |
| color: #999999; | |
| } | |
| h1, h2, h3 { | |
| line-height: 40px; | |
| } | |
| h1 { | |
| font-size: 38.5px; | |
| } | |
| h2 { | |
| font-size: 31.5px; | |
| } | |
| h3 { | |
| font-size: 24.5px; | |
| } | |
| h4 { | |
| font-size: 17.5px; | |
| } | |
| h5 { | |
| font-size: 14px; | |
| } | |
| h6 { | |
| font-size: 11.9px; | |
| } | |
| h1 small { | |
| font-size: 24.5px; | |
| } | |
| h2 small { | |
| font-size: 17.5px; | |
| } | |
| h3 small, h4 small { | |
| font-size: 14px; | |
| } | |
| ul, ol { | |
| padding: 0; | |
| margin: 0 0 10px 25px; | |
| } | |
| ul ul, UNUSEDul ol { | |
| margin-bottom: 0; | |
| } | |
| UNUSEDol { | |
| ol, ul { | |
| margin-bottom: 0; | |
| } | |
| } | |
| li { | |
| line-height: 20px; | |
| } | |
| UNUSEDul.unstyled, UNUSEDol.unstyled, UNUSEDul.inline, UNUSEDol.inline { | |
| margin-left: 0; | |
| list-style: none; | |
| } | |
| ul.inline > li, ol.inline > li { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| UNUSEDdt, UNUSEDdd { | |
| line-height: 20px; | |
| } | |
| dt { | |
| font-weight: bold; | |
| } | |
| dd { | |
| margin-left: 10px; | |
| } | |
| .dl-horizontal { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| abbr { | |
| &[title], &[data-original-title] { | |
| cursor: help; | |
| border-bottom: 1px dotted #999999; | |
| } | |
| } | |
| blockquote { | |
| padding: 0 0 0 15px; | |
| margin: 0 0 20px; | |
| border-left: 5px solid #eeeeee; | |
| small:before { | |
| content: '\2014 \00A0'; | |
| } | |
| } | |
| UNUSEDblockquote.pull-right { | |
| p, small { | |
| text-align: right; | |
| } | |
| } | |
| blockquote.pull-right small { | |
| &:before { | |
| content: ''; | |
| } | |
| &:after { | |
| content: '\00A0 \2014'; | |
| } | |
| } | |
| q { | |
| &:before, &:after { | |
| content: ""; | |
| } | |
| } | |
| blockquote { | |
| &:before, &:after { | |
| content: ""; | |
| } | |
| } | |
| code, pre { | |
| padding: 0 3px 2px; | |
| font-family: Monaco,Menlo,Consolas,"Courier New",monospace; | |
| font-size: 12px; | |
| color: #333333; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| code { | |
| padding: 2px 4px; | |
| color: #d14; | |
| background-color: #f7f7f9; | |
| border: 1px solid #e1e1e8; | |
| white-space: nowrap; | |
| } | |
| pre { | |
| display: block; | |
| padding: 9.5px; | |
| margin: 0 0 10px; | |
| font-size: 13px; | |
| line-height: 20px; | |
| word-break: break-all; | |
| word-wrap: break-word; | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| background-color: #f5f5f5; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.15); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| UNUSED { | |
| &.label, &.badge { | |
| display: inline-block; | |
| padding: 2px 4px; | |
| font-size: 11.844px; | |
| font-weight: bold; | |
| line-height: 14px; | |
| color: #ffffff; | |
| vertical-align: baseline; | |
| white-space: nowrap; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #999999; | |
| } | |
| } | |
| .label { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .badge { | |
| padding-left: 9px; | |
| padding-right: 9px; | |
| -webkit-border-radius: 9px; | |
| -moz-border-radius: 9px; | |
| border-radius: 9px; | |
| } | |
| UNUSED { | |
| &.label:empty, &.badge:empty { | |
| display: none; | |
| } | |
| } | |
| a { | |
| &.label { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| } | |
| &.badge { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| } | |
| } | |
| UNUSED { | |
| &.label-important, &.badge-important { | |
| background-color: #b94a48; | |
| } | |
| } | |
| .label-important[href], .badge-important[href] { | |
| background-color: #953b39; | |
| } | |
| UNUSED { | |
| &.label-warning, &.badge-warning { | |
| background-color: #f89406; | |
| } | |
| } | |
| .label-warning[href], .badge-warning[href] { | |
| background-color: #c67605; | |
| } | |
| UNUSED { | |
| &.label-success, &.badge-success { | |
| background-color: #468847; | |
| } | |
| } | |
| .label-success[href], .badge-success[href] { | |
| background-color: #356635; | |
| } | |
| UNUSED { | |
| &.label-info, &.badge-info { | |
| background-color: #3a87ad; | |
| } | |
| } | |
| .label-info[href], .badge-info[href] { | |
| background-color: #2d6987; | |
| } | |
| UNUSED { | |
| &.label-inverse, &.badge-inverse { | |
| background-color: #333333; | |
| } | |
| } | |
| .label-inverse[href], .badge-inverse[href] { | |
| background-color: #1a1a1a; | |
| } | |
| UNUSED { | |
| &.btn { | |
| .label, .badge { | |
| position: relative; | |
| top: -1px; | |
| } | |
| } | |
| &.btn-mini { | |
| .label, .badge { | |
| top: 0; | |
| } | |
| } | |
| } | |
| table { | |
| max-width: 100%; | |
| background-color: transparent; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| UNUSED.table { | |
| th, td { | |
| padding: 8px; | |
| line-height: 20px; | |
| text-align: left; | |
| vertical-align: top; | |
| border-top: 1px solid #dddddd; | |
| } | |
| } | |
| .table { | |
| th { | |
| font-weight: bold; | |
| } | |
| caption + thead tr:first-child { | |
| th, td { | |
| border-top: 0; | |
| } | |
| } | |
| colgroup + thead tr:first-child { | |
| th, td { | |
| border-top: 0; | |
| } | |
| } | |
| } | |
| UNUSED.table thead:first-child tr:first-child { | |
| th, td { | |
| border-top: 0; | |
| } | |
| } | |
| .table tbody + tbody { | |
| border-top: 2px solid #dddddd; | |
| } | |
| UNUSED { | |
| &.table-condensed { | |
| th, td { | |
| padding: 4px 5px; | |
| } | |
| } | |
| &.table-bordered { | |
| th, td { | |
| border-left: 1px solid #dddddd; | |
| } | |
| } | |
| } | |
| .table-bordered { | |
| caption + { | |
| thead tr:first-child th { | |
| border-top: 0; | |
| } | |
| tbody tr:first-child { | |
| th, td { | |
| border-top: 0; | |
| } | |
| } | |
| } | |
| colgroup + { | |
| thead tr:first-child th { | |
| border-top: 0; | |
| } | |
| tbody tr:first-child { | |
| th, td { | |
| border-top: 0; | |
| } | |
| } | |
| } | |
| } | |
| UNUSED.table-bordered { | |
| thead:first-child tr:first-child th { | |
| border-top: 0; | |
| } | |
| tbody:first-child tr:first-child { | |
| th, td { | |
| border-top: 0; | |
| } | |
| } | |
| } | |
| .table-bordered { | |
| thead:first-child tr:first-child > th:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| tbody:first-child tr:first-child > { | |
| td:first-child, th:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| } | |
| thead:first-child tr:first-child > th:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| tbody:first-child tr:first-child > { | |
| td:last-child, th:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| } | |
| thead:last-child tr:last-child > th:first-child { | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| tbody:last-child tr:last-child > { | |
| td:first-child, th:first-child { | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| } | |
| tfoot:last-child tr:last-child > { | |
| td:first-child, th:first-child { | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| } | |
| thead:last-child tr:last-child > th:last-child { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| tbody:last-child tr:last-child > { | |
| td:last-child, th:last-child { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| } | |
| tfoot { | |
| &:last-child tr:last-child > { | |
| td:last-child, th:last-child { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| } | |
| + tbody:last-child tr:last-child td { | |
| &:first-child { | |
| -webkit-border-bottom-left-radius: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| &:last-child { | |
| -webkit-border-bottom-right-radius: 0; | |
| -moz-border-radius-bottomright: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| } | |
| } | |
| caption + { | |
| thead tr:first-child th:first-child, tbody tr:first-child td:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| } | |
| colgroup + { | |
| thead tr:first-child th:first-child, tbody tr:first-child td:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| } | |
| caption + { | |
| thead tr:first-child th:last-child, tbody tr:first-child td:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| } | |
| colgroup + { | |
| thead tr:first-child th:last-child, tbody tr:first-child td:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| } | |
| } | |
| .table-striped tbody > tr:nth-child(odd) > { | |
| td, th { | |
| background-color: #f9f9f9; | |
| } | |
| } | |
| .table-hover tbody tr:hover > { | |
| td, th { | |
| background-color: #f5f5f5; | |
| } | |
| } | |
| table { | |
| td[class*="span"], th[class*="span"] { | |
| display: table-cell; | |
| float: none; | |
| margin-left: 0; | |
| } | |
| } | |
| .row-fluid table { | |
| td[class*="span"], th[class*="span"] { | |
| display: table-cell; | |
| float: none; | |
| margin-left: 0; | |
| } | |
| } | |
| UNUSED.table { | |
| td.span1, th.span1 { | |
| float: none; | |
| width: 40px; | |
| margin-left: 0; | |
| } | |
| td.span2, th.span2 { | |
| float: none; | |
| width: 124px; | |
| margin-left: 0; | |
| } | |
| td.span3, th.span3 { | |
| float: none; | |
| width: 208px; | |
| margin-left: 0; | |
| } | |
| td.span4, th.span4 { | |
| float: none; | |
| width: 292px; | |
| margin-left: 0; | |
| } | |
| td.span5, th.span5 { | |
| float: none; | |
| width: 376px; | |
| margin-left: 0; | |
| } | |
| td.span6, th.span6 { | |
| float: none; | |
| width: 460px; | |
| margin-left: 0; | |
| } | |
| td.span7, th.span7 { | |
| float: none; | |
| width: 544px; | |
| margin-left: 0; | |
| } | |
| td.span8, th.span8 { | |
| float: none; | |
| width: 628px; | |
| margin-left: 0; | |
| } | |
| td.span9, th.span9 { | |
| float: none; | |
| width: 712px; | |
| margin-left: 0; | |
| } | |
| td.span10, th.span10 { | |
| float: none; | |
| width: 796px; | |
| margin-left: 0; | |
| } | |
| td.span11, th.span11 { | |
| float: none; | |
| width: 880px; | |
| margin-left: 0; | |
| } | |
| td.span12, th.span12 { | |
| float: none; | |
| width: 964px; | |
| margin-left: 0; | |
| } | |
| } | |
| .table tbody tr { | |
| &.success > td { | |
| background-color: #dff0d8; | |
| } | |
| &.error > td { | |
| background-color: #f2dede; | |
| } | |
| &.warning > td { | |
| background-color: #fcf8e3; | |
| } | |
| &.info > td { | |
| background-color: #d9edf7; | |
| } | |
| } | |
| .table-hover tbody tr { | |
| &.success:hover > td { | |
| background-color: #d0e9c6; | |
| } | |
| &.error:hover > td { | |
| background-color: #ebcccc; | |
| } | |
| &.warning:hover > td { | |
| background-color: #faf2cc; | |
| } | |
| &.info:hover > td { | |
| background-color: #c4e3f3; | |
| } | |
| } | |
| form { | |
| margin: 0 0 20px; | |
| } | |
| label, input, button, select, textarea { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 20px; | |
| } | |
| input, button, select, textarea { | |
| font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| } | |
| label { | |
| display: block; | |
| margin-bottom: 5px; | |
| } | |
| select, textarea { | |
| display: inline-block; | |
| height: 20px; | |
| padding: 4px 6px; | |
| margin-bottom: 10px; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #555555; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| vertical-align: middle; | |
| } | |
| input { | |
| &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] { | |
| display: inline-block; | |
| height: 20px; | |
| padding: 4px 6px; | |
| margin-bottom: 10px; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #555555; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| vertical-align: middle; | |
| } | |
| } | |
| UNUSED.uneditable-input { | |
| display: inline-block; | |
| height: 20px; | |
| padding: 4px 6px; | |
| margin-bottom: 10px; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #555555; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| vertical-align: middle; | |
| } | |
| input, textarea, .uneditable-input { | |
| width: 206px; | |
| } | |
| textarea { | |
| height: auto; | |
| background-color: #ffffff; | |
| border: 1px solid #cccccc; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -moz-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -o-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| transition: border linear 0.2s,box-shadow linear 0.2s; | |
| } | |
| input { | |
| &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] { | |
| background-color: #ffffff; | |
| border: 1px solid #cccccc; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -moz-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -o-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| transition: border linear 0.2s,box-shadow linear 0.2s; | |
| } | |
| } | |
| .uneditable-input { | |
| background-color: #ffffff; | |
| border: 1px solid #cccccc; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -moz-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -o-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| transition: border linear 0.2s,box-shadow linear 0.2s; | |
| } | |
| textarea:focus { | |
| border-color: rgba(82, 168, 236, 0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| } | |
| input { | |
| &[type="text"]:focus, &[type="password"]:focus, &[type="datetime"]:focus, &[type="datetime-local"]:focus, &[type="date"]:focus, &[type="month"]:focus, &[type="time"]:focus, &[type="week"]:focus, &[type="number"]:focus, &[type="email"]:focus, &[type="url"]:focus, &[type="search"]:focus, &[type="tel"]:focus, &[type="color"]:focus { | |
| border-color: rgba(82, 168, 236, 0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| } | |
| } | |
| .uneditable-input:focus { | |
| border-color: rgba(82, 168, 236, 0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| } | |
| input { | |
| &[type="radio"], &[type="checkbox"] { | |
| margin: 4px 0 0; | |
| *margin-top: 0; | |
| margin-top: 1px \9; | |
| line-height: normal; | |
| } | |
| &[type="file"], &[type="image"], &[type="submit"], &[type="reset"], &[type="button"], &[type="radio"], &[type="checkbox"] { | |
| width: auto; | |
| } | |
| } | |
| select, input[type="file"] { | |
| height: 30px; | |
| *margin-top: 4px; | |
| line-height: 30px; | |
| } | |
| select { | |
| width: 220px; | |
| border: 1px solid #cccccc; | |
| background-color: #ffffff; | |
| &[multiple], &[size] { | |
| height: auto; | |
| } | |
| &:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| } | |
| input { | |
| &[type="file"]:focus, &[type="radio"]:focus, &[type="checkbox"]:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| } | |
| .uneditable-input, UNUSED.uneditable-textarea { | |
| color: #999999; | |
| background-color: #fcfcfc; | |
| border-color: #cccccc; | |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| cursor: not-allowed; | |
| } | |
| .uneditable-input { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| } | |
| .uneditable-textarea { | |
| width: auto; | |
| height: auto; | |
| } | |
| UNUSEDinput:-moz-placeholder, UNUSEDtextarea:-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { | |
| color: #999999; | |
| } | |
| UNUSED { | |
| &.radio, &.checkbox { | |
| min-height: 20px; | |
| padding-left: 20px; | |
| } | |
| } | |
| .radio input[type="radio"], .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-left: -20px; | |
| } | |
| .controls > { | |
| .radio:first-child, .checkbox:first-child { | |
| padding-top: 5px; | |
| } | |
| } | |
| UNUSED { | |
| &.radio.inline, &.checkbox.inline { | |
| display: inline-block; | |
| padding-top: 5px; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| } | |
| .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { | |
| margin-left: 10px; | |
| } | |
| input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"] { | |
| float: none; | |
| margin-left: 0; | |
| } | |
| .row-fluid { | |
| input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"] { | |
| float: none; | |
| margin-left: 0; | |
| } | |
| } | |
| .input-append { | |
| input[class*="span"], .uneditable-input[class*="span"] { | |
| display: inline-block; | |
| } | |
| } | |
| .input-prepend { | |
| input[class*="span"], .uneditable-input[class*="span"] { | |
| display: inline-block; | |
| } | |
| } | |
| .row-fluid { | |
| input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .input-prepend [class*="span"], .input-append [class*="span"] { | |
| display: inline-block; | |
| } | |
| } | |
| input, textarea, .uneditable-input { | |
| margin-left: 0; | |
| } | |
| .controls-row [class*="span"] + [class*="span"] { | |
| margin-left: 28px; | |
| } | |
| UNUSEDinput.span12, UNUSEDtextarea.span12, UNUSED.uneditable-input.span12 { | |
| width: 966px; | |
| } | |
| UNUSEDinput.span11, UNUSEDtextarea.span11, UNUSED.uneditable-input.span11 { | |
| width: 882px; | |
| } | |
| UNUSEDinput.span10, UNUSEDtextarea.span10, UNUSED.uneditable-input.span10 { | |
| width: 798px; | |
| } | |
| UNUSEDinput.span9, UNUSEDtextarea.span9, UNUSED.uneditable-input.span9 { | |
| width: 714px; | |
| } | |
| UNUSEDinput.span8, UNUSEDtextarea.span8, UNUSED.uneditable-input.span8 { | |
| width: 630px; | |
| } | |
| UNUSEDinput.span7, UNUSEDtextarea.span7, UNUSED.uneditable-input.span7 { | |
| width: 546px; | |
| } | |
| UNUSEDinput.span6, UNUSEDtextarea.span6, UNUSED.uneditable-input.span6 { | |
| width: 462px; | |
| } | |
| UNUSEDinput.span5, UNUSEDtextarea.span5, UNUSED.uneditable-input.span5 { | |
| width: 378px; | |
| } | |
| UNUSEDinput.span4, UNUSEDtextarea.span4, UNUSED.uneditable-input.span4 { | |
| width: 294px; | |
| } | |
| UNUSEDinput.span3, UNUSEDtextarea.span3, UNUSED.uneditable-input.span3 { | |
| width: 210px; | |
| } | |
| UNUSEDinput.span2, UNUSEDtextarea.span2, UNUSED.uneditable-input.span2 { | |
| width: 126px; | |
| } | |
| UNUSEDinput.span1, UNUSEDtextarea.span1, UNUSED.uneditable-input.span1 { | |
| width: 42px; | |
| } | |
| .controls-row { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| [class*="span"] { | |
| float: left; | |
| } | |
| } | |
| .row-fluid .controls-row [class*="span"] { | |
| float: left; | |
| } | |
| .controls-row { | |
| .checkbox[class*="span"], .radio[class*="span"] { | |
| padding-top: 5px; | |
| } | |
| } | |
| input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { | |
| cursor: not-allowed; | |
| background-color: #eeeeee; | |
| } | |
| input { | |
| &[type="radio"][disabled], &[type="checkbox"][disabled], &[type="radio"][readonly], &[type="checkbox"][readonly] { | |
| background-color: transparent; | |
| } | |
| } | |
| UNUSED.control-group.warning { | |
| .control-label, .help-block, .help-inline, .checkbox, .radio, input, select, textarea { | |
| color: #c09853; | |
| } | |
| } | |
| .control-group.warning { | |
| input, select, textarea { | |
| border-color: #c09853; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| input:focus, select:focus, textarea:focus { | |
| border-color: #a47e3c; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| } | |
| } | |
| UNUSED.control-group { | |
| &.warning { | |
| .input-prepend .add-on, .input-append .add-on { | |
| color: #c09853; | |
| background-color: #fcf8e3; | |
| border-color: #c09853; | |
| } | |
| } | |
| &.error { | |
| .control-label, .help-block, .help-inline, .checkbox, .radio, input, select, textarea { | |
| color: #b94a48; | |
| } | |
| } | |
| } | |
| .control-group.error { | |
| input, select, textarea { | |
| border-color: #b94a48; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| input:focus, select:focus, textarea:focus { | |
| border-color: #953b39; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| } | |
| } | |
| UNUSED.control-group { | |
| &.error { | |
| .input-prepend .add-on, .input-append .add-on { | |
| color: #b94a48; | |
| background-color: #f2dede; | |
| border-color: #b94a48; | |
| } | |
| } | |
| &.success { | |
| .control-label, .help-block, .help-inline, .checkbox, .radio, input, select, textarea { | |
| color: #468847; | |
| } | |
| } | |
| } | |
| .control-group.success { | |
| input, select, textarea { | |
| border-color: #468847; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| input:focus, select:focus, textarea:focus { | |
| border-color: #356635; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| } | |
| } | |
| UNUSED.control-group { | |
| &.success { | |
| .input-prepend .add-on, .input-append .add-on { | |
| color: #468847; | |
| background-color: #dff0d8; | |
| border-color: #468847; | |
| } | |
| } | |
| &.info { | |
| .control-label, .help-block, .help-inline, .checkbox, .radio, input, select, textarea { | |
| color: #3a87ad; | |
| } | |
| } | |
| } | |
| .control-group.info { | |
| input, select, textarea { | |
| border-color: #3a87ad; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| input:focus, select:focus, textarea:focus { | |
| border-color: #2d6987; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| } | |
| } | |
| UNUSED.control-group.info { | |
| .input-prepend .add-on, .input-append .add-on { | |
| color: #3a87ad; | |
| background-color: #d9edf7; | |
| border-color: #3a87ad; | |
| } | |
| } | |
| input:focus:invalid, textarea:focus:invalid, select:focus:invalid { | |
| color: #b94a48; | |
| border-color: #ee5f5b; | |
| } | |
| input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { | |
| border-color: #e9322d; | |
| -webkit-box-shadow: 0 0 6px #f8b9b7; | |
| -moz-box-shadow: 0 0 6px #f8b9b7; | |
| box-shadow: 0 0 6px #f8b9b7; | |
| } | |
| .form-actions { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| UNUSED { | |
| &.help-block, &.help-inline { | |
| color: #595959; | |
| } | |
| } | |
| .help-block { | |
| display: block; | |
| margin-bottom: 10px; | |
| } | |
| .help-inline { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| vertical-align: middle; | |
| padding-left: 5px; | |
| } | |
| UNUSED { | |
| &.input-append, &.input-prepend { | |
| display: inline-block; | |
| margin-bottom: 10px; | |
| vertical-align: middle; | |
| font-size: 0; | |
| white-space: nowrap; | |
| } | |
| &.input-append input, &.input-prepend input, &.input-append select, &.input-prepend select, &.input-append .uneditable-input, &.input-prepend .uneditable-input, &.input-append .dropdown-menu, &.input-prepend .dropdown-menu, &.input-append .popover, &.input-prepend .popover { | |
| font-size: 14px; | |
| } | |
| } | |
| .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { | |
| position: relative; | |
| margin-bottom: 0; | |
| *margin-left: 0; | |
| vertical-align: top; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { | |
| z-index: 2; | |
| } | |
| UNUSED { | |
| &.input-append .add-on, &.input-prepend .add-on { | |
| display: inline-block; | |
| width: auto; | |
| height: 20px; | |
| min-width: 16px; | |
| padding: 4px 5px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 20px; | |
| text-align: center; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #eeeeee; | |
| border: 1px solid #ccc; | |
| } | |
| } | |
| .input-append .add-on, .input-prepend .add-on { | |
| vertical-align: top; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| UNUSED { | |
| &.input-append .btn, &.input-prepend .btn { | |
| vertical-align: top; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| } | |
| .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { | |
| vertical-align: top; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| UNUSED { | |
| &.input-append .active, &.input-prepend .active { | |
| background-color: #a9dba9; | |
| border-color: #46a546; | |
| } | |
| } | |
| .input-prepend { | |
| .add-on, .btn { | |
| margin-right: -1px; | |
| } | |
| } | |
| UNUSED.input-prepend { | |
| .add-on:first-child, .btn:first-child { | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| } | |
| .input-append { | |
| input, select, .uneditable-input { | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| input + .btn-group .btn:last-child, select + .btn-group .btn:last-child, .uneditable-input + .btn-group .btn:last-child { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .add-on, .btn { | |
| margin-left: -1px; | |
| } | |
| } | |
| UNUSED.input-append { | |
| .btn-group { | |
| margin-left: -1px; | |
| } | |
| .add-on:last-child, .btn:last-child { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| } | |
| .input-append .btn-group:last-child > .dropdown-toggle { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| UNUSED.input-prepend.input-append { | |
| input, select, .uneditable-input { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| } | |
| .input-prepend.input-append { | |
| input + .btn-group .btn, select + .btn-group .btn, .uneditable-input + .btn-group .btn { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| } | |
| UNUSED { | |
| &.input-prepend.input-append { | |
| .add-on:first-child, .btn:first-child { | |
| margin-right: -1px; | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .add-on:last-child, .btn:last-child { | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| } | |
| &.form-search { | |
| .input-append .search-query, .input-prepend .search-query { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| } | |
| } | |
| .form-search { | |
| .input-append .search-query { | |
| -webkit-border-radius: 14px 0 0 14px; | |
| -moz-border-radius: 14px 0 0 14px; | |
| border-radius: 14px 0 0 14px; | |
| } | |
| .input-prepend .search-query { | |
| -webkit-border-radius: 0 14px 14px 0; | |
| -moz-border-radius: 0 14px 14px 0; | |
| border-radius: 0 14px 14px 0; | |
| } | |
| } | |
| UNUSED { | |
| &.form-search input, &.form-inline input, &.form-horizontal input, &.form-search textarea, &.form-inline textarea, &.form-horizontal textarea, &.form-search select, &.form-inline select, &.form-horizontal select, &.form-search .help-inline, &.form-inline .help-inline, &.form-horizontal .help-inline, &.form-search .uneditable-input, &.form-inline .uneditable-input, &.form-horizontal .uneditable-input, &.form-search .input-prepend, &.form-inline .input-prepend, &.form-horizontal .input-prepend, &.form-search .input-append, &.form-inline .input-append, &.form-horizontal .input-append { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| &.form-search .hide, &.form-inline .hide, &.form-horizontal .hide { | |
| display: none; | |
| } | |
| &.form-search label, &.form-inline label, &.form-search .btn-group, &.form-inline .btn-group { | |
| display: inline-block; | |
| } | |
| } | |
| .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { | |
| margin-bottom: 0; | |
| } | |
| UNUSED { | |
| &.form-search { | |
| .radio, .checkbox { | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| } | |
| &.form-inline { | |
| .radio, .checkbox { | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| } | |
| } | |
| .form-search { | |
| .radio input[type="radio"], .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-right: 3px; | |
| margin-left: 0; | |
| } | |
| } | |
| .form-inline { | |
| .radio input[type="radio"], .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-right: 3px; | |
| margin-left: 0; | |
| } | |
| } | |
| legend + .control-group { | |
| margin-top: 20px; | |
| -webkit-margin-top-collapse: separate; | |
| } | |
| .form-horizontal { | |
| .control-group { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| input + .help-block, select + .help-block, textarea + .help-block, .uneditable-input + .help-block, .input-prepend + .help-block, .input-append + .help-block { | |
| margin-top: 10px; | |
| } | |
| } | |
| .btn { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| padding: 4px 12px; | |
| margin-bottom: 0; | |
| font-size: 14px; | |
| line-height: 20px; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| color: #333333; | |
| text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | |
| background-color: #f5f5f5; | |
| background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); | |
| border-color: #e6e6e6 #e6e6e6 #bfbfbf; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #e6e6e6; | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| border: 1px solid #cccccc; | |
| *border: 0; | |
| border-bottom-color: #b3b3b3; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| *margin-left: 0.3em; | |
| -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| &:hover, &:focus { | |
| color: #333333; | |
| background-color: #e6e6e6; | |
| *background-color: #d9d9d9; | |
| } | |
| } | |
| UNUSED.btn { | |
| &:active, &.active, &.disabled { | |
| color: #333333; | |
| background-color: #e6e6e6; | |
| *background-color: #d9d9d9; | |
| } | |
| } | |
| .btn { | |
| &[disabled] { | |
| color: #333333; | |
| background-color: #e6e6e6; | |
| *background-color: #d9d9d9; | |
| } | |
| &:active, &.active { | |
| background-color: #cccccc \9; | |
| } | |
| &:hover { | |
| color: #333333; | |
| text-decoration: none; | |
| background-position: 0 -15px; | |
| -webkit-transition: background-position 0.1s linear; | |
| -moz-transition: background-position 0.1s linear; | |
| -o-transition: background-position 0.1s linear; | |
| transition: background-position 0.1s linear; | |
| } | |
| &:focus { | |
| color: #333333; | |
| text-decoration: none; | |
| background-position: 0 -15px; | |
| -webkit-transition: background-position 0.1s linear; | |
| -moz-transition: background-position 0.1s linear; | |
| -o-transition: background-position 0.1s linear; | |
| transition: background-position 0.1s linear; | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| &.active, &:active { | |
| background-image: none; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| &.disabled, &[disabled] { | |
| cursor: default; | |
| background-image: none; | |
| opacity: 0.65; | |
| filter: alpha(opacity = 65); | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| } | |
| .btn-large { | |
| [class^="icon-"], [class*=" icon-"] { | |
| margin-top: 4px; | |
| } | |
| } | |
| .btn-small { | |
| [class^="icon-"], [class*=" icon-"] { | |
| margin-top: 0; | |
| } | |
| } | |
| .btn-mini { | |
| [class^="icon-"], [class*=" icon-"] { | |
| margin-top: -1px; | |
| } | |
| } | |
| .btn-block + .btn-block { | |
| margin-top: 5px; | |
| } | |
| input { | |
| &[type="submit"].btn-block, &[type="reset"].btn-block, &[type="button"].btn-block { | |
| width: 100%; | |
| } | |
| } | |
| UNUSED { | |
| &.btn-primary.active, &.btn-warning.active, &.btn-danger.active, &.btn-success.active, &.btn-info.active, &.btn-inverse.active { | |
| color: rgba(255, 255, 255, 0.75); | |
| } | |
| } | |
| .btn-primary { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #0044cc; | |
| *background-color: #003bb3; | |
| } | |
| } | |
| UNUSED.btn-primary:active, .btn-primary.active, UNUSED.btn-primary.disabled { | |
| color: #ffffff; | |
| background-color: #0044cc; | |
| *background-color: #003bb3; | |
| } | |
| .btn-primary { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #0044cc; | |
| *background-color: #003bb3; | |
| } | |
| &:active, &.active { | |
| background-color: #003399 \9; | |
| } | |
| } | |
| .btn-warning { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #f89406; | |
| *background-color: #df8505; | |
| } | |
| } | |
| UNUSED.btn-warning:active, .btn-warning.active, UNUSED.btn-warning.disabled { | |
| color: #ffffff; | |
| background-color: #f89406; | |
| *background-color: #df8505; | |
| } | |
| .btn-warning { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #f89406; | |
| *background-color: #df8505; | |
| } | |
| &:active, &.active { | |
| background-color: #c67605 \9; | |
| } | |
| } | |
| .btn-danger { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #bd362f; | |
| *background-color: #a9302a; | |
| } | |
| } | |
| UNUSED.btn-danger:active, .btn-danger.active, UNUSED.btn-danger.disabled { | |
| color: #ffffff; | |
| background-color: #bd362f; | |
| *background-color: #a9302a; | |
| } | |
| .btn-danger { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #bd362f; | |
| *background-color: #a9302a; | |
| } | |
| &:active, &.active { | |
| background-color: #942a25 \9; | |
| } | |
| } | |
| .btn-success { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #51a351; | |
| *background-color: #499249; | |
| } | |
| } | |
| UNUSED.btn-success:active, .btn-success.active, UNUSED.btn-success.disabled { | |
| color: #ffffff; | |
| background-color: #51a351; | |
| *background-color: #499249; | |
| } | |
| .btn-success { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #51a351; | |
| *background-color: #499249; | |
| } | |
| &:active, &.active { | |
| background-color: #408140 \9; | |
| } | |
| } | |
| .btn-info { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #2f96b4; | |
| *background-color: #2a85a0; | |
| } | |
| } | |
| UNUSED.btn-info:active, .btn-info.active, UNUSED.btn-info.disabled { | |
| color: #ffffff; | |
| background-color: #2f96b4; | |
| *background-color: #2a85a0; | |
| } | |
| .btn-info { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #2f96b4; | |
| *background-color: #2a85a0; | |
| } | |
| &:active, &.active { | |
| background-color: #24748c \9; | |
| } | |
| } | |
| .btn-inverse { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #222222; | |
| *background-color: #151515; | |
| } | |
| } | |
| UNUSED.btn-inverse:active, .btn-inverse.active, UNUSED.btn-inverse.disabled { | |
| color: #ffffff; | |
| background-color: #222222; | |
| *background-color: #151515; | |
| } | |
| .btn-inverse { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #222222; | |
| *background-color: #151515; | |
| } | |
| &:active, &.active { | |
| background-color: #080808 \9; | |
| } | |
| } | |
| button.btn, input[type="submit"].btn { | |
| *padding-top: 3px; | |
| *padding-bottom: 3px; | |
| } | |
| UNUSEDbutton.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { | |
| padding: 0; | |
| border: 0; | |
| } | |
| UNUSEDbutton.btn.btn-large, input[type="submit"].btn.btn-large { | |
| *padding-top: 7px; | |
| *padding-bottom: 7px; | |
| } | |
| UNUSEDbutton.btn.btn-small, input[type="submit"].btn.btn-small { | |
| *padding-top: 3px; | |
| *padding-bottom: 3px; | |
| } | |
| UNUSEDbutton.btn.btn-mini, input[type="submit"].btn.btn-mini { | |
| *padding-top: 1px; | |
| *padding-bottom: 1px; | |
| } | |
| UNUSED.btn-link { | |
| background-color: transparent; | |
| background-image: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| &:active { | |
| background-color: transparent; | |
| background-image: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| } | |
| .btn-link { | |
| &[disabled] { | |
| background-color: transparent; | |
| background-image: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| border-color: transparent; | |
| cursor: pointer; | |
| color: #0088cc; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| &:hover, &:focus { | |
| color: #005580; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| } | |
| &[disabled] { | |
| &:hover, &:focus { | |
| color: #333333; | |
| text-decoration: none; | |
| } | |
| } | |
| } | |
| [class^="icon-"], [class*=" icon-"] { | |
| display: inline-block; | |
| width: 14px; | |
| height: 14px; | |
| *margin-right: 0.3em; | |
| line-height: 14px; | |
| vertical-align: text-top; | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings.png); | |
| background-position: 14px 14px; | |
| background-repeat: no-repeat; | |
| margin-top: 1px; | |
| } | |
| UNUSED.icon-white { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .nav-pills > .active > a > { | |
| [class^="icon-"], [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| } | |
| .nav-list > .active > a > { | |
| [class^="icon-"], [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| } | |
| .navbar-inverse .nav > .active > a > { | |
| [class^="icon-"], [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| } | |
| .dropdown-menu > { | |
| li > a { | |
| &:hover > [class^="icon-"], &:focus > [class^="icon-"], &:hover > [class*=" icon-"], &:focus > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| } | |
| .active > a > { | |
| [class^="icon-"], [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| } | |
| } | |
| .dropdown-submenu { | |
| &:hover > a > [class^="icon-"], &:focus > a > [class^="icon-"], &:hover > a > [class*=" icon-"], &:focus > a > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| } | |
| .btn-group + .btn-group { | |
| margin-left: 5px; | |
| } | |
| .btn-toolbar > { | |
| .btn + .btn, .btn-group + .btn, .btn + .btn-group { | |
| margin-left: 5px; | |
| } | |
| } | |
| .btn-group > { | |
| .btn { | |
| position: relative; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| + .btn { | |
| margin-left: -1px; | |
| } | |
| font-size: 14px; | |
| } | |
| .dropdown-menu, .popover { | |
| font-size: 14px; | |
| } | |
| .btn-mini { | |
| font-size: 10.5px; | |
| } | |
| .btn-small { | |
| font-size: 11.9px; | |
| } | |
| .btn-large { | |
| font-size: 17.5px; | |
| } | |
| .btn { | |
| &:first-child { | |
| margin-left: 0; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| &:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| } | |
| .dropdown-toggle { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .btn.large { | |
| &:first-child { | |
| margin-left: 0; | |
| -webkit-border-top-left-radius: 6px; | |
| -moz-border-radius-topleft: 6px; | |
| border-top-left-radius: 6px; | |
| -webkit-border-bottom-left-radius: 6px; | |
| -moz-border-radius-bottomleft: 6px; | |
| border-bottom-left-radius: 6px; | |
| } | |
| &:last-child { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| } | |
| .large.dropdown-toggle { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| .btn { | |
| &:hover, &:focus, &:active, &.active { | |
| z-index: 2; | |
| } | |
| } | |
| } | |
| UNUSED.btn-group { | |
| .dropdown-toggle:active, &.open .dropdown-toggle { | |
| outline: 0; | |
| } | |
| } | |
| .btn-group { | |
| > { | |
| .btn + .dropdown-toggle { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| *padding-top: 5px; | |
| *padding-bottom: 5px; | |
| } | |
| .btn-mini + .dropdown-toggle { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| *padding-top: 2px; | |
| *padding-bottom: 2px; | |
| } | |
| .btn-small + .dropdown-toggle { | |
| *padding-top: 5px; | |
| *padding-bottom: 4px; | |
| } | |
| .btn-large + .dropdown-toggle { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| *padding-top: 7px; | |
| *padding-bottom: 7px; | |
| } | |
| } | |
| &.open .dropdown-toggle { | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| } | |
| .btn-large .caret { | |
| border-left-width: 5px; | |
| border-right-width: 5px; | |
| border-top-width: 5px; | |
| } | |
| UNUSED { | |
| &.btn-mini .caret, &.btn-small .caret { | |
| margin-top: 8px; | |
| } | |
| &.btn-primary .caret, &.btn-warning .caret, &.btn-danger .caret, &.btn-info .caret, &.btn-success .caret, &.btn-inverse .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| } | |
| .btn-group-vertical > { | |
| .btn { | |
| display: block; | |
| float: none; | |
| max-width: 100%; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| + .btn { | |
| margin-left: 0; | |
| margin-top: -1px; | |
| } | |
| &:first-child { | |
| -webkit-border-radius: 4px 4px 0 0; | |
| -moz-border-radius: 4px 4px 0 0; | |
| border-radius: 4px 4px 0 0; | |
| } | |
| &:last-child { | |
| -webkit-border-radius: 0 0 4px 4px; | |
| -moz-border-radius: 0 0 4px 4px; | |
| border-radius: 0 0 4px 4px; | |
| } | |
| } | |
| .btn-large { | |
| &:first-child { | |
| -webkit-border-radius: 6px 6px 0 0; | |
| -moz-border-radius: 6px 6px 0 0; | |
| border-radius: 6px 6px 0 0; | |
| } | |
| &:last-child { | |
| -webkit-border-radius: 0 0 6px 6px; | |
| -moz-border-radius: 0 0 6px 6px; | |
| border-radius: 0 0 6px 6px; | |
| } | |
| } | |
| } | |
| .nav { | |
| margin-left: 0; | |
| margin-bottom: 20px; | |
| list-style: none; | |
| > { | |
| li > a { | |
| display: block; | |
| &:hover, &:focus { | |
| text-decoration: none; | |
| background-color: #eeeeee; | |
| } | |
| > img { | |
| max-width: none; | |
| } | |
| } | |
| .pull-right { | |
| float: right; | |
| } | |
| } | |
| } | |
| .nav-header { | |
| display: block; | |
| padding: 3px 15px; | |
| font-size: 11px; | |
| font-weight: bold; | |
| line-height: 20px; | |
| color: #999999; | |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| text-transform: uppercase; | |
| } | |
| .nav li + .nav-header { | |
| margin-top: 9px; | |
| } | |
| .nav-list > li > a, UNUSED.nav-list .nav-header { | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| } | |
| .nav-list { | |
| > { | |
| li > a { | |
| padding: 3px 15px; | |
| } | |
| .active > a { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
| background-color: #0088cc; | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
| background-color: #0088cc; | |
| } | |
| } | |
| } | |
| [class^="icon-"], [class*=" icon-"] { | |
| margin-right: 2px; | |
| } | |
| } | |
| UNUSED { | |
| &.nav-tabs, &.nav-pills { | |
| *zoom: 1; | |
| } | |
| } | |
| .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .nav-tabs:after, .nav-pills:after { | |
| clear: both; | |
| } | |
| .nav-tabs > li, .nav-pills > li { | |
| float: left; | |
| } | |
| .nav-tabs > li > a, .nav-pills > li > a { | |
| padding-right: 12px; | |
| padding-left: 12px; | |
| margin-right: 2px; | |
| line-height: 14px; | |
| } | |
| .nav-tabs { | |
| border-bottom: 1px solid #ddd; | |
| > { | |
| li { | |
| margin-bottom: -1px; | |
| > a { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| line-height: 20px; | |
| border: 1px solid transparent; | |
| -webkit-border-radius: 4px 4px 0 0; | |
| -moz-border-radius: 4px 4px 0 0; | |
| border-radius: 4px 4px 0 0; | |
| &:hover, &:focus { | |
| border-color: #eeeeee #eeeeee #dddddd; | |
| } | |
| } | |
| } | |
| .active > a { | |
| color: #555555; | |
| background-color: #ffffff; | |
| border: 1px solid #ddd; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| &:hover, &:focus { | |
| color: #555555; | |
| background-color: #ffffff; | |
| border: 1px solid #ddd; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| } | |
| } | |
| } | |
| } | |
| .nav-pills > { | |
| li > a { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| margin-top: 2px; | |
| margin-bottom: 2px; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| } | |
| .active > a { | |
| color: #ffffff; | |
| background-color: #0088cc; | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #0088cc; | |
| } | |
| } | |
| } | |
| .nav-stacked > li { | |
| float: none; | |
| > a { | |
| margin-right: 0; | |
| } | |
| } | |
| .nav-tabs.nav-stacked > li { | |
| > a { | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| &:first-child > a { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| &:last-child > a { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| > a { | |
| &:hover, &:focus { | |
| border-color: #ddd; | |
| z-index: 2; | |
| } | |
| } | |
| } | |
| .nav-pills.nav-stacked > li { | |
| > a { | |
| margin-bottom: 3px; | |
| } | |
| &:last-child > a { | |
| margin-bottom: 1px; | |
| } | |
| } | |
| .nav { | |
| .dropdown-toggle { | |
| &:hover .caret, &:focus .caret { | |
| border-top-color: #005580; | |
| border-bottom-color: #005580; | |
| } | |
| } | |
| > .dropdown.active > a { | |
| &:hover, &:focus { | |
| cursor: pointer; | |
| } | |
| } | |
| } | |
| UNUSED { | |
| &.nav-tabs .open .dropdown-toggle, &.nav-pills .open .dropdown-toggle { | |
| color: #ffffff; | |
| background-color: #999999; | |
| border-color: #999999; | |
| } | |
| } | |
| .nav > li.dropdown.open.active > a { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #999999; | |
| border-color: #999999; | |
| } | |
| } | |
| UNUSED.nav li.dropdown.open { | |
| .caret, &.active .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| opacity: 1; | |
| filter: alpha(opacity = 100); | |
| } | |
| } | |
| .nav li.dropdown.open a { | |
| &:hover .caret, &:focus .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| opacity: 1; | |
| filter: alpha(opacity = 100); | |
| } | |
| } | |
| .tabs-stacked .open > a { | |
| &:hover, &:focus { | |
| border-color: #999999; | |
| } | |
| } | |
| .tabbable { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { | |
| border-bottom: 0; | |
| } | |
| .tab-content > .tab-pane, .pill-content > .pill-pane { | |
| display: none; | |
| } | |
| .tab-content > .active, .pill-content > .active { | |
| display: block; | |
| } | |
| .tabs-below > .nav-tabs { | |
| border-top: 1px solid #ddd; | |
| > { | |
| li { | |
| margin-top: -1px; | |
| margin-bottom: 0; | |
| > a { | |
| -webkit-border-radius: 0 0 4px 4px; | |
| -moz-border-radius: 0 0 4px 4px; | |
| border-radius: 0 0 4px 4px; | |
| &:hover, &:focus { | |
| border-bottom-color: transparent; | |
| border-top-color: #ddd; | |
| } | |
| } | |
| } | |
| .active > a { | |
| border-color: transparent #ddd #ddd #ddd; | |
| &:hover, &:focus { | |
| border-color: transparent #ddd #ddd #ddd; | |
| } | |
| } | |
| } | |
| } | |
| .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { | |
| float: none; | |
| } | |
| .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { | |
| min-width: 74px; | |
| margin-right: 0; | |
| margin-bottom: 3px; | |
| } | |
| .tabs-left > .nav-tabs { | |
| float: left; | |
| margin-right: 19px; | |
| border-right: 1px solid #ddd; | |
| > li > a { | |
| margin-right: -1px; | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| &:hover, &:focus { | |
| border-color: #eeeeee #dddddd #eeeeee #eeeeee; | |
| } | |
| } | |
| .active > a { | |
| border-color: #ddd transparent #ddd #ddd; | |
| *border-right-color: #ffffff; | |
| &:hover, &:focus { | |
| border-color: #ddd transparent #ddd #ddd; | |
| *border-right-color: #ffffff; | |
| } | |
| } | |
| } | |
| .tabs-right > .nav-tabs { | |
| float: right; | |
| margin-left: 19px; | |
| border-left: 1px solid #ddd; | |
| > li > a { | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| &:hover, &:focus { | |
| border-color: #eeeeee #eeeeee #eeeeee #dddddd; | |
| } | |
| } | |
| .active > a { | |
| border-color: #ddd #ddd #ddd transparent; | |
| *border-left-color: #ffffff; | |
| &:hover, &:focus { | |
| border-color: #ddd #ddd #ddd transparent; | |
| *border-left-color: #ffffff; | |
| } | |
| } | |
| } | |
| .nav > .disabled > a { | |
| color: #999999; | |
| &:hover, &:focus { | |
| text-decoration: none; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| } | |
| .navbar-inner { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| .navbar .brand { | |
| &:hover, &:focus { | |
| text-decoration: none; | |
| } | |
| } | |
| .navbar-link { | |
| &:hover, &:focus { | |
| color: #333333; | |
| } | |
| } | |
| UNUSED.navbar { | |
| .btn { | |
| margin-top: 5px; | |
| } | |
| .btn-group { | |
| margin-top: 5px; | |
| .btn { | |
| margin-top: 0; | |
| } | |
| } | |
| .input-prepend .btn, .input-append .btn, .input-prepend .btn-group, .input-append .btn-group { | |
| margin-top: 0; | |
| } | |
| } | |
| .navbar-form { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| } | |
| UNUSED.navbar-form { | |
| input, select, .radio, .checkbox { | |
| margin-top: 5px; | |
| } | |
| } | |
| .navbar-form { | |
| input, select { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| } | |
| } | |
| UNUSED.navbar-form .btn { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| } | |
| .navbar-form input { | |
| &[type="image"], &[type="checkbox"], &[type="radio"] { | |
| margin-top: 3px; | |
| } | |
| } | |
| UNUSED { | |
| &.navbar-form { | |
| .input-append, .input-prepend { | |
| margin-top: 5px; | |
| white-space: nowrap; | |
| } | |
| .input-append input, .input-prepend input { | |
| margin-top: 0; | |
| } | |
| } | |
| &.navbar-fixed-top, &.navbar-fixed-bottom { | |
| position: fixed; | |
| right: 0; | |
| left: 0; | |
| z-index: 1030; | |
| margin-bottom: 0; | |
| } | |
| &.navbar-fixed-top .navbar-inner { | |
| border-width: 0 0 1px; | |
| } | |
| } | |
| .navbar-static-top .navbar-inner { | |
| border-width: 0 0 1px; | |
| } | |
| .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { | |
| padding-left: 0; | |
| padding-right: 0; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { | |
| width: 980px; | |
| } | |
| .navbar-fixed-top { | |
| top: 0; | |
| .navbar-inner { | |
| -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| } | |
| .navbar-static-top .navbar-inner { | |
| -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| .navbar-fixed-bottom { | |
| bottom: 0; | |
| .navbar-inner { | |
| -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| } | |
| .navbar { | |
| .nav > { | |
| li { | |
| float: left; | |
| > a { | |
| float: none; | |
| padding: 10px 15px 10px; | |
| color: #777777; | |
| text-decoration: none; | |
| text-shadow: 0 1px 0 #ffffff; | |
| &:focus, &:hover { | |
| background-color: transparent; | |
| color: #333333; | |
| text-decoration: none; | |
| } | |
| } | |
| } | |
| .active > a { | |
| color: #555555; | |
| text-decoration: none; | |
| background-color: #e5e5e5; | |
| -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| &:hover, &:focus { | |
| color: #555555; | |
| text-decoration: none; | |
| background-color: #e5e5e5; | |
| -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| } | |
| } | |
| } | |
| .btn-navbar { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #e5e5e5; | |
| *background-color: #d9d9d9; | |
| } | |
| } | |
| } | |
| UNUSED.navbar .btn-navbar { | |
| &:active, &.active, &.disabled { | |
| color: #ffffff; | |
| background-color: #e5e5e5; | |
| *background-color: #d9d9d9; | |
| } | |
| } | |
| .navbar .btn-navbar { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #e5e5e5; | |
| *background-color: #d9d9d9; | |
| } | |
| &:active, &.active { | |
| background-color: #cccccc \9; | |
| } | |
| } | |
| .btn-navbar .icon-bar + .icon-bar { | |
| margin-top: 3px; | |
| } | |
| .navbar .nav > li > .dropdown-menu { | |
| &:before { | |
| content: ''; | |
| display: inline-block; | |
| border-left: 7px solid transparent; | |
| border-right: 7px solid transparent; | |
| border-bottom: 7px solid #ccc; | |
| border-bottom-color: rgba(0, 0, 0, 0.2); | |
| position: absolute; | |
| top: -7px; | |
| left: 9px; | |
| } | |
| &:after { | |
| content: ''; | |
| display: inline-block; | |
| border-left: 6px solid transparent; | |
| border-right: 6px solid transparent; | |
| border-bottom: 6px solid #ffffff; | |
| position: absolute; | |
| top: -6px; | |
| left: 10px; | |
| } | |
| } | |
| .navbar-fixed-bottom .nav > li > .dropdown-menu { | |
| &:before { | |
| border-top: 7px solid #ccc; | |
| border-top-color: rgba(0, 0, 0, 0.2); | |
| border-bottom: 0; | |
| bottom: -7px; | |
| top: auto; | |
| } | |
| &:after { | |
| border-top: 6px solid #ffffff; | |
| border-bottom: 0; | |
| bottom: -6px; | |
| top: auto; | |
| } | |
| } | |
| .navbar { | |
| .nav li.dropdown { | |
| > a { | |
| &:hover .caret, &:focus .caret { | |
| border-top-color: #333333; | |
| border-bottom-color: #333333; | |
| } | |
| } | |
| &.open > .dropdown-toggle, &.active > .dropdown-toggle { | |
| background-color: #e5e5e5; | |
| color: #555555; | |
| } | |
| &.open { | |
| &.active > .dropdown-toggle { | |
| background-color: #e5e5e5; | |
| color: #555555; | |
| } | |
| > .dropdown-toggle .caret { | |
| border-top-color: #555555; | |
| border-bottom-color: #555555; | |
| } | |
| } | |
| > .dropdown-toggle .caret { | |
| border-top-color: #777777; | |
| border-bottom-color: #777777; | |
| } | |
| &.active > .dropdown-toggle .caret, &.open.active > .dropdown-toggle .caret { | |
| border-top-color: #555555; | |
| border-bottom-color: #555555; | |
| } | |
| } | |
| .pull-right > li > .dropdown-menu, .nav > li > .dropdown-menu.pull-right { | |
| left: auto; | |
| right: 0; | |
| } | |
| .pull-right > li > .dropdown-menu:before, .nav > li > .dropdown-menu.pull-right:before { | |
| left: auto; | |
| right: 12px; | |
| } | |
| .pull-right > li > .dropdown-menu:after, .nav > li > .dropdown-menu.pull-right:after { | |
| left: auto; | |
| right: 13px; | |
| } | |
| .pull-right > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-right .dropdown-menu { | |
| left: auto; | |
| right: 100%; | |
| margin-left: 0; | |
| margin-right: -1px; | |
| -webkit-border-radius: 6px 0 6px 6px; | |
| -moz-border-radius: 6px 0 6px 6px; | |
| border-radius: 6px 0 6px 6px; | |
| } | |
| } | |
| UNUSED.navbar-inverse .brand { | |
| color: #999999; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| } | |
| .navbar-inverse { | |
| .nav > li > a { | |
| color: #999999; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| } | |
| .brand:hover, .nav > li > a:hover, .brand:focus, .nav > li > a:focus { | |
| color: #ffffff; | |
| } | |
| .brand { | |
| color: #999999; | |
| } | |
| .nav { | |
| > li > a { | |
| &:focus, &:hover { | |
| background-color: transparent; | |
| color: #ffffff; | |
| } | |
| } | |
| .active > a { | |
| color: #ffffff; | |
| background-color: #111111; | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #111111; | |
| } | |
| } | |
| } | |
| .navbar-link { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| } | |
| } | |
| .nav li.dropdown { | |
| &.open > .dropdown-toggle, &.active > .dropdown-toggle { | |
| background-color: #111111; | |
| color: #ffffff; | |
| } | |
| &.open { | |
| &.active > .dropdown-toggle { | |
| background-color: #111111; | |
| color: #ffffff; | |
| } | |
| > .dropdown-toggle .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| } | |
| > { | |
| a { | |
| &:hover .caret, &:focus .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| } | |
| .dropdown-toggle .caret { | |
| border-top-color: #999999; | |
| border-bottom-color: #999999; | |
| } | |
| } | |
| &.active > .dropdown-toggle .caret, &.open.active > .dropdown-toggle .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| } | |
| .navbar-search .search-query { | |
| &:-ms-input-placeholder, &::-webkit-input-placeholder { | |
| color: #cccccc; | |
| } | |
| &:focus { | |
| padding: 5px 15px; | |
| color: #333333; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #ffffff; | |
| border: 0; | |
| -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| outline: 0; | |
| } | |
| } | |
| } | |
| UNUSED.navbar-inverse .navbar-search .search-query.focused { | |
| padding: 5px 15px; | |
| color: #333333; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #ffffff; | |
| border: 0; | |
| -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| outline: 0; | |
| } | |
| .navbar-inverse .btn-navbar { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| background-color: #040404; | |
| *background-color: #000000; | |
| } | |
| } | |
| UNUSED.navbar-inverse .btn-navbar { | |
| &:active, &.active, &.disabled { | |
| color: #ffffff; | |
| background-color: #040404; | |
| *background-color: #000000; | |
| } | |
| } | |
| .navbar-inverse .btn-navbar { | |
| &[disabled] { | |
| color: #ffffff; | |
| background-color: #040404; | |
| *background-color: #000000; | |
| } | |
| &:active, &.active { | |
| background-color: #000000 \9; | |
| } | |
| } | |
| .breadcrumb > { | |
| li { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| text-shadow: 0 1px 0 #ffffff; | |
| > .divider { | |
| padding: 0 5px; | |
| color: #ccc; | |
| } | |
| } | |
| .active { | |
| color: #999999; | |
| } | |
| } | |
| .pagination ul > { | |
| li { | |
| display: inline; | |
| > { | |
| a, span { | |
| float: left; | |
| padding: 4px 12px; | |
| line-height: 20px; | |
| text-decoration: none; | |
| background-color: #ffffff; | |
| border: 1px solid #dddddd; | |
| border-left-width: 0; | |
| } | |
| a { | |
| &:hover, &:focus { | |
| background-color: #f5f5f5; | |
| } | |
| } | |
| } | |
| } | |
| .active > { | |
| a, span { | |
| background-color: #f5f5f5; | |
| } | |
| a, span { | |
| color: #999999; | |
| cursor: default; | |
| } | |
| } | |
| .disabled > { | |
| span { | |
| color: #999999; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| a { | |
| color: #999999; | |
| background-color: transparent; | |
| cursor: default; | |
| &:hover, &:focus { | |
| color: #999999; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| } | |
| } | |
| li { | |
| &:first-child > { | |
| a, span { | |
| border-left-width: 1px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| } | |
| &:last-child > { | |
| a, span { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| } | |
| } | |
| } | |
| .pagination-large ul > li { | |
| > { | |
| a, span { | |
| padding: 11px 19px; | |
| font-size: 17.5px; | |
| } | |
| } | |
| &:first-child > { | |
| a, span { | |
| -webkit-border-top-left-radius: 6px; | |
| -moz-border-radius-topleft: 6px; | |
| border-top-left-radius: 6px; | |
| -webkit-border-bottom-left-radius: 6px; | |
| -moz-border-radius-bottomleft: 6px; | |
| border-bottom-left-radius: 6px; | |
| } | |
| } | |
| &:last-child > { | |
| a, span { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| } | |
| } | |
| .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { | |
| -webkit-border-top-left-radius: 3px; | |
| -moz-border-radius-topleft: 3px; | |
| border-top-left-radius: 3px; | |
| -webkit-border-bottom-left-radius: 3px; | |
| -moz-border-radius-bottomleft: 3px; | |
| border-bottom-left-radius: 3px; | |
| } | |
| .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 3px; | |
| -moz-border-radius-topright: 3px; | |
| border-top-right-radius: 3px; | |
| -webkit-border-bottom-right-radius: 3px; | |
| -moz-border-radius-bottomright: 3px; | |
| border-bottom-right-radius: 3px; | |
| } | |
| .pagination-small ul > li { | |
| &:last-child > span { | |
| -webkit-border-top-right-radius: 3px; | |
| -moz-border-radius-topright: 3px; | |
| border-top-right-radius: 3px; | |
| -webkit-border-bottom-right-radius: 3px; | |
| -moz-border-radius-bottomright: 3px; | |
| border-bottom-right-radius: 3px; | |
| } | |
| > { | |
| a, span { | |
| padding: 2px 10px; | |
| font-size: 11.9px; | |
| } | |
| } | |
| } | |
| .pagination-mini ul > li > { | |
| a, span { | |
| padding: 0 6px; | |
| font-size: 10.5px; | |
| } | |
| } | |
| .pager { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| li > { | |
| a, span { | |
| display: inline-block; | |
| padding: 5px 14px; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| } | |
| a { | |
| &:hover, &:focus { | |
| text-decoration: none; | |
| background-color: #f5f5f5; | |
| } | |
| } | |
| } | |
| .next > { | |
| a, span { | |
| float: right; | |
| } | |
| } | |
| .previous > { | |
| a, span { | |
| float: left; | |
| } | |
| } | |
| .disabled > { | |
| a { | |
| color: #999999; | |
| background-color: #fff; | |
| cursor: default; | |
| &:hover, &:focus { | |
| color: #999999; | |
| background-color: #fff; | |
| cursor: default; | |
| } | |
| } | |
| span { | |
| color: #999999; | |
| background-color: #fff; | |
| cursor: default; | |
| } | |
| } | |
| } | |
| .thumbnails { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| > li { | |
| float: left; | |
| margin-bottom: 20px; | |
| margin-left: 28px; | |
| } | |
| } | |
| a.thumbnail { | |
| &:hover, &:focus { | |
| border-color: #0088cc; | |
| -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| } | |
| } | |
| .thumbnail > img { | |
| display: block; | |
| max-width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .alert, UNUSED.alert h4 { | |
| color: #c09853; | |
| } | |
| .alert h4 { | |
| margin: 0; | |
| } | |
| UNUSED { | |
| &.alert-danger, &.alert-error { | |
| background-color: #f2dede; | |
| border-color: #eed3d7; | |
| color: #b94a48; | |
| } | |
| &.alert-danger h4, &.alert-error h4 { | |
| color: #b94a48; | |
| } | |
| } | |
| .alert-block { | |
| > { | |
| p, ul { | |
| margin-bottom: 0; | |
| } | |
| } | |
| p + p { | |
| margin-top: 5px; | |
| } | |
| } | |
| @-webkit-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-moz-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-ms-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-o-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 0 0; | |
| } | |
| to { | |
| background-position: 40px 0; | |
| } | |
| } | |
| @keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| .progress .bar + .bar { | |
| -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| } | |
| UNUSED { | |
| &.progress-danger .bar, &.progress .bar-danger { | |
| background-color: #dd514c; | |
| background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); | |
| background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0); | |
| } | |
| &.progress-danger.progress-striped .bar, &.progress-striped .bar-danger { | |
| background-color: #ee5f5b; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| &.progress-success .bar, &.progress .bar-success { | |
| background-color: #5eb95e; | |
| background-image: -moz-linear-gradient(top, #62c462, #57a957); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); | |
| background-image: -webkit-linear-gradient(top, #62c462, #57a957); | |
| background-image: -o-linear-gradient(top, #62c462, #57a957); | |
| background-image: linear-gradient(to bottom, #62c462, #57a957); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0); | |
| } | |
| &.progress-success.progress-striped .bar, &.progress-striped .bar-success { | |
| background-color: #62c462; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| &.progress-info .bar, &.progress .bar-info { | |
| background-color: #4bb1cf; | |
| background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); | |
| background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: -o-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: linear-gradient(to bottom, #5bc0de, #339bb9); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0); | |
| } | |
| &.progress-info.progress-striped .bar, &.progress-striped .bar-info { | |
| background-color: #5bc0de; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| &.progress-warning .bar, &.progress .bar-warning { | |
| background-color: #faa732; | |
| background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
| background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
| background-image: linear-gradient(to bottom, #fbb450, #f89406); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0); | |
| } | |
| &.progress-warning.progress-striped .bar, &.progress-striped .bar-warning { | |
| background-color: #fbb450; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| } | |
| &.media, &.media-body { | |
| overflow: hidden; | |
| *overflow: visible; | |
| zoom: 1; | |
| } | |
| } | |
| .media, UNUSED.media .media { | |
| margin-top: 15px; | |
| } | |
| .media > { | |
| .pull-left { | |
| margin-right: 10px; | |
| } | |
| .pull-right { | |
| margin-left: 10px; | |
| } | |
| } | |
| UNUSED.popover .arrow { | |
| position: absolute; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| } | |
| .popover { | |
| .arrow { | |
| &:after { | |
| position: absolute; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| border-width: 10px; | |
| content: ""; | |
| } | |
| border-width: 11px; | |
| } | |
| &.top .arrow:after { | |
| bottom: 1px; | |
| margin-left: -10px; | |
| border-bottom-width: 0; | |
| border-top-color: #ffffff; | |
| } | |
| &.right .arrow:after { | |
| left: 1px; | |
| bottom: -10px; | |
| border-left-width: 0; | |
| border-right-color: #ffffff; | |
| } | |
| &.bottom .arrow:after { | |
| top: 1px; | |
| margin-left: -10px; | |
| border-top-width: 0; | |
| border-bottom-color: #ffffff; | |
| } | |
| &.left .arrow:after { | |
| right: 1px; | |
| border-right-width: 0; | |
| border-left-color: #ffffff; | |
| bottom: -10px; | |
| } | |
| } | |
| .modal-backdrop, UNUSED.modal-backdrop.fade.in { | |
| opacity: 0.8; | |
| filter: alpha(opacity = 80); | |
| } | |
| .modal-footer { | |
| &:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| &:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .btn + .btn { | |
| margin-left: 5px; | |
| margin-bottom: 0; | |
| } | |
| .btn-group .btn + .btn { | |
| margin-left: -1px; | |
| } | |
| .btn-block + .btn-block { | |
| margin-left: 0; | |
| } | |
| } | |
| UNUSED { | |
| &.dropup, &.dropdown { | |
| position: relative; | |
| } | |
| &.dropdown-toggle:active, &.open .dropdown-toggle { | |
| outline: 0; | |
| } | |
| } | |
| .dropdown-menu > li > a { | |
| display: block; | |
| padding: 3px 20px; | |
| clear: both; | |
| font-weight: normal; | |
| line-height: 20px; | |
| color: #333333; | |
| white-space: nowrap; | |
| &:hover, &:focus { | |
| text-decoration: none; | |
| color: #ffffff; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| } | |
| } | |
| .dropdown-submenu { | |
| &:hover > a, &:focus > a { | |
| text-decoration: none; | |
| color: #ffffff; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| } | |
| } | |
| .dropdown-menu > { | |
| .active > a { | |
| color: #ffffff; | |
| text-decoration: none; | |
| outline: 0; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| outline: 0; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear-gradient(to bottom, #0088cc, #0077b3); | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| } | |
| } | |
| .disabled > a { | |
| color: #999999; | |
| &:hover, &:focus { | |
| color: #999999; | |
| } | |
| &:hover, &:focus { | |
| text-decoration: none; | |
| background-color: transparent; | |
| background-image: none; | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| cursor: default; | |
| } | |
| } | |
| } | |
| .open > .dropdown-menu { | |
| display: block; | |
| } | |
| .pull-right > .dropdown-menu { | |
| right: 0; | |
| left: auto; | |
| } | |
| UNUSED { | |
| &.dropup .caret, &.navbar-fixed-bottom .dropdown .caret { | |
| border-top: 0; | |
| border-bottom: 4px solid #000000; | |
| content: ""; | |
| } | |
| &.dropup .dropdown-menu, &.navbar-fixed-bottom .dropdown .dropdown-menu { | |
| top: auto; | |
| bottom: 100%; | |
| margin-bottom: 1px; | |
| } | |
| } | |
| .dropdown-submenu { | |
| > .dropdown-menu { | |
| top: 0; | |
| left: 100%; | |
| margin-top: -6px; | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 6px 6px 6px; | |
| -moz-border-radius: 0 6px 6px 6px; | |
| border-radius: 0 6px 6px 6px; | |
| } | |
| &:hover > .dropdown-menu { | |
| display: block; | |
| } | |
| } | |
| .dropup .dropdown-submenu > .dropdown-menu { | |
| top: auto; | |
| bottom: 0; | |
| margin-top: 0; | |
| margin-bottom: -2px; | |
| -webkit-border-radius: 5px 5px 5px 0; | |
| -moz-border-radius: 5px 5px 5px 0; | |
| border-radius: 5px 5px 5px 0; | |
| } | |
| .dropdown-submenu { | |
| > a:after { | |
| display: block; | |
| content: ""; | |
| float: right; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| border-width: 5px 0 5px 5px; | |
| border-left-color: #cccccc; | |
| margin-top: 5px; | |
| margin-right: -10px; | |
| } | |
| &:hover > a:after { | |
| border-left-color: #ffffff; | |
| } | |
| &.pull-left > .dropdown-menu { | |
| left: -100%; | |
| margin-left: 10px; | |
| -webkit-border-radius: 6px 0 6px 6px; | |
| -moz-border-radius: 6px 0 6px 6px; | |
| border-radius: 6px 0 6px 6px; | |
| } | |
| } | |
| .carousel-inner > { | |
| .item { | |
| display: none; | |
| position: relative; | |
| -webkit-transition: 0.6s ease-in-out left; | |
| -moz-transition: 0.6s ease-in-out left; | |
| -o-transition: 0.6s ease-in-out left; | |
| transition: 0.6s ease-in-out left; | |
| > { | |
| img, a > img { | |
| display: block; | |
| line-height: 1; | |
| } | |
| } | |
| } | |
| .active, .next, .prev { | |
| display: block; | |
| } | |
| .active { | |
| left: 0; | |
| } | |
| .next, .prev { | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .next { | |
| left: 100%; | |
| } | |
| .prev { | |
| left: -100%; | |
| } | |
| .next.left, .prev.right { | |
| left: 0; | |
| } | |
| .active { | |
| &.left { | |
| left: -100%; | |
| } | |
| &.right { | |
| left: 100%; | |
| } | |
| } | |
| } | |
| .carousel-control { | |
| &:hover, &:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| opacity: 0.9; | |
| filter: alpha(opacity = 90); | |
| } | |
| } | |
| UNUSED.carousel-caption { | |
| h4, p { | |
| color: #ffffff; | |
| line-height: 20px; | |
| } | |
| } | |
| .carousel-caption { | |
| h4 { | |
| margin: 0 0 5px; | |
| } | |
| p { | |
| margin-bottom: 0; | |
| } | |
| } | |
| .close { | |
| &:hover, &:focus { | |
| color: #000000; | |
| text-decoration: none; | |
| cursor: pointer; | |
| opacity: 0.4; | |
| filter: alpha(opacity = 40); | |
| } | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .hide { | |
| display: none; | |
| } | |
| body { | |
| line-height: 1.25em; | |
| h1, h2, h3, h4 { | |
| line-height: 1.25em; | |
| } | |
| } | |
| UNUSEDbody { | |
| h5, h6 { | |
| line-height: 1.25em; | |
| } | |
| &.admin-expanded.admin-vertical { | |
| &.admin-nw .navbar, &.admin-sw .navbar { | |
| margin-left: 260px; | |
| } | |
| } | |
| } | |
| @media (max-width: 767px) { | |
| body { | |
| position: relative; | |
| } | |
| } | |
| @media (min-width: 980px) and (max-width: 1199px), (min-width: 1200px) { | |
| body { | |
| padding-top: 60px; | |
| } | |
| } | |
| .footer { | |
| margin-top: 45px; | |
| padding: 35px 0 36px; | |
| border-top: 1px solid #E5E5E5; | |
| } | |
| .page-header { | |
| margin-top: 0; | |
| } | |
| @media (max-width: 767px), (min-width: 768px) and (max-width: 979px) { | |
| .navbar #block-search-form { | |
| float: none; | |
| } | |
| } | |
| ul.action-links { | |
| &[class^="icon-"], &[class*=" icon-"] { | |
| padding-right: 0.5em; | |
| } | |
| } | |
| input, textarea, select, .uneditable-input { | |
| max-width: 100%; | |
| width: auto; | |
| } | |
| select, textarea { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: auto; | |
| } | |
| input { | |
| &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: auto; | |
| } | |
| } | |
| .uneditable-input { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: auto; | |
| } | |
| UNUSED { | |
| &.form-type-checkbox input, &.form-type-radio input { | |
| float: left; | |
| } | |
| } | |
| .form-actions { | |
| clear: both; | |
| } | |
| .help-block { | |
| color: #999; | |
| font-size: 12px; | |
| margin: -8px 0 10px; | |
| padding: 0 3px; | |
| } | |
| UNUSED { | |
| &.control-group .help-inline { | |
| color: #999; | |
| font-size: 12px; | |
| margin: -8px 0 10px; | |
| padding: 0 3px; | |
| } | |
| &.description + .help-block, &.checkbox + .help-block, &.form-type-checkbox + .help-block, &.form-type-radio + .help-block, &.form-file + .help-block, &.resizable-textarea + .help-block, &.description + .control-group .help-inline, &.checkbox + .control-group .help-inline, &.form-type-checkbox + .control-group .help-inline, &.form-type-radio + .control-group .help-inline, &.form-file + .control-group .help-inline, &.resizable-textarea + .control-group .help-inline { | |
| margin-top: 0; | |
| } | |
| } | |
| .input-append { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-right: 40px; | |
| width: 100%; | |
| input { | |
| width: 100% !important; | |
| } | |
| } | |
| UNUSED.input-append textarea { | |
| width: 100% !important; | |
| } | |
| .input-append { | |
| select, .uneditable-input { | |
| width: 100% !important; | |
| } | |
| } | |
| UNUSED.container-inline { | |
| div, label { | |
| display: block; | |
| } | |
| } | |
| UNUSEDdiv.error, UNUSEDtable tr.error { | |
| background-color: #f2dede; | |
| color: #b94a48; | |
| } | |
| UNUSED.control-group.error label { | |
| color: #b94a48; | |
| font-weight: 600; | |
| } | |
| .control-group.error { | |
| .control-label { | |
| color: #b94a48; | |
| font-weight: 600; | |
| } | |
| input, textarea, select { | |
| color: #b94a48; | |
| border: 1px solid #ccc; | |
| } | |
| } | |
| UNUSED.control-group.error .uneditable-input { | |
| color: #b94a48; | |
| border: 1px solid #ccc; | |
| } | |
| .control-group.error { | |
| .help-block, .help-inline { | |
| color: #999; | |
| } | |
| } | |
| UNUSEDul li.collapsed { | |
| list-style: none; | |
| list-style-image: none; | |
| } | |
| ul li { | |
| &.expanded, &.leaf { | |
| list-style: none; | |
| list-style-image: none; | |
| } | |
| } | |
| UNUSEDinput { | |
| &.password-confirm, &.password-field { | |
| width: 16em; | |
| margin-bottom: 0.4em; | |
| } | |
| } | |
| UNUSED { | |
| &.confirm-parent, &.password-parent { | |
| clear: left; | |
| margin: 0; | |
| width: 36.3em; | |
| } | |
| } | |
| @font-face { | |
| font-family: 'ChronicleDisplayRoman'; | |
| src: url(/sites/all/themes/mag_redesign/fonts/ChronicleDisp-Roman.otf); | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| body { | |
| h1, h2, h3, h4, h5, h6 { | |
| font-weight: normal; | |
| } | |
| } | |
| UNUSEDbody .h7, body .h8, UNUSEDbody .h9 { | |
| font-weight: normal; | |
| } | |
| body { | |
| h1 { | |
| font: (34px / 46px) "ChronicleDisplayRoman", serif; | |
| } | |
| h2 { | |
| font: 27px/36px 'Open Sans'; | |
| font-weight: bold; | |
| letter-spacing: 0.04em; | |
| text-transform: uppercase; | |
| } | |
| h3 { | |
| font: (24px / 36px) "Open Sans", sans-serif; | |
| } | |
| h4 { | |
| font: 19px/30px 'Open Sans'; | |
| font-weight: bold; | |
| letter-spacing: 0.04em; | |
| text-transform: uppercase; | |
| } | |
| h5 { | |
| font: 17px/30px 'Open Sans', sans-serif; | |
| color: #676056; | |
| } | |
| h6 { | |
| font: 16px/28px 'Open Sans'; | |
| font-weight: bold; | |
| letter-spacing: 0.04em; | |
| margin: 0; | |
| text-transform: uppercase; | |
| } | |
| p { | |
| font: (15px / 28px) "Open Sans", sans-serif; | |
| } | |
| } | |
| .nav-main { | |
| position: fixed; | |
| z-index: 100; | |
| width: 100%; | |
| top: 0; | |
| transition-duration: 0.3s; | |
| -webkit-transition: 0.3s; | |
| #global-nav { | |
| height: 66px; | |
| width: 980px; | |
| margin: 0 auto; | |
| } | |
| nav { | |
| font: 12px "Open Sans", sans-serif; | |
| .menu-btn { | |
| .menu-icon { | |
| position: fixed; | |
| width: 36px; | |
| height: 35px; | |
| margin: 15px; | |
| left: 0px; | |
| } | |
| .menu-label { | |
| text-transform: uppercase; | |
| position: fixed; | |
| display: inline-block; | |
| line-height: 66px; | |
| padding: 0 12px; | |
| left: -100px; | |
| } | |
| } | |
| .logo { | |
| width: 155px; | |
| height: 66px; | |
| float: left; | |
| } | |
| .sub-site-name { | |
| float: left; | |
| padding: 18px 0 11px 11px; | |
| a { | |
| font: normal 24px 'OpenSansLight', sans-serif; | |
| float: left; | |
| text-decoration: none; | |
| text-transform: none; | |
| &:before { | |
| color: #fff; | |
| } | |
| } | |
| } | |
| .right-header { | |
| width: 620px; | |
| position: fixed; | |
| right: 0; | |
| ul li { | |
| a { | |
| padding: 23px 26px; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| color: #fff; | |
| transition-duration: 0.1s linear; | |
| -webkit-transition: 0.1s linear; | |
| &:hover { | |
| text-decoration: none; | |
| background: none; | |
| } | |
| } | |
| &.first:hover, &.last:hover { | |
| background: #fff; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| UNUSED.nav-main nav .right-header .head-search { | |
| .sb-icon-search, .sb-search-submit { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| padding: 0; | |
| margin: 0; | |
| line-height: 60px; | |
| text-align: center; | |
| cursor: pointer; | |
| } | |
| } | |
| .nav-main nav .right-header .head-search { | |
| input[type="search"].sb-search-input { | |
| -webkit-appearance: none; | |
| -webkit-border-radius: 0px; | |
| } | |
| sb-search-input::-webkit-input-placeholder, .sb-search-input:-ms-input-placeholder { | |
| color: #efb480; | |
| } | |
| } | |
| UNUSED.nav-main nav .right-header .head-search { | |
| .sb-search.sb-search-open, .no-js .sb-search { | |
| width: 100%; | |
| } | |
| .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search { | |
| color: #fff; | |
| } | |
| } | |
| .nav-main #subnav-wrap { | |
| background: #31302b; | |
| z-index: 100; | |
| #subnav { | |
| width: 980px; | |
| height: 41px; | |
| margin: 0 auto; | |
| ul { | |
| margin: 0; | |
| li { | |
| float: left; | |
| display: inline-block; | |
| a { | |
| font: 12px 'Open Sans', sans-serif; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| padding: 12px 15px; | |
| outline: 0; | |
| background: none repeat scroll 0 0 #31302b; | |
| } | |
| &:hover > a { | |
| color: #25acc3; | |
| background: #31302b; | |
| } | |
| } | |
| .expanded { | |
| ul { | |
| position: absolute; | |
| left: -9999px; | |
| width: 200px; | |
| visibility: hidden; | |
| opacity: 0; | |
| transition: opacity 0.1s linear, visibility 0.1s linear; | |
| li { | |
| width: 200px; | |
| a { | |
| font: 12px 'Open Sans', sans-serif; | |
| text-transform: none; | |
| &:hover { | |
| color: #fff; | |
| } | |
| } | |
| } | |
| } | |
| &:hover ul { | |
| color: #fff; | |
| background: #31302b; | |
| visibility: visible; | |
| opacity: 1; | |
| left: auto; | |
| transition-delay: 0.1s; | |
| -webkit-transition-delay: 0.1s; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| body { | |
| color: #31302b; | |
| font-family: 'Open Sans'; | |
| padding: 0 !important; | |
| margin: 0 !important; | |
| overflow-x: visible !important; | |
| } | |
| a { | |
| &:hover { | |
| color: #ef672f; | |
| text-decoration: none; | |
| } | |
| &.arrow:hover { | |
| background: url(/i/icons/ico-arrows.png) right (-16) px no-repeat; | |
| } | |
| &.left-arrow:hover { | |
| background: url("/i/icons/ico-arrows-left.png") no-repeat scroll left top rgba(0, 0, 0, 0); | |
| } | |
| &.white:hover { | |
| color: #fff; | |
| } | |
| } | |
| .main-container { | |
| padding-top: 105px; | |
| background: #fff; | |
| } | |
| #gl-wrapper { | |
| width: 100%; | |
| position: relative; | |
| } | |
| UNUSED#table-p-edit-form fieldset { | |
| hr, .semi-sepr { | |
| width: 100%; | |
| } | |
| } | |
| #table-p-edit-form fieldset { | |
| hr:after, .semi-sepr:after { | |
| display: block; | |
| content: "."; | |
| clear: both; | |
| font-size: 0; | |
| line-height: 0; | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| } | |
| UNUSED { | |
| &.node-article .header-bar-container, &.node-type-article .header-bar-container { | |
| background-color: #f7f3eb; | |
| padding: 0; | |
| min-height: 181px; | |
| } | |
| &.node-article h2, &.node-type-article h2 { | |
| margin: 90px 0 3px; | |
| } | |
| &.node-article h3, &.node-type-article h3 { | |
| margin-top: 50px; | |
| } | |
| &.node-article .h8, &.node-type-article .h8 { | |
| color: #31302b; | |
| float: left; | |
| margin: 0 0 24px; | |
| } | |
| &.node-article .article-image, &.node-type-article .article-image { | |
| margin: 0 0 30px; | |
| } | |
| &.node-article .article-body, &.node-type-article .article-body { | |
| margin-bottom: 90px; | |
| } | |
| &.content-tile-filter { | |
| .views-exposed-filter, .views-exposed-widget { | |
| padding-top: 0px; | |
| } | |
| } | |
| &.content-tile-content .pagination { | |
| .next, .prev, .previous { | |
| display: none; | |
| } | |
| ul > li { | |
| > { | |
| a, span { | |
| background: none; | |
| border: none; | |
| font-family: 'Open Sans'; | |
| font-weight: bold; | |
| font-size: 14px; | |
| padding: 7px 11px 5px; | |
| } | |
| } | |
| &:first-child > { | |
| a, span { | |
| border: 3px solid #676056; | |
| border-radius: 2px; | |
| color: #676056; | |
| padding: 5px 11px; | |
| } | |
| } | |
| &.active > a { | |
| border: 3px solid #676056; | |
| border-radius: 2px; | |
| color: #676056; | |
| padding: 5px 11px; | |
| } | |
| } | |
| } | |
| } | |
| select { | |
| font-family: 'Open Sans'; | |
| font-weight: bold; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| height: 40px; | |
| line-height: 25px; | |
| padding: 10px; | |
| width: 190px; | |
| color: #31302b; | |
| } | |
| textarea { | |
| color: #31302b; | |
| } | |
| input { | |
| &[type="text"], &[type="password"], &[type="datetime"], &[type="datetime-local"], &[type="date"], &[type="month"], &[type="time"], &[type="week"], &[type="number"], &[type="email"], &[type="url"], &[type="search"], &[type="tel"], &[type="color"] { | |
| color: #31302b; | |
| } | |
| } | |
| .uneditable-input { | |
| color: #31302b; | |
| } | |
| .node-type-tabbed-page header.tabbed-page a:hover { | |
| text-decoration: none; | |
| } | |
| .quicktabs-background ul.quicktabs-tabs li a:hover { | |
| color: #c14800; | |
| text-decoration: none; | |
| } | |
| UNUSED { | |
| &.tablink-next, &.tablink-prev { | |
| background-color: #ef672f; | |
| border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| color: #FFFFFF; | |
| display: inline-block; | |
| font-size: 14px; | |
| margin: 50px 0; | |
| width: 39px; | |
| height: 36px; | |
| } | |
| } | |
| .tablink-next { | |
| background-image: url('../i/next.png'); | |
| float: right; | |
| } | |
| .tablink-prev { | |
| background-image: url('../i/prev.png'); | |
| background-position: -2px center; | |
| } | |
| .tablink-next:hover, .tablink-prev:hover { | |
| color: #FFF; | |
| text-decoration: none; | |
| } | |
| UNUSED { | |
| &.tablink-next:visited, &.tablink-prev:visited { | |
| color: #FFF; | |
| text-decoration: none; | |
| } | |
| } | |
| .tablink-next:focus, .tablink-prev:focus { | |
| color: #FFF; | |
| text-decoration: none; | |
| } | |
| .tablink-next:hover, .tablink-prev:hover { | |
| background-color: #c14800; | |
| } | |
| form[id*='workflow-tab'] { | |
| border-bottom: 1px dotted #cac3b4; | |
| border-top: 1px dotted #cac3b4; | |
| margin: 0; | |
| padding: 50px 50px 50px 100px; | |
| } | |
| .modal-backdrop { | |
| background-color: #FFFFFF; | |
| } | |
| .modal { | |
| left: 55%; | |
| top: 40%; | |
| &.fade.in { | |
| top: 40%; | |
| } | |
| } | |
| [title^="Google conversion frame"] { | |
| display: none; | |
| } | |
| UNUSED#for-mobile-styles .nav-main nav .menu-btn { | |
| .menu-icon, .menu-label { | |
| position: relative; | |
| float: left; | |
| } | |
| } | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { | |
| .main-container { | |
| padding: 0; | |
| } | |
| .nav-main { | |
| position: relative; | |
| nav { | |
| .right-header { | |
| position: relative; | |
| float: right; | |
| } | |
| .menu-btn { | |
| position: relative; | |
| float: left; | |
| .menu-icon, .menu-label { | |
| position: relative; | |
| float: left; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| @media only screen and (max-device-width: 480px) { | |
| .main-container { | |
| padding: 0; | |
| } | |
| .nav-main { | |
| position: relative; | |
| nav { | |
| .right-header { | |
| position: relative; | |
| float: right; | |
| } | |
| .head-search, .sales-login { | |
| position: relative; | |
| } | |
| .menu-btn { | |
| position: relative; | |
| float: left; | |
| .menu-icon, .menu-label { | |
| position: relative; | |
| float: left; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| UNUSEDbody { | |
| &.page-node-add { | |
| .node-form, .node-type-list { | |
| margin: 0 auto; | |
| width: 980px; | |
| } | |
| } | |
| &.page-node-edit { | |
| .node-form, .node-type-list { | |
| margin: 0 auto; | |
| width: 980px; | |
| } | |
| } | |
| &.page-node-add { | |
| .node-form .btn, .node-type-list .btn { | |
| margin: 0 10px 0 0; | |
| } | |
| } | |
| &.page-node-edit { | |
| .node-form .btn, .node-type-list .btn { | |
| margin: 0 10px 0 0; | |
| } | |
| } | |
| &.page-node-add { | |
| .node-form { | |
| #edit-preview, #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| } | |
| .node-type-list { | |
| #edit-preview, #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| } | |
| } | |
| &.page-node-edit { | |
| .node-form { | |
| #edit-preview, #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| } | |
| .node-type-list { | |
| #edit-preview, #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| } | |
| } | |
| } | |
| .nav-tabs { | |
| border-bottom: 1px solid #DDD; | |
| > .active > a:hover { | |
| border: none; | |
| border-top: 5px solid #0074BD; | |
| margin-top: -4px; | |
| margin: 0 2px; | |
| } | |
| } | |
| UNUSED.nav-tabs > .active > a:active { | |
| border: none; | |
| border-top: 5px solid #0074BD; | |
| margin-top: -4px; | |
| margin: 0 2px; | |
| } | |
| .nav-tabs > { | |
| .active > a:focus { | |
| border: none; | |
| border-top: 5px solid #0074BD; | |
| margin-top: -4px; | |
| margin: 0 2px; | |
| } | |
| li > a:hover { | |
| color: #fff; | |
| background-color: #a6a7a2; | |
| border-color: #a6a7a2; | |
| } | |
| } | |
| UNUSED.action-links > li > a, .workflow-current-state { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| UNUSED { | |
| &#edit-workflow > .control-group > { | |
| label, .controls > .form-radios > .form-type-radio > label { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| } | |
| &.form-item-categories > label, &.panels-layouts-checkboxes .panels-layouts-category, &.layout-icon .caption { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| } | |
| .table { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| UNUSED { | |
| &.form-type-password > .control-label, &.form-item-name > .control-label, &.node-panel-form { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| &#edit-categories-button, &#edit-name, &#edit-pass { | |
| border-radius: 0px; | |
| } | |
| } | |
| .workflow-current-state, form[id*="workflow-tab"] { | |
| border: none; | |
| } | |
| UNUSED { | |
| &#panels-dnd-main .panel-pane .pane-title, &.panel-portlet .toggle-collapsed { | |
| display: none; | |
| } | |
| } | |
| .form-submit { | |
| &[value="Show layout designer"], &[value="Reuse layout"] { | |
| display: none; | |
| } | |
| } | |
| UNUSEDhtml.js div.ctools-dropdown a.ctools-dropdown-text-link { | |
| display: none; | |
| } | |
| .panel-portlet { | |
| .grab-title .text { | |
| text-shadow: none; | |
| } | |
| .grabber:hover { | |
| background: #2F78A5; | |
| } | |
| } | |
| UNUSED { | |
| &#panel-node-form input, &#page-node-form input, &#blog-post-node-form input, &#blog-post-gallery-node-form input, &#news-article-node-form input, &#partners-feed-node-form input, &#press-article-node-form input, &#tabbed-page-node-form input, &#webform-node-form input, &#content-tile-node-form input, &#article-node-form input, &.form-item-categories input { | |
| border-radius: 0px; | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| font-weight: 300; | |
| } | |
| &#panel-node-form label, &#page-node-form label, &#blog-post-node-form label, &#blog-post-gallery-node-form label, &#news-article-node-form label, &#partners-feed-node-form label, &#press-article-node-form label, &#tabbed-page-node-form label, &#webform-node-form label, &#content-tile-node-form label, &#article-node-form label, &.form-item-categories label { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| font-weight: 300; | |
| } | |
| &#panel-node-form select, &#page-node-form select, &#blog-post-node-form select, &#blog-post-gallery-node-form select, &#news-article-node-form select, &#partners-feed-node-form select, &#press-article-node-form select, &#tabbed-page-node-form select, &#webform-node-form select, &#content-tile-node-form select, &#article-node-form select, &.form-item-categories select { | |
| border-radius: 0px; | |
| background: transparent; | |
| width: 270px; | |
| padding: 5px; | |
| font-size: 16px; | |
| line-height: 1; | |
| border: 0; | |
| border-radius: 0; | |
| height: 34px; | |
| border: 1px solid #ccc; | |
| -webkit-appearance: none; | |
| } | |
| &.btn.btn-info { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #4d8f46; | |
| border-radius: 0; | |
| } | |
| } | |
| .btn.form-submit { | |
| &[value="Save"], &[value="Next"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #4d8f46; | |
| border-radius: 0; | |
| } | |
| } | |
| .form-submit { | |
| &[value="Log in"], &[value="Finish"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #4d8f46; | |
| border-radius: 0; | |
| } | |
| } | |
| .btn { | |
| &.btn-info:hover { | |
| background: #0a6700; | |
| } | |
| &.form-submit { | |
| &[value="Save"]:hover, &[value="Next"]:hover { | |
| background: #0a6700; | |
| } | |
| } | |
| } | |
| .form-submit { | |
| &[value="Log in"]:hover, &[value="Finish"]:hover { | |
| background: #0a6700; | |
| } | |
| } | |
| .btn.form-submit { | |
| &[value="Cancel"], &[value="Delete"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #B73939; | |
| border-radius: 0; | |
| } | |
| &[value="Cancel"]:hover, &[value="Delete"]:hover { | |
| background: #990000; | |
| } | |
| &[value="Preview"], &[value="Back"], &[value="Upload"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff !important; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #0074BD; | |
| border-radius: 0; | |
| } | |
| &[value="Preview"]:hover, &[value="Back"]:hover, &[value="Upload"]:hover { | |
| background: #004c99; | |
| } | |
| } | |
| .form-submit { | |
| &[value="Show layout designer"], &[value="Reuse layout"] { | |
| cursor: pointer; | |
| border: none; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #777; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #F0F0F0; | |
| border-radius: 0; | |
| } | |
| } | |
| .btn.form-submit { | |
| &[value="Remove"], &[value="View changes"] { | |
| cursor: pointer; | |
| border: none; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #777; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #F0F0F0; | |
| border-radius: 0; | |
| } | |
| } | |
| input[type="file"] { | |
| cursor: pointer; | |
| border: none; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #777; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #F0F0F0; | |
| border-radius: 0; | |
| } | |
| .form-submit { | |
| &[value="Show layout designer"]:hover, &[value="Reuse layout"]:hover { | |
| background: #0074BD; | |
| color: #fff; | |
| } | |
| } | |
| .btn.form-submit { | |
| &[value="Remove"]:hover, &[value="View changes"]:hover { | |
| background: #0074BD; | |
| color: #fff; | |
| } | |
| } | |
| input[type="file"]:hover { | |
| background: #0074BD; | |
| color: #fff; | |
| } | |
| body #admin-menu { | |
| font: normal small "Lucida Grande", Verdana, sans-serif; | |
| -moz-box-shadow: 0 -10px 20px 13px #000; | |
| -webkit-box-shadow: 0 -10px 20px 13px #000; | |
| box-shadow: 0 -10px 20px 13px #000; | |
| right: 0; | |
| width: auto; | |
| .dropdown li { | |
| line-height: 1.4em; | |
| } | |
| } | |
| .btn { | |
| color: #fff; | |
| font: 14px/15px 'Open Sans'; | |
| font-weight: bold; | |
| text-shadow: none; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| border-radius: 2px; | |
| border: 0; | |
| box-shadow: none; | |
| box-sizing: border-box; | |
| transition: 0.4s; | |
| -webkit-transition: 0.4s; | |
| &:hover { | |
| transition: 0.7s; | |
| -webkit-transition: 0.7s; | |
| } | |
| &.copper:hover { | |
| box-shadow: inset 0 100px 0 0 #c14800; | |
| transition-duration: 0.4s; | |
| -webkit-transition: 0.4s; | |
| } | |
| &.outline { | |
| color: #fff; | |
| background: transparent; | |
| border: 3px solid #fff; | |
| box-shadow: inset 0 0 0 0 #fff; | |
| &:hover { | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #fff; | |
| } | |
| } | |
| &.charcoal:hover { | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #fff; | |
| transition-duration: 0.4s; | |
| -webkit-transition: 0.4s; | |
| } | |
| } | |
| UNUSED { | |
| &.ui-selectmenu-menu li a, &.ui-selectmenu-status { | |
| background: #fff; | |
| font: 12px/15px 'Open Sans'; | |
| font-weight: bold; | |
| } | |
| } | |
| .terms-service table tr:nth-child(odd) { | |
| background-color: #f7f3eb; | |
| } | |
| UNUSED { | |
| &.question-section { | |
| #step2, #step3, #step4, #step5, #step6, #step7, #step8 { | |
| display: none; | |
| } | |
| } | |
| &.results-section { | |
| #result1, #result2, #result3, #result4, #result5, #result6 { | |
| display: none; | |
| } | |
| } | |
| &#node-228, &#node-232 { | |
| background-color: #f7f3eb; | |
| margin: 0; | |
| padding: 80px 0; | |
| } | |
| &.blog-post, &.blog-post-gallery { | |
| margin: 30px 0; | |
| } | |
| } | |
| .pager { | |
| margin: 30px 0; | |
| position: relative; | |
| .pager-previous a:hover, .pager-next a:hover { | |
| background-color: #31302b; | |
| } | |
| } | |
| .row-fluid .block-menu-menu-blog-category-menu ul li a:hover { | |
| background-color: transparent; | |
| color: #c14800; | |
| } | |
| UNUSED.blog-post-gallery a { | |
| &.left, &.right { | |
| background: transparent; | |
| color: #ff0000; | |
| font: bold 16px Arial; | |
| overflow: hidden; | |
| width: 33px !important; | |
| } | |
| } | |
| .blog-post-gallery a { | |
| &.left { | |
| margin-left: 0 !important; | |
| } | |
| &.right { | |
| margin-left: 610px !important; | |
| } | |
| } | |
| UNUSED.blog-post-gallery a { | |
| &.left img, &.right img { | |
| border: 0; | |
| } | |
| &.l_dis, &.r_dis { | |
| background: transparent; | |
| cursor: default; | |
| } | |
| } | |
| .blog-post-gallery a:focus { | |
| outline: none; | |
| } | |
| .press-room-release h3 a:hover, .press-releases h3 a:hover { | |
| color: #c14800; | |
| } | |
| .press-article p a { | |
| &:hover, &.left-arrow:hover { | |
| color: #c14800; | |
| } | |
| } | |
| .press-room-news { | |
| h3 a:hover, .h12 a:hover { | |
| color: #c14800; | |
| } | |
| .views-field-field-article-image { | |
| float: left; | |
| margin-right: 110px; | |
| } | |
| } | |
| .in-the-news h3 a:hover { | |
| color: #c14800; | |
| } | |
| body { | |
| font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; | |
| background: #fff; | |
| } | |
| pre { | |
| font-size: 13px; | |
| overflow-x: auto; | |
| overflow-y: hidden; | |
| white-space: pre; | |
| code { | |
| white-space: pre; | |
| } | |
| } | |
| .main-container { | |
| padding-top: 0; | |
| padding-bottom: 60px; | |
| h2 { | |
| font-size: 30px; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| margin: 1.3em 0 0.7em 0; | |
| padding: 0; | |
| &:first-child { | |
| margin-top: 0; | |
| } | |
| } | |
| h4 { | |
| font-size: 18px; | |
| margin: 1.5em 0 0.5em 0; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| } | |
| a { | |
| color: #c14800; | |
| letter-spacing: 0; | |
| text-transform: none; | |
| &:hover { | |
| color: #ef672f; | |
| } | |
| } | |
| .btn:hover { | |
| color: #fff; | |
| } | |
| p, ul, ol, ul li, ol li, a { | |
| font-size: 16px; | |
| line-height: 1.5em; | |
| font-weight: normal; | |
| } | |
| ul li, ol li { | |
| margin: 0 0 0.5em 0; | |
| } | |
| } | |
| table { | |
| margin: 3em 0 2em 0; | |
| border: 1px solid #e8ddc7; | |
| } | |
| tr { | |
| td { | |
| background: #fff; | |
| padding: 10px 16px; | |
| vertical-align: top; | |
| } | |
| &:nth-child(odd) td { | |
| background: #f7f3eb; | |
| } | |
| } | |
| dl { | |
| font-size: 16px; | |
| } | |
| blockquote { | |
| font-size: 16px; | |
| line-height: 24px; | |
| margin: 2em 0 1em 0; | |
| border-left: 2px solid #c4c1bb; | |
| } | |
| .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { | |
| width: 100%; | |
| max-width: 1300px; | |
| } | |
| .nav-main { | |
| #global-nav, #subnav-wrap #subnav { | |
| width: 100%; | |
| max-width: 1300px; | |
| } | |
| position: relative; | |
| nav { | |
| .sub-site-name { | |
| padding: 16px 0 20px 11px; | |
| } | |
| .right-header { | |
| position: absolute; | |
| } | |
| .sub-site-name a { | |
| background: none; | |
| font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; | |
| font-weight: 200; | |
| color: #fff; | |
| } | |
| .menu-btn { | |
| .menu-icon { | |
| position: absolute; | |
| } | |
| position: absolute; | |
| } | |
| .sub-site-name a { | |
| width: auto; | |
| } | |
| } | |
| } | |
| .page-intro { | |
| position: relative; | |
| padding: 40px 0; | |
| background-color: #ef672f; | |
| a { | |
| color: #fff; | |
| text-decoration: underline; | |
| } | |
| .page-heading { | |
| margin: 0; | |
| padding: 0; | |
| font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; | |
| font-size: 38px; | |
| font-weight: 700; | |
| color: #fff; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| } | |
| .container { | |
| position: relative; | |
| } | |
| .improve-page { | |
| position: absolute; | |
| font-size: 13px; | |
| text-decoration: none; | |
| bottom: -1.7em; | |
| right: 0; | |
| text-align: right; | |
| &:hover { | |
| color: #fff; | |
| text-decoration: underline; | |
| } | |
| &:after { | |
| display: inline-block; | |
| position: relative; | |
| top: 4px; | |
| left: 5px; | |
| content: ''; | |
| background: url(/i/icon-new-window.gif) no-repeat; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| } | |
| } | |
| .content { | |
| float: right; | |
| width: 77%; | |
| padding: 40px 0 0 0; | |
| .content-wrap { | |
| padding: 0 0 0 40px; | |
| } | |
| } | |
| .sidebar { | |
| float: left; | |
| width: 23%; | |
| padding: 40px 0 40px 0; | |
| .sidebar-wrapper { | |
| background: #f7f3eb; | |
| padding: 12px 0; | |
| } | |
| h4 { | |
| color: #7b756b; | |
| } | |
| ul { | |
| list-style: none; | |
| margin: 0; | |
| li { | |
| margin: 0; | |
| font-size: 14px; | |
| line-height: 1.3em; | |
| } | |
| a { | |
| display: block; | |
| padding: 6px 12px; | |
| font-size: 14px; | |
| line-height: 1.3em; | |
| font-weight: normal; | |
| } | |
| } | |
| } | |
| UNUSED.sidebar ul span { | |
| display: block; | |
| padding: 6px 12px; | |
| font-size: 14px; | |
| line-height: 1.3em; | |
| font-weight: normal; | |
| } | |
| .sidebar ul { | |
| span { | |
| color: #7b756b; | |
| } | |
| a:hover { | |
| background: #f4efe4; | |
| } | |
| .nav-header { | |
| text-transform: uppercase; | |
| font-weight: 700; | |
| letter-spacing: 0.06em; | |
| margin-top: 12px; | |
| } | |
| } | |
| UNUSED.sidebar ul .nav-header { | |
| > a, span { | |
| font-weight: 700; | |
| padding-top: 10px; | |
| } | |
| } | |
| .sidebar ul { | |
| .active > a { | |
| color: #31302b; | |
| background: #f0e8d9; | |
| } | |
| .level-2 { | |
| list-style: none; | |
| a { | |
| padding-left: 18px; | |
| } | |
| } | |
| } | |
| UNUSED.sidebar ul .level-2 span { | |
| padding-left: 18px; | |
| } | |
| .bs-callout:before { | |
| display: block; | |
| position: absolute; | |
| content: ''; | |
| width: 30px; | |
| height: 30px; | |
| top: 20px; | |
| left: 16px; | |
| background-size: cover; | |
| } | |
| .bs-callout-info:before { | |
| background-image: url(/i/icon_note.png); | |
| } | |
| .bs-callout-warning:before { | |
| background-image: url(/i/icon_important.png); | |
| } | |
| .bs-callout-tip:before { | |
| background-image: url(/i/icon_tip.png); | |
| } | |
| .bs-callout-danger:before { | |
| background-image: url(/i/icon_caution.png); | |
| } | |
| #footer-wrap { | |
| text-align: left; | |
| .container { | |
| box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| } | |
| .copyright-links { | |
| float: right; | |
| } | |
| #f-col-1 { | |
| float: left; | |
| width: 14.2857%; | |
| } | |
| #f-col-2 { | |
| float: left; | |
| margin-left: 2.85714%; | |
| width: 22.8571%; | |
| } | |
| #f-col-3 { | |
| float: left; | |
| margin-left: 2.85714%; | |
| width: 31.4286%; | |
| } | |
| #f-col-4 { | |
| float: right; | |
| margin-left: 2.85714%; | |
| width: 22.8571%; | |
| } | |
| ul { | |
| padding: 0; | |
| margin: 0; | |
| list-style: none; | |
| } | |
| * { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| } | |
| a { | |
| text-decoration: none; | |
| &:hover { | |
| text-decoration: none; | |
| } | |
| } | |
| width: 100%; | |
| position: relative; | |
| z-index: 99; | |
| background-color: #31302b; | |
| color: #cac3b4; | |
| font: normal 12px 'Open Sans', sans-serif; | |
| transition-duration: 0.3s; | |
| -webkit-transition: 0.3s; | |
| .footer { | |
| padding: 30px 0; | |
| border: none; | |
| margin-top: 0; | |
| background: none; | |
| } | |
| .intro-paragraph .container { | |
| padding: 0; | |
| } | |
| } | |
| UNUSED#footer-wrap .footer-container { | |
| padding: 0; | |
| } | |
| #footer-wrap .footer { | |
| p { | |
| color: #cac3b4; | |
| margin: 0 0 13px; | |
| } | |
| h4 { | |
| text-transform: uppercase; | |
| color: #ffffff; | |
| font: 700 14px 'Open Sans', sans-serif; | |
| letter-spacing: 1px; | |
| margin: 0 0 22px; | |
| } | |
| #magento-sites .nav li a:hover { | |
| background: none; | |
| text-decoration: none; | |
| } | |
| #magento-com { | |
| .btn-outline { | |
| font: 700 13px/36px 'Open Sans', sans-serif; | |
| text-transform: uppercase; | |
| color: #fff; | |
| background: #31302b; | |
| border-radius: 2px; | |
| padding: 0 14px; | |
| text-shadow: none; | |
| display: inline-block; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| border: 3px solid #fff; | |
| box-shadow: inset 0 0 0 0 #fff; | |
| transition: 0.7s; | |
| -webkit-transition: 0.7s; | |
| -moz-transition: 0.7s; | |
| &:hover { | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #fff; | |
| background: #fff; | |
| } | |
| } | |
| .intro-paragraph { | |
| overflow: hidden; | |
| margin: 0 0 30px; | |
| padding: 0 0 25px; | |
| border-bottom: 1px solid #5a5955; | |
| text-align: center; | |
| a { | |
| display: inline-block; | |
| outline: none !important; | |
| } | |
| #logo { | |
| margin: 0 40px 0 0; | |
| border: none; | |
| outline: none; | |
| } | |
| h3 { | |
| color: #cac3b4; | |
| font: normal 15px/18px 'Open Sans', sans-serif; | |
| position: relative; | |
| top: 10px; | |
| display: inline-block !important; | |
| text-align: left; | |
| margin: 0; | |
| } | |
| } | |
| h4 { | |
| margin: 0 0 12px; | |
| } | |
| .contact-us { | |
| padding: 0; | |
| font-size: 12px; | |
| line-height: 24px; | |
| width: 100%; | |
| position: relative; | |
| } | |
| #newsletter { | |
| font-size: 12px; | |
| line-height: 24px; | |
| width: 100%; | |
| position: relative; | |
| } | |
| .contact-us p, #newsletter p { | |
| line-height: 24px; | |
| font-size: 12px; | |
| } | |
| .contact-us h4, #newsletter h4 { | |
| margin: 0 0 5px; | |
| } | |
| } | |
| } | |
| UNUSED#footer-wrap .footer #magento-com .contact-us .outline { | |
| background: none repeat scroll 0 0 #31302b; | |
| letter-spacing: 0; | |
| padding: 0 14px; | |
| text-transform: uppercase; | |
| border: 3px solid #fff; | |
| display: inline-block; | |
| text-decoration: none; | |
| border-radius: 2px; | |
| -webkit-transition: all 0.4s linear 0s; | |
| -moz-transition: all 0.4s linear 0s; | |
| -o-transition: all 0.4s linear 0s; | |
| transition: all 0.4s linear 0s; | |
| font: 700 12px/36px 'Open Sans', sans-serif; | |
| background: #31302b; | |
| color: #ffffff; | |
| box-shadow: inset 0 0 0 0 #ffffff; | |
| height: 42px; | |
| cursor: pointer; | |
| } | |
| #footer-wrap .footer #magento-com { | |
| #newsletter .outline { | |
| background: none repeat scroll 0 0 #31302b; | |
| letter-spacing: 0; | |
| padding: 0 14px; | |
| text-transform: uppercase; | |
| border: 3px solid #fff; | |
| display: inline-block; | |
| text-decoration: none; | |
| border-radius: 2px; | |
| -webkit-transition: all 0.4s linear 0s; | |
| -moz-transition: all 0.4s linear 0s; | |
| -o-transition: all 0.4s linear 0s; | |
| transition: all 0.4s linear 0s; | |
| font: 700 12px/36px 'Open Sans', sans-serif; | |
| background: #31302b; | |
| color: #ffffff; | |
| box-shadow: inset 0 0 0 0 #ffffff; | |
| height: 42px; | |
| cursor: pointer; | |
| } | |
| .contact-us .outline:hover { | |
| background: #ffffff; | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #ffffff; | |
| } | |
| #newsletter { | |
| .outline:hover { | |
| background: #ffffff; | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #ffffff; | |
| } | |
| .hold-form { | |
| position: relative; | |
| padding: 13px 0 0; | |
| width: 100%; | |
| } | |
| p { | |
| margin: 0; | |
| } | |
| .sb-email { | |
| position: relative; | |
| width: 0; | |
| min-width: 86px; | |
| height: 42px; | |
| float: left; | |
| overflow: hidden; | |
| -webkit-transition: width 0.3s; | |
| -moz-transition: width 0.3s; | |
| transition: width 0.3s; | |
| -webkit-backface-visibility: hidden; | |
| .sb-email-input { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| border: none; | |
| outline: none; | |
| background: #ffffff; | |
| width: 100%; | |
| height: 42px; | |
| margin-right: 10px; | |
| z-index: 10; | |
| padding-left: 10px; | |
| font: 700 14px/36px 'Open Sans', sans-serif; | |
| text-transform: uppercase; | |
| color: #676056; | |
| border-radius: 0; | |
| visibility: hidden; | |
| } | |
| form { | |
| display: block; | |
| overflow: hidden; | |
| } | |
| .sb-email-input { | |
| &::-webkit-input-placeholder, &:-ms-input-placeholder { | |
| color: #676056; | |
| } | |
| } | |
| .sb-icon-email { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| left: 0; | |
| padding: 0; | |
| margin: 0; | |
| text-align: center; | |
| cursor: pointer; | |
| overflow: hidden; | |
| } | |
| } | |
| } | |
| } | |
| UNUSED#footer-wrap .footer #magento-com #newsletter .sb-email .sb-email-submit { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| left: 0; | |
| padding: 0; | |
| margin: 0; | |
| text-align: center; | |
| cursor: pointer; | |
| overflow: hidden; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email { | |
| .sb-icon-email:hover { | |
| color: #31302b; | |
| background: #ffffff; | |
| } | |
| .sb-email-submit { | |
| background: #31302b; | |
| outline: none; | |
| color: #ffffff; | |
| z-index: -10; | |
| width: 74px; | |
| overflow: hidden; | |
| &:hover { | |
| color: #31302b; | |
| } | |
| } | |
| .sb-icon-email { | |
| z-index: 100; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| } | |
| UNUSED#footer-wrap .footer #magento-com #newsletter { | |
| .sb-email.sb-email-open, .no-js .sb-email { | |
| width: 100%; | |
| } | |
| .sb-email.sb-email-open .sb-email-submit, .no-js .sb-email .sb-email-submit { | |
| float: left; | |
| position: relative; | |
| margin: 0 0 0 10px; | |
| } | |
| .sb-email.sb-email-open .sb-email-input, .no-js .sb-email .sb-email-input { | |
| float: left; | |
| position: relative; | |
| width: 60%; | |
| } | |
| .sb-email.sb-email-open .sb-icon-email, .no-js .sb-email .sb-icon-email { | |
| display: none; | |
| overflow: hidden; | |
| } | |
| } | |
| #footer-wrap { | |
| .footer { | |
| #magento-com { | |
| #newsletter { | |
| .sb-email.sb-email-open .sb-icon-email, .no-js .sb-email .sb-icon-email { | |
| background: #31302b; | |
| color: #ffffff; | |
| z-index: 11; | |
| } | |
| .sb-email.sb-email-open .sb-email-submit, .no-js .sb-email .sb-email-submit { | |
| z-index: 90; | |
| } | |
| } | |
| .nav a { | |
| font: 700 14px/24px 'Open Sans', sans-serif; | |
| letter-spacing: 1px; | |
| color: #cac3b4; | |
| text-transform: uppercase; | |
| &:hover { | |
| background: none; | |
| color: #ffffff; | |
| transition-duration: 0.1s; | |
| -webkit-transition: 0.1s; | |
| } | |
| } | |
| .email-invalid, .email-ty { | |
| position: absolute; | |
| bottom: -25px; | |
| width: 100%; | |
| } | |
| .email-invalid p { | |
| margin: 0; | |
| } | |
| } | |
| #social-network { | |
| padding: 0; | |
| h4 { | |
| margin: 0 0 15px; | |
| } | |
| ul { | |
| margin-left: 0; | |
| overflow: hidden; | |
| li { | |
| float: left; | |
| margin: 0 0 0 10px; | |
| list-style: none; | |
| &:first-child { | |
| margin: 0; | |
| } | |
| a { | |
| width: 29px; | |
| height: 30px; | |
| text-indent: -9999px; | |
| overflow: hidden; | |
| float: left; | |
| background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAA8CAYAAABmWlgTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RjA5QzE5MDFDMjA2ODExQjM2NzgxQkZEOUJFNzhENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTUyMjM4MzE4QzIxMUU1OUNEQTg5NzM2RkRBMTE3MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTUyMjM4MjE4QzIxMUU1OUNEQTg5NzM2RkRBMTE3MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTkwNjIwQzcxNjIwNjgxMThDMTRGOEM5RDJBRjQxNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwOUMxOTAxQzIwNjgxMUIzNjc4MUJGRDlCRTc4RDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LP10DAAAUSklEQVR42uxcDbgXVZk/c71gpIIruguYblYS4Acstmp3MzGLSlpFpRbatSCTj+T2QGhXg57MYu2aloUGKvqwWS77qIlhlh/LcrdCwy+EzQx4+LBSUqQAAyFl9vfO/OZ/z5z/OTNn5j/3cnke3+d579yZOXPOzDnveb/O+f+CMAzVm/QmNULNN8/7RpnnjgT3Bb8G3gre+2ZX2mlK6xXd1lbJsRT6G3A/8KvgP4HfKCREnuXeCf5X8GjwCPAh2r3XwevBy8H3gJeB91XQJwPA/wx+H3gIBbcJvAu8Dvwk+EHwygrH4WDwB8GjwEP5DgEnyUbw0+CHwM+UG9iAxxD/BXLaF4ZgVBCoFulX/D84blOsQ7AFx7U4rsLJCpRZjvs7kuf1ujr/9yYZz09yPEeC36rdk2/9Dfh+8BL2c6a5ChZ895qs+8PAc8HnFXhTeYGrwf+V17iD3gOeA/4Y+CDP9q4Df58CXYYGgi8HTwIf7lF+NfgG8B3F2qwN/JEQovHonHH4/8z0/VjAQgoHhEfFHkfYgfO78c9i/L/VLkS53X0S+OucnL7jKd96FfheV4Emx/WD+KDMuLEFRV1m8H9SSwws8Nyh4FvAv6LQHlSgvduokUYUFB75rpngtTwe7vncyeDbwU+BTynY5ofBt4Ln1QsQ/gbprk5cVojTmbglz9zKOopanLl833MLjqd864/APwH/na8Qiam6D/yVAubORh+iKhzuUfYdFIJLMgQ7j/4B/Cj4Is/yosLvBH+LAlyGZGb/nKbBhyZCEG7gxLRoKBEa6qAgrV3kaixQwVhqwYmebR4GfgD8pQbH8xzw47ROmULUG/xj8JiKfAzRRA9TW2TZ546cMr70FvB/gCd7CNAj4PEVtNkH/AOaw0wBEm0AQRiiauYqLUKx3MQmLR01h5qmig6oI5zrIUi96dd8qKLxPIa+77uyhOha8AcKVvwkNcg/UiDEpHxCu38U7elhDq23FPy2Cp1j6ebv0Tl23RcN9F4tMBDT1EZh2FeyzXbwBS4TBnMk9Q9KPxJEGkcEKrAYmE6hSv5PCRfqCttyTNt3SoxnHh1FwXyrTYjOAH++aFQJPg28EPwEeAP9qIeMcu8G2+LPayvSQDaf7gcOMzWZPldCs8AX810uYlBQVnhvY0RnpkOmhrH2sDnAOAk+C+EYBn5bPCYiMkEfyEt/3J4MQQs7BSuomTr8J1ptKtuwuRNTuyibcALdnbrobCW1iS+tZWW26ERyDn82rr1BgVmn+RNPGw70XqrgPBKBlRdfQ2d4AriVdYn5PJv/i+BeaeRDNhgO9HBGIPpk+t8GOngRo7zENE2Pneh6HwiysJdhPTRyiMkXwGcJL8VxPo4H08yfmpg449nIR6I8teL/GzXhDPhNJxrvtos+3PPg7RwT6fO/GE54YjX6c1KcYgmS/go+Hrw5cbTOLihAiiH860Z0NYYC1MehHWZps+NKSwQ2jdHDeRntPsLwf4927XGaqFfoAI7m9UtpZhKBbrVEYB8zhKhRf/DfqM02xgnZYFwUtovZoilKBADnKBtsxn/34T7HIrgJxe8P44G+BNefiZ9LBCkd0rNKtBFIimOH9k0nWvrt45bJ7avZr2LqJaFejGhnNGlOX1HaYJzfHucwIhN3g+OZCRSwI8AXWu7/nP7UHY7n99H/2uPQTrs5q36hRSbjNdN9seW5r1EA5zDB1tagEDUn7UBYRsVhfKBCTUl0+jXBMmqPv1VhIliRaJxHn2mz7mDXzFhNC9UcKbQR6j7gpy3vdXlJAUqsyFfBL1gmTK8mdu5HS1RsLnUM8XimLzPQ5zjMVh/W+ykO/iZLYnFTRv3b4g6N2khorJbEPNaR5phAYRrj8c0i6JKVfzWj3PkM11vqb4V6+J5Mhjs7netIaM6i1mlOHHBN61AIdSc7KtOiCfFoo9E9hrY181Y+LoRYnV8b18TcndrEiKq/6j6CjVf/5Lh3rmEuj2fE80MVL638xSM3ZWrVFs3XsdGv+FzC/8frt2nXROifA4v/8n6a/0F03m00LO7TYITpz+hmDefv4NXFemJR07Sj0iF+ODIJRPSkJIVvhNa2GQlvzYg6W/nNPgnMly3XTmtmoq876V0OjSD0Lwz5n9Gk/16VkXK3aDpbsu1oRog22kp/IaFE5b9oXN8iTqR2vpMCezwjVFWvmcPB6YFOBCURrEDMdgt0CgYnOD2OagM4v6GY1hMgXHeFNeGLnn0JwvNalJCsX+EYrPWvzRxlkXzDz5iZnknH28f6CB3XRP/ElyZrs3NZxr1rM+rox1yDjeAgqt81IKCuCXFERptZvo1Oa2hizzAGx7X42B9DP0D3gxIzpDnHJ0MoVseaLRR/4zgcBzGKWqO5PSPx6Ik4eQXHnbHTHJ6YXr1I2rJOJF+6gBp3trIvO+229W2zKrbs/xg703WvpuJybKuLxtOBa8RUugSiV4Ma9AZGe0n08xP+v9yVLQ5TGWeVcpCT8BxHEfxHaOZOY6rl4FjKRPAirQVTHryOsntZ2YakjkRAO8+LbeOw0B9UvMbmW8++JqrzqundGff+RFNgoyvob5Shfsqd3t/Bdhuh87X/9Uhou+N7dmBctxjawuIYh3rE9hEK2Sbm4HbyPt4/FDM3EHWKVt2F8rs63aIgMbeqge8ULfNlpgZ+6ihjS91sbWLS0JeGMfF0isUM6vdOyqjjOeZQbCRrX/OZzyi6WPgZx0f+lb7M5gaF6BDH/8rhtG7AQK81w3NLovsa3BqO49vpkxxNqXgWhxPw3F5dANMOuqqZR62t33oOvk5L6LB/3ZE+yapnnQjR78k+tJj5mCeSWeO4l7UlYwUjIheJP3CfKrY3SDLRX3Lce5p1PdGNwcM25tFWpRONob5ksTGO8MJ23JsVxKmLNRwLrriHv8O96aoW/geP4vyp9PJJTbhW8ShR7EvG+xyZYc5nUMv6TLKjLdceTZKNP+qmzt3C7PJPM8oMZ7Lx8AL13qLs60dCD/D4PzmzrEp6iNpphbl1J8k+Q3eMYQR4l+TFklV9CpxohHnxabBSC/+PwaVj0+mA2nMrtAsPmOouw01Y7/lNsuB6snFNJsKqRIgWqnK7EIvSQnauvPgvM8p9gjPjepW/v+irjOqsTp/qzH5vL5AqaJS+rzndHbasM92IptiPS+8nisvIwmrQG6eHxuehMUSptbQOw8G/2fJO31bFl7ZqYTy/yYz8bmdGtBa+LjWSfVXTDpVeiJQ1rR87ysr7LNCEzkbJAutlGW3erdLLM9eravYQZdEa5lySb5Z3ODNdJBIUERBxZmU54psqlQ+KBORZRkiXxRGaKUgpH+lu1blulkTKDxuBxhBGftsYgb1Mzfyqw//rTaEZ4MjrST7tRjMXchkb7dNFnXu1YauX0sScxXPJD32FofNLOXWdxVzUezLKyC9RrjSuiV8kW3cnaNfeZ/hLSWQ50RiEQ4181qmOe5clI02tsxgyIaZkbFrjRCv9EkR8KzbxASZEeDoE5s/x9QACH05TtWUbc0N+LYu9hG2Y9AUV7/XqbcmZHVHBeH45SczqQiRbNGSV/XtdIEAPU52a9FnmJPrF9j5aavgFHesn6UPt4Yw4lom+j6r6FWpXumCD5fpMCuEALTVg2yc9QNXvDUroKEfy8nZVv5dqK4RpgexohEwN6czphDfheDKO7TiK5mjBLTi/YR9mkO+EkIzWNJeWW6oJ0HOymyfeuF9HspQxJyfxW5bEp73JlZWdzw+YWWGDqxmyW8NgFS+23sN3CSgoZzTYpvhB33Xc+yNn9zKV/qlMoyQRZ6vjnvxoAVFYtFl+UOfSh5pCVuntHprDHDnhtV98RMlHCuELdAkezHin6+jPTKt4PCfoDprNaf0CndUqHO1fctZvzygjftGFyp5SL0OLVLwpLMwZ8HMzkp5FSSKjc5ieyHivUJYTnktvdQ00H6f+lcO6e9FzooFm81uzSB66lCZTddV4uiKfq1S8LeL3JRuTBN+/s8FtHuVFkFqYiCxLu6kJJim/lP1/q3if9eoG2gypvc/2/M5F0CIzIARLkoSh9rsy1bntIx2bR5tlg+ResIS5nUUF3nEWrcGWkt8pCc+5rvFsyrF7Q+lAvVBAeH7IZONsnvvSKuaIZFNYkaWYN+gsD02ihQL0a4a9szyceduslG0hn6MT70tifi7B2LZCmDpUSkjSCclEAug0d8gz8bOZJiwrUh3KAOcVz2f2MLQ/if6VdTzzfgGbkGQ7P8hoZQSd3Db6MgmdwxCyirW4t9DcXMDoycyUvsqI6mcUoOcraLMP2/s4Q3JbsvO31GB3qPSCs5VSwhDqDnItTO8b70iUDWXRfqDBshpP7aT9jDqUpOVyHHdo20iMYyGSiG00eTjHsx/N8RZOLhHwJT4a1leI9jcdpkVDu5np7WoaSA44Izep7N2MVjpAAB0aolK/iETHpFBB8PJdjQqys0In2Jde7CZhrYxEYMsIEp5LoYKgjkLbSbw0ERophAqCl9hXQYd4oYKgrZUVDoIXKgjafKZcC2lUkMmtbX3ZVgv7dbCWmxKzspa+okR/y2+e156JCjKltc1LiDie3qggqLM8KggaawgVJK9xR5ulUUHQ3uslhac0KkixNmuDLRNCll/GqbolESd10DlejDa3lhEifGdpVBDUe28hIUJjBzEqm63KgwBIlvrTaPxFz4E8lPmMi1U5UAfREp9Be6sKCE/AcFmEvgyog6yTTUKbT/oKEQZaNsRPVXWgDt4k2mEBtNKDvkKE72xm7u+LDYznA+zfP+aG+GiwUlQQ1DfcYzArQwVBXRd5ClBlqCCo65N+bbZNpAYb20C/RqggrMvnOytFBaF1cgsRCnQJKgjqHZpjnytFBUGdkz0EqFJUENR5eU6bE+kaDKmgTaljbp4gcTwrRwVBvfsHFYQzwqb1ugQVBHWPyjBhXYIKgrovcLT5YdY/qMLvlLraWLeLugwVhBMxLUS4WBoVBHZyIfgJ8AZGLj0CFYR+lkl1qCB454vB14IbRgVhVGmmQ6ZmaCBxamQ3wzBOpib4OwE1XH++b5ihkabSUTcFt9tQQXRNdL0qBsMm4ef0AjmFKfiw441IYYpRxjffJNnqCxkSy76eb1OjhBRgeaejGRiY+RBTmJcb58sa6FyJ7K4xorHxGT6QfK+ssj/KKEjWKqdBKJJxkKWnW3LGZaxplqltbYuukh4Rh/xWRrSyC0B+Pn6FxnN4XXghQ31bcDQT7fx9LdmIk1KoIHp4y1nfbaggaDuFCoL2ragguN6Ost2KCoI2r0abG6fEeaBxWWWhdTaj3H2a0yv7dO7H88+jHnETfHJS41CHFyqI1hdFUiA9CxUEL9QH3BAqiCFAsV2FOVUZqCBo04kKIgIIngOuFBWEicSsPFAnKkiaiAri/TOnM1X6t3BWVJAyAsS+daKCoM96NbFzewwqiCyhgJ2oILi3KaP+HoUKojrBJFxUQwUxrhMVpFBI3qLlhLxRQcQxZxSXJ0gHHioIXrpHooLgvd4PzkUFwcD0V/mQyAl2wGKHcJkR5siMQCQTFSRjKSpCBcmJ8hI6MFBB8DFLk7UpSn/DqCCoMxMVBO08os3MGiqIcX0LzjdrQr6TuZ8MVJAaUoeL7kAdLajrZRyJChI5v2JaJQK6yygve55ce5caRgVBmxEqiPhjntZH6E1UkBzfRqc16OTxTIXovoITFUS5N/onJD8GXM3AhqggqoYKokVlI+koS+BAVJA6x7kyVBC8z2w60yZVgwqCjlvjsJmPabO2NCoI6unxqCD4PokOc1FBCgh+ovEk57aSuwn0sH49+62GCpJRXyWoIAVSNz0PFYSzsjDhuf2CCoLOdqKCqOJ7miN8g1tubN+kaqggtbpEOw2kVt2l6n8UUBkqCL6pECpIsyqICqJ58hvR2DZtEIdpjeShghziiFwiVBBRp+IHFdza0eNQQdi3x+XUew0d6+2a//YCvv1Z+kXrPbVao6ggM3Sfr4AQrWvCgz0SFaSIADET7UQFYV37CRXESUQFiTLDs5SBCiKhOt5b/MPp2jOS2X7KUV8mKojkcxzPifCc7yFAQgcWKgg++oBGBWFIvSKjzBjutYpQQYx7ESoIly/0nZvHZES2K2heC6GCoPx6z4nac1BBpHP54rmoIHjx65kMzfo4L1QQ+i77BRXEZX74bS4/birNmM9eJy9UELRXChUEzzlRQURom9nBEr72SFQQV5KMIWguKojsLNDOuxUVBG3vwHtaUEHi6O3mee27p7S2aaggKaqhgni0eTec8R2Tp7fVImW0a0UFwfUDGxUEH/eSpkaX4oOsqCB6OYcAlUIFkfU1PFuHCoJrVlQQbqdIKIUKgntOVJBkb3mCCkJTYq7kT4IAaagg0YQ4nYMznwI/TeXvgiQqSJ0h6XJUkGQtrlnr4HXomB6BCoL3qAQVxNBCCXUpKgjaTO2lgobYCg2xgJpAX1+8iT6GaOTHGK324iQmKkjdGpgt0l0Qb9yv83VkKaNbUEGajIbnOwa7EYpQQWxmiYP8KS0BmaCCXEdH+DdalCOm73JPAXKignCj+ViVDb5QhpyoIBCkByks5ir4FH7fa/Tf9lATPe4hQBEqSOeGfStdR61W9XhO0H/J02Tp5MpRQejUKsegdgkqSNbPlXCvS1BBUO8ud5vt8l6zVWOgFboGmo32FmUVYh9UjgpijmeTo/GrVEWoIHpCMkeQKkEFQV2TfFL2KFMpKojnd8qgz6AfU5aYGGxf5FNYBAlcGSqI7TubMhpvCBUEz8tM8UYF4e/FGkIFQR2FUEFQvmFUENTxObA3KghN2yU0fR0F2uvgM7IprzAqCJ5pCBUEz89xjafvz6itqCCo9B6tTIQKYnPySuQlCqGCZGxdKNJmIVQQfcHZRXmoIGiz4M+ov5GJCuL7W3wuXXmhgvho2P8XYACoEEKeUESl0QAAAABJRU5ErkJggg=='); | |
| } | |
| .btn-twitter { | |
| background-position: -29px 0; | |
| &:hover { | |
| background-position: -29px -30px; | |
| } | |
| } | |
| .btn-lnkdn { | |
| background-position: -58px 0; | |
| &:hover { | |
| background-position: -58px -30px; | |
| } | |
| } | |
| .btn-gplus { | |
| background-position: -87px 0; | |
| &:hover { | |
| background-position: -87px -30px; | |
| } | |
| } | |
| .btn-youtube { | |
| background-position: -116px 0; | |
| &:hover { | |
| background-position: -116px -30px; | |
| } | |
| } | |
| .btn-facebook:hover { | |
| background-position: 0 -30px; | |
| } | |
| } | |
| } | |
| } | |
| } | |
| #copyright { | |
| font: 13px/13px 'Open Sans', sans-serif; | |
| text-transform: uppercase; | |
| color: #989287; | |
| border-top: 1px solid #5a5955; | |
| padding: 30px 0; | |
| overflow: hidden; | |
| .nav { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| li { | |
| float: left; | |
| margin: 0 0 0 20px; | |
| line-height: 12px; | |
| } | |
| a { | |
| color: #cac3b4; | |
| font-size: 12px; | |
| &:hover { | |
| text-decoration: underline; | |
| background: none; | |
| } | |
| } | |
| } | |
| } | |
| img, | |
| embed, | |
| object, | |
| video { | |
| max-width: 100%; | |
| } | |
| /* SRJ - code/pre overrides so text and background colors match */ | |
| pre { | |
| background-color: #f8f8f8; | |
| border: 1px solid #ddd; | |
| font-size: 13px; | |
| line-height: 19px; | |
| overflow: auto; | |
| padding: 6px 10px; | |
| border-radius: 3px; | |
| } | |
| code { | |
| margin: 0; | |
| border: 1px solid #ddd; | |
| background-color: #f8f8f8; | |
| border-radius: 3px; | |
| padding: 3px; | |
| color: #000; | |
| word-wrap: break-word; | |
| white-space: inherit; | |
| font-size: .9em; | |
| } | |
| a code { | |
| color: inherit; | |
| font-size: .9em; | |
| } | |
| /* TDD code format in headers */ | |
| H1 CODE, H2 CODE, H3 CODE, H4 CODE, H5 CODE { | |
| padding: 2px 4px; | |
| color: #000; | |
| background-color: transparent; | |
| border: 0px solid #e1e1e8; | |
| white-space: nowrap; | |
| font-size: 1em; | |
| } | |
| .main-container a { | |
| font-size: inherit; | |
| } | |
| .main-container p { | |
| font-size: inherit; | |
| } | |
| /*reset font size */ | |
| .main-container { | |
| font-size: 16px; | |
| } | |
| /* SRJ - reviewer question */ | |
| p.q { | |
| font-size: 15pt; | |
| color: red; | |
| display: none; | |
| } | |
| /* SRJ - fix Firefox bug */ | |
| .main-container { | |
| clear: both; | |
| } | |
| /* SRJ - align horz line */ | |
| #divcentered { | |
| align: center; | |
| padding-left: 60px; | |
| } | |
| /* TDD - Alternate menu appearance */ | |
| .nav-main #subnav-wrap #subnav ul li a { | |
| font: 1em 'Open Sans',sans-serif; | |
| font-weight: 600; | |
| text-transform: none; | |
| padding: 11px 15px; | |
| outline: 0; | |
| background: none repeat scroll 0 0 #31302b; | |
| } | |
| /* TDD- Add permanent left-hand margin*/ | |
| .content { | |
| width: 69%; | |
| padding-right: 7% | |
| } | |
| .container { | |
| padding-left: 66px; | |
| padding-right: 66px | |
| } | |
| .copyright .container { | |
| padding-left: 0px | |
| } | |
| .container, .navbar-static-top, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .nav-main #global-nav, .nav-main #subnav-wrap #subnav { | |
| width: auto; | |
| max-width: 100%; | |
| } | |
| /*.sidebar { | |
| margin-left: 66px | |
| } | |
| .page-intro { | |
| padding-left: 66px; | |
| }*/ | |
| .home-section { | |
| padding: 40px 0 0 0; | |
| } | |
| /*Give "Edit page on Github a little space on the right" */ | |
| .page-intro .improve-page { | |
| right: 10%; | |
| } | |
| .main-container a.contributor{ | |
| position: absolute; | |
| left: 66px; | |
| text-decoration: none; | |
| font-size: 12px; | |
| margin-top: 4px; | |
| } | |
| .main-container a.contributor:hover{ | |
| color: #fff; | |
| text-decoration: underline; | |
| } | |
| .main-container a.contributor:after { | |
| display: inline-block; | |
| position: relative; | |
| top: 4px; | |
| left: 5px; | |
| content: ''; | |
| background: url(/i/icon-new-window.gif) no-repeat; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| @media (min-width: 1130px){ | |
| .nav-main #global-nav { | |
| padding-left: 66px; | |
| } | |
| .nav-main #subnav-wrap #subnav { | |
| padding-left: 66px; | |
| } | |
| } | |
| .nav-main #subnav-wrap #subnav { | |
| height: 42px; | |
| } | |
| /*FIX for table font sizes TDD*/ | |
| .main-container TABLE a, .main-container TABLE p, .main-container TABLE LI, .main-container TABLE OL, .main-container TABLE UL, .main-container TABLE PRE | |
| {font-size: 1em; | |
| } | |
| tr td {vertical-align: initial; | |
| font-size: .9em; | |
| } | |
| td code, td pre {font-size: .9em} | |
| /* FIX for table line breaks TDD*/ | |
| .main-container TABLE TR, .main-container TABLE TD, .main-container TABLE TD TT, .main-container TABLE TD CODE, .main-container TABLE TD PRE | |
| {word-wrap:break-word; | |
| } | |
| /* FIX for table width TDD*/ | |
| TABLE { | |
| table-layout: fixed; | |
| max-width: 99%; | |
| width: 99%; | |
| } | |
| /* Add style for TOC Header in sidebar.html include */ | |
| .main-container DIV.sidebar-wrapper H4 { | |
| margin: 1.5em 10px 0.5em 14px; | |
| color: rgba(97, 57, 42, 0.99); | |
| text-transform: capitalize; | |
| } | |
| /*Search styling */ | |
| #subnav DIV.search { | |
| background-color: rgb(49, 48, 43); | |
| float: right; | |
| top: 0px; | |
| height: 41px; | |
| width: 300px; | |
| margin-right: 10px; | |
| } | |
| #subnav DIV.search SVG.searchImage { | |
| position: relative; | |
| top: 0px; | |
| left: 5px; | |
| width: 23px; | |
| } | |
| #subnav DIV.search FORM#searchbox INPUT { | |
| background-color: transparent; | |
| font-style: normal; | |
| border: 0px solid gray; | |
| width: 100%; | |
| height: 35px; | |
| color: white; | |
| font-size: 1em; | |
| font-weight: normal; | |
| padding: 0px 0 0 35px; | |
| margin: 0 0 0 0; | |
| /* border: 1px solid white;*/ | |
| } | |
| #subnav DIV.search FORM#searchbox INPUT:focus{ | |
| outline:none | |
| } | |
| #subnav DIV.search FORM#searchbox{ | |
| border: 0px solid gray; | |
| position: relative; | |
| top: -42px; | |
| left: 0px; | |
| padding: 0 0 0 0; | |
| margin: 0 0 0 0; | |
| /*position: relative; | |
| left: 326px; | |
| top: -15px; | |
| width: 60%;*/ | |
| } | |
| #searchResultsBox { | |
| display: none; | |
| overflow: auto; | |
| position: absolute; | |
| top: 4%; | |
| left: 6%; | |
| right: 6%; | |
| bottom: 2%; | |
| padding-top: 20px; | |
| padding-right: 4%; | |
| padding-bottom: 4%; | |
| z-index: 1001; | |
| } | |
| DIV.searchResultsBoxClose { | |
| float: right; | |
| width: 64px; | |
| margin-top: 69px; | |
| position: relative; | |
| z-index: 5000; | |
| margin: 1% 1% 1% 1%; | |
| padding: .3%; | |
| cursor: hand; | |
| cursor: pointer; | |
| font-size: .8rem; | |
| } | |
| #test { | |
| position: absolute; | |
| top: 170px; | |
| z-index: 1001; | |
| } | |
| .searchResultsBack { | |
| display: none; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| min-width: 100%; | |
| min-height: 100%; | |
| height: 100%; | |
| opacity: .75; | |
| z-index: 1000; | |
| background-color:#CACACA;; | |
| cursor: hand; cursor: pointer; | |
| } | |
| .sidebar ul li.level3Child { | |
| display: none; | |
| } | |
| .sidebar ul li.level3Child a { | |
| padding-left: 42px; | |
| } | |
| .sidebar ul li.level3Parent { | |
| background-image:url('../../common/css/caret_right.png'); | |
| text-decoration:none; | |
| background-repeat:no-repeat; | |
| background-position: 18px 10px; | |
| margin: 0 0 0 0%; | |
| padding: 0 0 0 7%; | |
| } | |
| .sidebar ul li.caretDown { | |
| background-image:url('../../common/css/caret_down.png'); | |
| text-decoration:none; | |
| background-repeat:no-repeat; | |
| background-position: 17px 12px; | |
| margin: 0 0 0 0%; | |
| padding: 0 0 0 7%; | |
| } | |
| .sidebar ul li.caretRight { | |
| text-decoration:none; | |
| background-image:url('../../common/css/caret_right.png'); | |
| background-repeat:no-repeat; | |
| background-position: 18px 10px; | |
| margin: 0 0 0 0%; | |
| padding: 0 0 0 7%; | |
| } | |
| .sidebar ul li.level3Parent a:hover { | |
| background: none; | |
| } | |
| .sidebar ul li.level3Parent a { | |
| text-decoration: none; | |
| } | |
| .main-container .editor {color: #00A9EF; | |
| font-family: fantasy; | |
| font-size: 1.5em} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,700,600,300,800"); | |
| * { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| } | |
| /* Generated by CSS Usage. | |
| File: http://devdocs.magento.com/css/app.css. | |
| DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later. | |
| Some rules have been deleted, some selectors are prefixed with "UNUSED". | |
| Look for the UNUSED items and see if you can remove them. */ | |
| .nav-main { | |
| background: #ef672f; | |
| } | |
| .nav-main nav .menu-btn .menu-icon:hover { | |
| background: url(/i/general-nav-copper.png) top right no-repeat; | |
| background-color: #fff; | |
| -webkit-transition: background-color 0.2s linear; | |
| -moz-transition: background-color 0.2s linear; | |
| -o-transition: background-color 0.2s linear; | |
| -ms-transition: background-color 0.2s linear; | |
| transition: background-color 0.2s linear; | |
| } | |
| .nav-main nav .logo { | |
| background: #c14800 url(/i/magento.png) 5px top no-repeat; | |
| } | |
| .nav-main nav .sub-site-name { | |
| float: left; | |
| padding: 21px 0 20px 11px; | |
| } | |
| .nav-main nav .sub-site-name a { | |
| display: block; | |
| height: 25px; | |
| width: 153px; | |
| background: url("../i/ebayinc.png") no-repeat center 7px; | |
| } | |
| .nav-main nav .sub-site-name a:before { | |
| color: #fff; | |
| } | |
| .nav-main nav ul li a:hover { | |
| color: #ef672f; | |
| } | |
| .nav-main nav .head-search .sb-search .sb-icon-search:hover { | |
| background: #fff url(/i/icons/ico-search-copper.png) left bottom no-repeat; | |
| } | |
| .nav-main #subnav-wrap { | |
| background: #31302b; | |
| } | |
| .nav-main #subnav-wrap #subnav ul li a { | |
| color: #fff; | |
| } | |
| .nav-main #subnav-wrap #subnav ul li:hover > a { | |
| color: #ef672f; | |
| background: #31302b; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded ul li a { | |
| color: #cac3b4; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded ul li a:hover { | |
| color: #fff; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded:hover ul { | |
| color: #fff; | |
| background: #31302b; | |
| } | |
| ::selection, ::-moz-selection { | |
| background-color: #ef672f; | |
| color: #fff; | |
| } | |
| .clearfix { | |
| *zoom: 1; | |
| } | |
| .clearfix:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .clearfix:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| UNUSEDarticle, aside, UNUSEDdetails, UNUSEDfigcaption, UNUSEDfigure, UNUSEDfooter, header, UNUSEDhgroup, nav, section { | |
| display: block; | |
| } | |
| UNUSEDaudio, UNUSEDcanvas, UNUSEDvideo { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| } | |
| audio:not([controls]) { | |
| display: none; | |
| } | |
| html { | |
| font-size: 100%; | |
| -webkit-text-size-adjust: 100%; | |
| -ms-text-size-adjust: 100%; | |
| } | |
| a:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| a:hover { | |
| outline: 0; | |
| } | |
| UNUSEDa:active { | |
| outline: 0; | |
| } | |
| UNUSEDsub, UNUSEDsup { | |
| position: relative; | |
| font-size: 75%; | |
| line-height: 0; | |
| vertical-align: baseline; | |
| } | |
| sup { | |
| top: -0.5em; | |
| } | |
| sub { | |
| bottom: -0.25em; | |
| } | |
| img { | |
| max-width: 100%; | |
| width: auto\9; | |
| height: auto; | |
| vertical-align: middle; | |
| border: 0; | |
| -ms-interpolation-mode: bicubic; | |
| } | |
| UNUSED#map_canvas img, UNUSED.google-maps img { | |
| max-width: none; | |
| } | |
| button, input, UNUSEDselect, UNUSEDtextarea { | |
| margin: 0; | |
| font-size: 100%; | |
| vertical-align: middle; | |
| } | |
| button, input { | |
| *overflow: visible; | |
| line-height: normal; | |
| } | |
| UNUSEDbutton::-moz-focus-inner, UNUSEDinput::-moz-focus-inner { | |
| padding: 0; | |
| border: 0; | |
| } | |
| button, html input[type="button"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| input[type="reset"], input[type="submit"] { | |
| -webkit-appearance: button; | |
| cursor: pointer; | |
| } | |
| UNUSEDlabel, select, button { | |
| cursor: pointer; | |
| } | |
| input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { | |
| cursor: pointer; | |
| } | |
| input[type="search"] { | |
| -webkit-box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| box-sizing: content-box; | |
| -webkit-appearance: textfield; | |
| } | |
| input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { | |
| -webkit-appearance: none; | |
| } | |
| textarea { | |
| overflow: auto; | |
| vertical-align: top; | |
| } | |
| @media print { | |
| * { | |
| text-shadow: none !important; | |
| color: #000 !important; | |
| background: transparent !important; | |
| box-shadow: none !important; | |
| } | |
| UNUSEDa { | |
| text-decoration: underline; | |
| } | |
| UNUSEDa:visited { | |
| text-decoration: underline; | |
| } | |
| a[href]:after { | |
| content: " (" attr(href) ")"; | |
| } | |
| abbr[title]:after { | |
| content: " (" attr(title) ")"; | |
| } | |
| .ir a:after { | |
| content: ""; | |
| } | |
| a[href^="javascript:"]:after, a[href^="#"]:after { | |
| content: ""; | |
| } | |
| pre, UNUSEDblockquote { | |
| border: 1px solid #999; | |
| page-break-inside: avoid; | |
| } | |
| tr { | |
| page-break-inside: avoid; | |
| } | |
| img { | |
| page-break-inside: avoid; | |
| max-width: 100% !important; | |
| } | |
| @page { | |
| margin: 0.5cm; | |
| } | |
| p, h2, h3 { | |
| orphans: 3; | |
| widows: 3; | |
| } | |
| h2, h3 { | |
| page-break-after: avoid; | |
| } | |
| } | |
| body { | |
| margin: 0; | |
| font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #333333; | |
| background-color: #ffffff; | |
| } | |
| a:hover, a:focus { | |
| color: #005580; | |
| text-decoration: underline; | |
| } | |
| .row:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .row:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| [class*="span"] { | |
| float: left; | |
| min-height: 1px; | |
| margin-left: 28px; | |
| } | |
| .container { | |
| width: 980px; | |
| } | |
| UNUSED.navbar-static-top .container, UNUSED.navbar-fixed-top .container, UNUSED.navbar-fixed-bottom .container { | |
| width: 980px; | |
| } | |
| .row-fluid:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .row-fluid:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .row-fluid [class*="span"] { | |
| display: block; | |
| width: 100%; | |
| min-height: 30px; | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| float: left; | |
| margin-left: 2.8571428571%; | |
| *margin-left: 2.806122449%; | |
| } | |
| .row-fluid [class*="span"]:first-child { | |
| margin-left: 0; | |
| } | |
| .row-fluid .controls-row [class*="span"] + [class*="span"] { | |
| margin-left: 2.8571428571%; | |
| } | |
| [class*="span"].hide, .row-fluid [class*="span"].hide { | |
| display: none; | |
| } | |
| [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { | |
| float: right; | |
| } | |
| .container { | |
| margin-right: auto; | |
| margin-left: auto; | |
| *zoom: 1; | |
| } | |
| .container:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .container:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .container-fluid:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .container-fluid:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| p { | |
| margin: 0 0 10px; | |
| } | |
| a.muted:hover, a.muted:focus { | |
| color: #808080; | |
| } | |
| a.text-warning:hover, a.text-warning:focus { | |
| color: #a47e3c; | |
| } | |
| a.text-error:hover, a.text-error:focus { | |
| color: #953b39; | |
| } | |
| a.text-info:hover, a.text-info:focus { | |
| color: #2d6987; | |
| } | |
| a.text-success:hover, a.text-success:focus { | |
| color: #356635; | |
| } | |
| h1, h2, h3, h4, UNUSEDh5, UNUSEDh6 { | |
| margin: 10px 0; | |
| font-family: inherit; | |
| font-weight: bold; | |
| line-height: 20px; | |
| color: inherit; | |
| text-rendering: optimizelegibility; | |
| } | |
| UNUSEDh1 small, UNUSEDh2 small, UNUSEDh3 small, UNUSEDh4 small, UNUSEDh5 small, UNUSEDh6 small { | |
| font-weight: normal; | |
| line-height: 1; | |
| color: #999999; | |
| } | |
| h1, h2, h3 { | |
| line-height: 40px; | |
| } | |
| h1 { | |
| font-size: 38.5px; | |
| } | |
| h2 { | |
| font-size: 31.5px; | |
| } | |
| h3 { | |
| font-size: 24.5px; | |
| } | |
| h4 { | |
| font-size: 17.5px; | |
| } | |
| h5 { | |
| font-size: 14px; | |
| } | |
| h6 { | |
| font-size: 11.9px; | |
| } | |
| h1 small { | |
| font-size: 24.5px; | |
| } | |
| h2 small { | |
| font-size: 17.5px; | |
| } | |
| h3 small, h4 small { | |
| font-size: 14px; | |
| } | |
| ul, ol { | |
| padding: 0; | |
| margin: 0 0 10px 25px; | |
| } | |
| ul ul, UNUSEDul ol { | |
| margin-bottom: 0; | |
| } | |
| UNUSEDol ol, UNUSEDol ul { | |
| margin-bottom: 0; | |
| } | |
| li { | |
| line-height: 20px; | |
| } | |
| UNUSEDul.unstyled, UNUSEDol.unstyled, UNUSEDul.inline, UNUSEDol.inline { | |
| margin-left: 0; | |
| list-style: none; | |
| } | |
| ul.inline > li, ol.inline > li { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| UNUSEDdt, UNUSEDdd { | |
| line-height: 20px; | |
| } | |
| dt { | |
| font-weight: bold; | |
| } | |
| dd { | |
| margin-left: 10px; | |
| } | |
| .dl-horizontal:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .dl-horizontal:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| abbr[title], abbr[data-original-title] { | |
| cursor: help; | |
| border-bottom: 1px dotted #999999; | |
| } | |
| blockquote { | |
| padding: 0 0 0 15px; | |
| margin: 0 0 20px; | |
| border-left: 5px solid #eeeeee; | |
| } | |
| blockquote small:before { | |
| content: '\2014 \00A0'; | |
| } | |
| UNUSEDblockquote.pull-right p, UNUSEDblockquote.pull-right small { | |
| text-align: right; | |
| } | |
| blockquote.pull-right small:before { | |
| content: ''; | |
| } | |
| blockquote.pull-right small:after { | |
| content: '\00A0 \2014'; | |
| } | |
| q:before, q:after { | |
| content: ""; | |
| } | |
| blockquote:before, blockquote:after { | |
| content: ""; | |
| } | |
| code, pre { | |
| padding: 0 3px 2px; | |
| font-family: Monaco,Menlo,Consolas,"Courier New",monospace; | |
| font-size: 12px; | |
| color: #333333; | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| code { | |
| padding: 2px 4px; | |
| color: #d14; | |
| background-color: #f7f7f9; | |
| border: 1px solid #e1e1e8; | |
| white-space: nowrap; | |
| } | |
| pre { | |
| display: block; | |
| padding: 9.5px; | |
| margin: 0 0 10px; | |
| font-size: 13px; | |
| line-height: 20px; | |
| word-break: break-all; | |
| word-wrap: break-word; | |
| white-space: pre; | |
| white-space: pre-wrap; | |
| background-color: #f5f5f5; | |
| border: 1px solid #ccc; | |
| border: 1px solid rgba(0, 0, 0, 0.15); | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| } | |
| UNUSED.label, UNUSED.badge { | |
| display: inline-block; | |
| padding: 2px 4px; | |
| font-size: 11.844px; | |
| font-weight: bold; | |
| line-height: 14px; | |
| color: #ffffff; | |
| vertical-align: baseline; | |
| white-space: nowrap; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| background-color: #999999; | |
| } | |
| .label { | |
| -webkit-border-radius: 3px; | |
| -moz-border-radius: 3px; | |
| border-radius: 3px; | |
| } | |
| .badge { | |
| padding-left: 9px; | |
| padding-right: 9px; | |
| -webkit-border-radius: 9px; | |
| -moz-border-radius: 9px; | |
| border-radius: 9px; | |
| } | |
| UNUSED.label:empty, UNUSED.badge:empty { | |
| display: none; | |
| } | |
| a.label:hover, a.label:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| a.badge:hover, a.badge:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| cursor: pointer; | |
| } | |
| UNUSED.label-important, UNUSED.badge-important { | |
| background-color: #b94a48; | |
| } | |
| .label-important[href], .badge-important[href] { | |
| background-color: #953b39; | |
| } | |
| UNUSED.label-warning, UNUSED.badge-warning { | |
| background-color: #f89406; | |
| } | |
| .label-warning[href], .badge-warning[href] { | |
| background-color: #c67605; | |
| } | |
| UNUSED.label-success, UNUSED.badge-success { | |
| background-color: #468847; | |
| } | |
| .label-success[href], .badge-success[href] { | |
| background-color: #356635; | |
| } | |
| UNUSED.label-info, UNUSED.badge-info { | |
| background-color: #3a87ad; | |
| } | |
| .label-info[href], .badge-info[href] { | |
| background-color: #2d6987; | |
| } | |
| UNUSED.label-inverse, UNUSED.badge-inverse { | |
| background-color: #333333; | |
| } | |
| .label-inverse[href], .badge-inverse[href] { | |
| background-color: #1a1a1a; | |
| } | |
| UNUSED.btn .label, UNUSED.btn .badge { | |
| position: relative; | |
| top: -1px; | |
| } | |
| UNUSED.btn-mini .label, UNUSED.btn-mini .badge { | |
| top: 0; | |
| } | |
| table { | |
| max-width: 100%; | |
| background-color: transparent; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| } | |
| UNUSED.table th, UNUSED.table td { | |
| padding: 8px; | |
| line-height: 20px; | |
| text-align: left; | |
| vertical-align: top; | |
| border-top: 1px solid #dddddd; | |
| } | |
| .table th { | |
| font-weight: bold; | |
| } | |
| .table caption + thead tr:first-child th, .table caption + thead tr:first-child td { | |
| border-top: 0; | |
| } | |
| .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td { | |
| border-top: 0; | |
| } | |
| UNUSED.table thead:first-child tr:first-child th, UNUSED.table thead:first-child tr:first-child td { | |
| border-top: 0; | |
| } | |
| .table tbody + tbody { | |
| border-top: 2px solid #dddddd; | |
| } | |
| UNUSED.table-condensed th, UNUSED.table-condensed td { | |
| padding: 4px 5px; | |
| } | |
| UNUSED.table-bordered th, UNUSED.table-bordered td { | |
| border-left: 1px solid #dddddd; | |
| } | |
| .table-bordered caption + thead tr:first-child th { | |
| border-top: 0; | |
| } | |
| .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td { | |
| border-top: 0; | |
| } | |
| .table-bordered colgroup + thead tr:first-child th { | |
| border-top: 0; | |
| } | |
| .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td { | |
| border-top: 0; | |
| } | |
| UNUSED.table-bordered thead:first-child tr:first-child th { | |
| border-top: 0; | |
| } | |
| UNUSED.table-bordered tbody:first-child tr:first-child th, UNUSED.table-bordered tbody:first-child tr:first-child td { | |
| border-top: 0; | |
| } | |
| .table-bordered thead:first-child tr:first-child > th:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .table-bordered thead:first-child tr:first-child > th:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| .table-bordered thead:last-child tr:last-child > th:first-child { | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child { | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .table-bordered thead:last-child tr:last-child > th:last-child { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { | |
| -webkit-border-bottom-left-radius: 0; | |
| -moz-border-radius-bottomleft: 0; | |
| border-bottom-left-radius: 0; | |
| } | |
| .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { | |
| -webkit-border-bottom-right-radius: 0; | |
| -moz-border-radius-bottomright: 0; | |
| border-bottom-right-radius: 0; | |
| } | |
| .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| } | |
| .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { | |
| background-color: #f9f9f9; | |
| } | |
| .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { | |
| background-color: #f5f5f5; | |
| } | |
| table td[class*="span"], table th[class*="span"] { | |
| display: table-cell; | |
| float: none; | |
| margin-left: 0; | |
| } | |
| .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { | |
| display: table-cell; | |
| float: none; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span1, UNUSED.table th.span1 { | |
| float: none; | |
| width: 40px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span2, UNUSED.table th.span2 { | |
| float: none; | |
| width: 124px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span3, UNUSED.table th.span3 { | |
| float: none; | |
| width: 208px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span4, UNUSED.table th.span4 { | |
| float: none; | |
| width: 292px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span5, UNUSED.table th.span5 { | |
| float: none; | |
| width: 376px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span6, UNUSED.table th.span6 { | |
| float: none; | |
| width: 460px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span7, UNUSED.table th.span7 { | |
| float: none; | |
| width: 544px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span8, UNUSED.table th.span8 { | |
| float: none; | |
| width: 628px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span9, UNUSED.table th.span9 { | |
| float: none; | |
| width: 712px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span10, UNUSED.table th.span10 { | |
| float: none; | |
| width: 796px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span11, UNUSED.table th.span11 { | |
| float: none; | |
| width: 880px; | |
| margin-left: 0; | |
| } | |
| UNUSED.table td.span12, UNUSED.table th.span12 { | |
| float: none; | |
| width: 964px; | |
| margin-left: 0; | |
| } | |
| .table tbody tr.success > td { | |
| background-color: #dff0d8; | |
| } | |
| .table tbody tr.error > td { | |
| background-color: #f2dede; | |
| } | |
| .table tbody tr.warning > td { | |
| background-color: #fcf8e3; | |
| } | |
| .table tbody tr.info > td { | |
| background-color: #d9edf7; | |
| } | |
| .table-hover tbody tr.success:hover > td { | |
| background-color: #d0e9c6; | |
| } | |
| .table-hover tbody tr.error:hover > td { | |
| background-color: #ebcccc; | |
| } | |
| .table-hover tbody tr.warning:hover > td { | |
| background-color: #faf2cc; | |
| } | |
| .table-hover tbody tr.info:hover > td { | |
| background-color: #c4e3f3; | |
| } | |
| form { | |
| margin: 0 0 20px; | |
| } | |
| label, input, button, select, textarea { | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 20px; | |
| } | |
| input, button, select, textarea { | |
| font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | |
| } | |
| label { | |
| display: block; | |
| margin-bottom: 5px; | |
| } | |
| select, textarea { | |
| display: inline-block; | |
| height: 20px; | |
| padding: 4px 6px; | |
| margin-bottom: 10px; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #555555; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| vertical-align: middle; | |
| } | |
| input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { | |
| display: inline-block; | |
| height: 20px; | |
| padding: 4px 6px; | |
| margin-bottom: 10px; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #555555; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| vertical-align: middle; | |
| } | |
| UNUSED.uneditable-input { | |
| display: inline-block; | |
| height: 20px; | |
| padding: 4px 6px; | |
| margin-bottom: 10px; | |
| font-size: 14px; | |
| line-height: 20px; | |
| color: #555555; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| vertical-align: middle; | |
| } | |
| input, textarea, .uneditable-input { | |
| width: 206px; | |
| } | |
| textarea { | |
| height: auto; | |
| background-color: #ffffff; | |
| border: 1px solid #cccccc; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -moz-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -o-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| transition: border linear 0.2s,box-shadow linear 0.2s; | |
| } | |
| input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { | |
| background-color: #ffffff; | |
| border: 1px solid #cccccc; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -moz-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -o-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| transition: border linear 0.2s,box-shadow linear 0.2s; | |
| } | |
| .uneditable-input { | |
| background-color: #ffffff; | |
| border: 1px solid #cccccc; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -webkit-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -moz-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| -o-transition: border linear 0.2s,box-shadow linear 0.2s; | |
| transition: border linear 0.2s,box-shadow linear 0.2s; | |
| } | |
| textarea:focus { | |
| border-color: rgba(82, 168, 236, 0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| } | |
| input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { | |
| border-color: rgba(82, 168, 236, 0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| } | |
| .uneditable-input:focus { | |
| border-color: rgba(82, 168, 236, 0.8); | |
| outline: 0; | |
| outline: thin dotted \9; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
| } | |
| input[type="radio"], input[type="checkbox"] { | |
| margin: 4px 0 0; | |
| *margin-top: 0; | |
| margin-top: 1px \9; | |
| line-height: normal; | |
| } | |
| input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { | |
| width: auto; | |
| } | |
| select, input[type="file"] { | |
| height: 30px; | |
| *margin-top: 4px; | |
| line-height: 30px; | |
| } | |
| select { | |
| width: 220px; | |
| border: 1px solid #cccccc; | |
| background-color: #ffffff; | |
| } | |
| select[multiple], select[size] { | |
| height: auto; | |
| } | |
| select:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| .uneditable-input, UNUSED.uneditable-textarea { | |
| color: #999999; | |
| background-color: #fcfcfc; | |
| border-color: #cccccc; | |
| -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); | |
| cursor: not-allowed; | |
| } | |
| .uneditable-input { | |
| overflow: hidden; | |
| white-space: nowrap; | |
| } | |
| .uneditable-textarea { | |
| width: auto; | |
| height: auto; | |
| } | |
| UNUSEDinput:-moz-placeholder, UNUSEDtextarea:-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder, input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { | |
| color: #999999; | |
| } | |
| UNUSED.radio, UNUSED.checkbox { | |
| min-height: 20px; | |
| padding-left: 20px; | |
| } | |
| .radio input[type="radio"], .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-left: -20px; | |
| } | |
| .controls > .radio:first-child, .controls > .checkbox:first-child { | |
| padding-top: 5px; | |
| } | |
| UNUSED.radio.inline, UNUSED.checkbox.inline { | |
| display: inline-block; | |
| padding-top: 5px; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { | |
| margin-left: 10px; | |
| } | |
| input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"] { | |
| float: none; | |
| margin-left: 0; | |
| } | |
| .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { | |
| float: none; | |
| margin-left: 0; | |
| } | |
| .input-append input[class*="span"], .input-append .uneditable-input[class*="span"] { | |
| display: inline-block; | |
| } | |
| .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"] { | |
| display: inline-block; | |
| } | |
| .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { | |
| display: inline-block; | |
| } | |
| input, textarea, .uneditable-input { | |
| margin-left: 0; | |
| } | |
| .controls-row [class*="span"] + [class*="span"] { | |
| margin-left: 28px; | |
| } | |
| UNUSEDinput.span12, UNUSEDtextarea.span12, UNUSED.uneditable-input.span12 { | |
| width: 966px; | |
| } | |
| UNUSEDinput.span11, UNUSEDtextarea.span11, UNUSED.uneditable-input.span11 { | |
| width: 882px; | |
| } | |
| UNUSEDinput.span10, UNUSEDtextarea.span10, UNUSED.uneditable-input.span10 { | |
| width: 798px; | |
| } | |
| UNUSEDinput.span9, UNUSEDtextarea.span9, UNUSED.uneditable-input.span9 { | |
| width: 714px; | |
| } | |
| UNUSEDinput.span8, UNUSEDtextarea.span8, UNUSED.uneditable-input.span8 { | |
| width: 630px; | |
| } | |
| UNUSEDinput.span7, UNUSEDtextarea.span7, UNUSED.uneditable-input.span7 { | |
| width: 546px; | |
| } | |
| UNUSEDinput.span6, UNUSEDtextarea.span6, UNUSED.uneditable-input.span6 { | |
| width: 462px; | |
| } | |
| UNUSEDinput.span5, UNUSEDtextarea.span5, UNUSED.uneditable-input.span5 { | |
| width: 378px; | |
| } | |
| UNUSEDinput.span4, UNUSEDtextarea.span4, UNUSED.uneditable-input.span4 { | |
| width: 294px; | |
| } | |
| UNUSEDinput.span3, UNUSEDtextarea.span3, UNUSED.uneditable-input.span3 { | |
| width: 210px; | |
| } | |
| UNUSEDinput.span2, UNUSEDtextarea.span2, UNUSED.uneditable-input.span2 { | |
| width: 126px; | |
| } | |
| UNUSEDinput.span1, UNUSEDtextarea.span1, UNUSED.uneditable-input.span1 { | |
| width: 42px; | |
| } | |
| .controls-row:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .controls-row:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .controls-row [class*="span"] { | |
| float: left; | |
| } | |
| .row-fluid .controls-row [class*="span"] { | |
| float: left; | |
| } | |
| .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { | |
| padding-top: 5px; | |
| } | |
| input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { | |
| cursor: not-allowed; | |
| background-color: #eeeeee; | |
| } | |
| input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { | |
| background-color: transparent; | |
| } | |
| UNUSED.control-group.warning .control-label, UNUSED.control-group.warning .help-block, UNUSED.control-group.warning .help-inline, UNUSED.control-group.warning .checkbox, UNUSED.control-group.warning .radio, UNUSED.control-group.warning input, UNUSED.control-group.warning select, UNUSED.control-group.warning textarea { | |
| color: #c09853; | |
| } | |
| .control-group.warning input, .control-group.warning select, .control-group.warning textarea { | |
| border-color: #c09853; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { | |
| border-color: #a47e3c; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | |
| } | |
| UNUSED.control-group.warning .input-prepend .add-on, UNUSED.control-group.warning .input-append .add-on { | |
| color: #c09853; | |
| background-color: #fcf8e3; | |
| border-color: #c09853; | |
| } | |
| UNUSED.control-group.error .control-label, UNUSED.control-group.error .help-block, UNUSED.control-group.error .help-inline, UNUSED.control-group.error .checkbox, UNUSED.control-group.error .radio, UNUSED.control-group.error input, UNUSED.control-group.error select, UNUSED.control-group.error textarea { | |
| color: #b94a48; | |
| } | |
| .control-group.error input, .control-group.error select, .control-group.error textarea { | |
| border-color: #b94a48; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { | |
| border-color: #953b39; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | |
| } | |
| UNUSED.control-group.error .input-prepend .add-on, UNUSED.control-group.error .input-append .add-on { | |
| color: #b94a48; | |
| background-color: #f2dede; | |
| border-color: #b94a48; | |
| } | |
| UNUSED.control-group.success .control-label, UNUSED.control-group.success .help-block, UNUSED.control-group.success .help-inline, UNUSED.control-group.success .checkbox, UNUSED.control-group.success .radio, UNUSED.control-group.success input, UNUSED.control-group.success select, UNUSED.control-group.success textarea { | |
| color: #468847; | |
| } | |
| .control-group.success input, .control-group.success select, .control-group.success textarea { | |
| border-color: #468847; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { | |
| border-color: #356635; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | |
| } | |
| UNUSED.control-group.success .input-prepend .add-on, UNUSED.control-group.success .input-append .add-on { | |
| color: #468847; | |
| background-color: #dff0d8; | |
| border-color: #468847; | |
| } | |
| UNUSED.control-group.info .control-label, UNUSED.control-group.info .help-block, UNUSED.control-group.info .help-inline, UNUSED.control-group.info .checkbox, UNUSED.control-group.info .radio, UNUSED.control-group.info input, UNUSED.control-group.info select, UNUSED.control-group.info textarea { | |
| color: #3a87ad; | |
| } | |
| .control-group.info input, .control-group.info select, .control-group.info textarea { | |
| border-color: #3a87ad; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
| } | |
| .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { | |
| border-color: #2d6987; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; | |
| } | |
| UNUSED.control-group.info .input-prepend .add-on, UNUSED.control-group.info .input-append .add-on { | |
| color: #3a87ad; | |
| background-color: #d9edf7; | |
| border-color: #3a87ad; | |
| } | |
| input:focus:invalid, textarea:focus:invalid, select:focus:invalid { | |
| color: #b94a48; | |
| border-color: #ee5f5b; | |
| } | |
| input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { | |
| border-color: #e9322d; | |
| -webkit-box-shadow: 0 0 6px #f8b9b7; | |
| -moz-box-shadow: 0 0 6px #f8b9b7; | |
| box-shadow: 0 0 6px #f8b9b7; | |
| } | |
| .form-actions:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .form-actions:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| UNUSED.help-block, UNUSED.help-inline { | |
| color: #595959; | |
| } | |
| .help-block { | |
| display: block; | |
| margin-bottom: 10px; | |
| } | |
| .help-inline { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| vertical-align: middle; | |
| padding-left: 5px; | |
| } | |
| UNUSED.input-append, UNUSED.input-prepend { | |
| display: inline-block; | |
| margin-bottom: 10px; | |
| vertical-align: middle; | |
| font-size: 0; | |
| white-space: nowrap; | |
| } | |
| UNUSED.input-append input, UNUSED.input-prepend input, UNUSED.input-append select, UNUSED.input-prepend select, UNUSED.input-append .uneditable-input, UNUSED.input-prepend .uneditable-input, UNUSED.input-append .dropdown-menu, UNUSED.input-prepend .dropdown-menu, UNUSED.input-append .popover, UNUSED.input-prepend .popover { | |
| font-size: 14px; | |
| } | |
| .input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { | |
| position: relative; | |
| margin-bottom: 0; | |
| *margin-left: 0; | |
| vertical-align: top; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus { | |
| z-index: 2; | |
| } | |
| UNUSED.input-append .add-on, UNUSED.input-prepend .add-on { | |
| display: inline-block; | |
| width: auto; | |
| height: 20px; | |
| min-width: 16px; | |
| padding: 4px 5px; | |
| font-size: 14px; | |
| font-weight: normal; | |
| line-height: 20px; | |
| text-align: center; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #eeeeee; | |
| border: 1px solid #ccc; | |
| } | |
| .input-append .add-on, .input-prepend .add-on { | |
| vertical-align: top; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| UNUSED.input-append .btn, UNUSED.input-prepend .btn { | |
| vertical-align: top; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle { | |
| vertical-align: top; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| UNUSED.input-append .active, UNUSED.input-prepend .active { | |
| background-color: #a9dba9; | |
| border-color: #46a546; | |
| } | |
| .input-prepend .add-on, .input-prepend .btn { | |
| margin-right: -1px; | |
| } | |
| UNUSED.input-prepend .add-on:first-child, UNUSED.input-prepend .btn:first-child { | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .input-append input, .input-append select, .input-append .uneditable-input { | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-append .add-on, .input-append .btn { | |
| margin-left: -1px; | |
| } | |
| UNUSED.input-append .btn-group { | |
| margin-left: -1px; | |
| } | |
| UNUSED.input-append .add-on:last-child, UNUSED.input-append .btn:last-child { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .input-append .btn-group:last-child > .dropdown-toggle { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| UNUSED.input-prepend.input-append input, UNUSED.input-prepend.input-append select, UNUSED.input-prepend.input-append .uneditable-input { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| UNUSED.input-prepend.input-append .add-on:first-child, UNUSED.input-prepend.input-append .btn:first-child { | |
| margin-right: -1px; | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| UNUSED.input-prepend.input-append .add-on:last-child, UNUSED.input-prepend.input-append .btn:last-child { | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| UNUSED.form-search .input-append .search-query, UNUSED.form-search .input-prepend .search-query { | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .form-search .input-append .search-query { | |
| -webkit-border-radius: 14px 0 0 14px; | |
| -moz-border-radius: 14px 0 0 14px; | |
| border-radius: 14px 0 0 14px; | |
| } | |
| .form-search .input-prepend .search-query { | |
| -webkit-border-radius: 0 14px 14px 0; | |
| -moz-border-radius: 0 14px 14px 0; | |
| border-radius: 0 14px 14px 0; | |
| } | |
| UNUSED.form-search input, UNUSED.form-inline input, UNUSED.form-horizontal input, UNUSED.form-search textarea, UNUSED.form-inline textarea, UNUSED.form-horizontal textarea, UNUSED.form-search select, UNUSED.form-inline select, UNUSED.form-horizontal select, UNUSED.form-search .help-inline, UNUSED.form-inline .help-inline, UNUSED.form-horizontal .help-inline, UNUSED.form-search .uneditable-input, UNUSED.form-inline .uneditable-input, UNUSED.form-horizontal .uneditable-input, UNUSED.form-search .input-prepend, UNUSED.form-inline .input-prepend, UNUSED.form-horizontal .input-prepend, UNUSED.form-search .input-append, UNUSED.form-inline .input-append, UNUSED.form-horizontal .input-append { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| UNUSED.form-search .hide, UNUSED.form-inline .hide, UNUSED.form-horizontal .hide { | |
| display: none; | |
| } | |
| UNUSED.form-search label, UNUSED.form-inline label, UNUSED.form-search .btn-group, UNUSED.form-inline .btn-group { | |
| display: inline-block; | |
| } | |
| .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { | |
| margin-bottom: 0; | |
| } | |
| UNUSED.form-search .radio, UNUSED.form-search .checkbox { | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| UNUSED.form-inline .radio, UNUSED.form-inline .checkbox { | |
| padding-left: 0; | |
| margin-bottom: 0; | |
| vertical-align: middle; | |
| } | |
| .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-right: 3px; | |
| margin-left: 0; | |
| } | |
| .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { | |
| float: left; | |
| margin-right: 3px; | |
| margin-left: 0; | |
| } | |
| legend + .control-group { | |
| margin-top: 20px; | |
| -webkit-margin-top-collapse: separate; | |
| } | |
| .form-horizontal .control-group:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .form-horizontal .control-group:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { | |
| margin-top: 10px; | |
| } | |
| .btn { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| padding: 4px 12px; | |
| margin-bottom: 0; | |
| font-size: 14px; | |
| line-height: 20px; | |
| text-align: center; | |
| vertical-align: middle; | |
| cursor: pointer; | |
| color: #333333; | |
| text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); | |
| background-color: #f5f5f5; | |
| background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); | |
| background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); | |
| background-image: linear, to bottom, #ffffff, #e6e6e6; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); | |
| border-color: #e6e6e6 #e6e6e6 #bfbfbf; | |
| border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); | |
| *background-color: #e6e6e6; | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| border: 1px solid #cccccc; | |
| *border: 0; | |
| border-bottom-color: #b3b3b3; | |
| -webkit-border-radius: 4px; | |
| -moz-border-radius: 4px; | |
| border-radius: 4px; | |
| *margin-left: 0.3em; | |
| -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| .btn:hover, .btn:focus { | |
| color: #333333; | |
| background-color: #e6e6e6; | |
| *background-color: #d9d9d9; | |
| } | |
| UNUSED.btn:active, UNUSED.btn.active, UNUSED.btn.disabled { | |
| color: #333333; | |
| background-color: #e6e6e6; | |
| *background-color: #d9d9d9; | |
| } | |
| .btn[disabled] { | |
| color: #333333; | |
| background-color: #e6e6e6; | |
| *background-color: #d9d9d9; | |
| } | |
| .btn:active, .btn.active { | |
| background-color: #cccccc \9; | |
| } | |
| .btn:hover { | |
| color: #333333; | |
| text-decoration: none; | |
| background-position: 0 -15px; | |
| -webkit-transition: background-position 0.1s linear; | |
| -moz-transition: background-position 0.1s linear; | |
| -o-transition: background-position 0.1s linear; | |
| transition: background-position 0.1s linear; | |
| } | |
| .btn:focus { | |
| color: #333333; | |
| text-decoration: none; | |
| background-position: 0 -15px; | |
| -webkit-transition: background-position 0.1s linear; | |
| -moz-transition: background-position 0.1s linear; | |
| -o-transition: background-position 0.1s linear; | |
| transition: background-position 0.1s linear; | |
| outline: thin dotted #333; | |
| outline: 5px auto -webkit-focus-ring-color; | |
| outline-offset: -2px; | |
| } | |
| .btn.active, .btn:active { | |
| background-image: none; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| .btn.disabled, .btn[disabled] { | |
| cursor: default; | |
| background-image: none; | |
| opacity: 0.65; | |
| filter: alpha(opacity=65); | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { | |
| margin-top: 4px; | |
| } | |
| .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { | |
| margin-top: 0; | |
| } | |
| .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { | |
| margin-top: -1px; | |
| } | |
| .btn-block + .btn-block { | |
| margin-top: 5px; | |
| } | |
| input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { | |
| width: 100%; | |
| } | |
| UNUSED.btn-primary.active, UNUSED.btn-warning.active, UNUSED.btn-danger.active, UNUSED.btn-success.active, UNUSED.btn-info.active, UNUSED.btn-inverse.active { | |
| color: rgba(255, 255, 255, 0.75); | |
| } | |
| .btn-primary:hover, .btn-primary:focus { | |
| color: #ffffff; | |
| background-color: #0044cc; | |
| *background-color: #003bb3; | |
| } | |
| UNUSED.btn-primary:active, .btn-primary.active, UNUSED.btn-primary.disabled { | |
| color: #ffffff; | |
| background-color: #0044cc; | |
| *background-color: #003bb3; | |
| } | |
| .btn-primary[disabled] { | |
| color: #ffffff; | |
| background-color: #0044cc; | |
| *background-color: #003bb3; | |
| } | |
| .btn-primary:active, .btn-primary.active { | |
| background-color: #003399 \9; | |
| } | |
| .btn-warning:hover, .btn-warning:focus { | |
| color: #ffffff; | |
| background-color: #f89406; | |
| *background-color: #df8505; | |
| } | |
| UNUSED.btn-warning:active, .btn-warning.active, UNUSED.btn-warning.disabled { | |
| color: #ffffff; | |
| background-color: #f89406; | |
| *background-color: #df8505; | |
| } | |
| .btn-warning[disabled] { | |
| color: #ffffff; | |
| background-color: #f89406; | |
| *background-color: #df8505; | |
| } | |
| .btn-warning:active, .btn-warning.active { | |
| background-color: #c67605 \9; | |
| } | |
| .btn-danger:hover, .btn-danger:focus { | |
| color: #ffffff; | |
| background-color: #bd362f; | |
| *background-color: #a9302a; | |
| } | |
| UNUSED.btn-danger:active, .btn-danger.active, UNUSED.btn-danger.disabled { | |
| color: #ffffff; | |
| background-color: #bd362f; | |
| *background-color: #a9302a; | |
| } | |
| .btn-danger[disabled] { | |
| color: #ffffff; | |
| background-color: #bd362f; | |
| *background-color: #a9302a; | |
| } | |
| .btn-danger:active, .btn-danger.active { | |
| background-color: #942a25 \9; | |
| } | |
| .btn-success:hover, .btn-success:focus { | |
| color: #ffffff; | |
| background-color: #51a351; | |
| *background-color: #499249; | |
| } | |
| UNUSED.btn-success:active, .btn-success.active, UNUSED.btn-success.disabled { | |
| color: #ffffff; | |
| background-color: #51a351; | |
| *background-color: #499249; | |
| } | |
| .btn-success[disabled] { | |
| color: #ffffff; | |
| background-color: #51a351; | |
| *background-color: #499249; | |
| } | |
| .btn-success:active, .btn-success.active { | |
| background-color: #408140 \9; | |
| } | |
| .btn-info:hover, .btn-info:focus { | |
| color: #ffffff; | |
| background-color: #2f96b4; | |
| *background-color: #2a85a0; | |
| } | |
| UNUSED.btn-info:active, .btn-info.active, UNUSED.btn-info.disabled { | |
| color: #ffffff; | |
| background-color: #2f96b4; | |
| *background-color: #2a85a0; | |
| } | |
| .btn-info[disabled] { | |
| color: #ffffff; | |
| background-color: #2f96b4; | |
| *background-color: #2a85a0; | |
| } | |
| .btn-info:active, .btn-info.active { | |
| background-color: #24748c \9; | |
| } | |
| .btn-inverse:hover, .btn-inverse:focus { | |
| color: #ffffff; | |
| background-color: #222222; | |
| *background-color: #151515; | |
| } | |
| UNUSED.btn-inverse:active, .btn-inverse.active, UNUSED.btn-inverse.disabled { | |
| color: #ffffff; | |
| background-color: #222222; | |
| *background-color: #151515; | |
| } | |
| .btn-inverse[disabled] { | |
| color: #ffffff; | |
| background-color: #222222; | |
| *background-color: #151515; | |
| } | |
| .btn-inverse:active, .btn-inverse.active { | |
| background-color: #080808 \9; | |
| } | |
| button.btn, input[type="submit"].btn { | |
| *padding-top: 3px; | |
| *padding-bottom: 3px; | |
| } | |
| UNUSEDbutton.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { | |
| padding: 0; | |
| border: 0; | |
| } | |
| UNUSEDbutton.btn.btn-large, input[type="submit"].btn.btn-large { | |
| *padding-top: 7px; | |
| *padding-bottom: 7px; | |
| } | |
| UNUSEDbutton.btn.btn-small, input[type="submit"].btn.btn-small { | |
| *padding-top: 3px; | |
| *padding-bottom: 3px; | |
| } | |
| UNUSEDbutton.btn.btn-mini, input[type="submit"].btn.btn-mini { | |
| *padding-top: 1px; | |
| *padding-bottom: 1px; | |
| } | |
| UNUSED.btn-link { | |
| background-color: transparent; | |
| background-image: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| UNUSED.btn-link:active { | |
| background-color: transparent; | |
| background-image: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn-link { | |
| border-color: transparent; | |
| cursor: pointer; | |
| color: #0088cc; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .btn-link[disabled] { | |
| background-color: transparent; | |
| background-image: none; | |
| -webkit-box-shadow: none; | |
| -moz-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .btn-link:hover, .btn-link:focus { | |
| color: #005580; | |
| text-decoration: underline; | |
| background-color: transparent; | |
| } | |
| .btn-link[disabled]:hover, .btn-link[disabled]:focus { | |
| color: #333333; | |
| text-decoration: none; | |
| } | |
| [class^="icon-"], [class*=" icon-"] { | |
| display: inline-block; | |
| width: 14px; | |
| height: 14px; | |
| *margin-right: 0.3em; | |
| line-height: 14px; | |
| vertical-align: text-top; | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings.png); | |
| background-position: 14px 14px; | |
| background-repeat: no-repeat; | |
| margin-top: 1px; | |
| } | |
| UNUSED.icon-white { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > li > a:focus > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:focus > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"], .dropdown-submenu:focus > a > [class*=" icon-"] { | |
| background-image: url(/sites/all/themes/mag_redesign/bootstrap/img/glyphicons-halflings-white.png); | |
| } | |
| .btn-group + .btn-group { | |
| margin-left: 5px; | |
| } | |
| .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { | |
| margin-left: 5px; | |
| } | |
| .btn-group > .btn { | |
| position: relative; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| font-size: 14px; | |
| } | |
| .btn-group > .btn + .btn { | |
| margin-left: -1px; | |
| } | |
| .btn-group > .dropdown-menu, .btn-group > .popover { | |
| font-size: 14px; | |
| } | |
| .btn-group > .btn-mini { | |
| font-size: 10.5px; | |
| } | |
| .btn-group > .btn-small { | |
| font-size: 11.9px; | |
| } | |
| .btn-group > .btn-large { | |
| font-size: 17.5px; | |
| } | |
| .btn-group > .btn:first-child { | |
| margin-left: 0; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .btn-group > .btn:last-child { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .btn-group > .dropdown-toggle { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .btn-group > .btn.large:first-child { | |
| margin-left: 0; | |
| -webkit-border-top-left-radius: 6px; | |
| -moz-border-radius-topleft: 6px; | |
| border-top-left-radius: 6px; | |
| -webkit-border-bottom-left-radius: 6px; | |
| -moz-border-radius-bottomleft: 6px; | |
| border-bottom-left-radius: 6px; | |
| } | |
| .btn-group > .btn.large:last-child { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| .btn-group > .large.dropdown-toggle { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { | |
| z-index: 2; | |
| } | |
| UNUSED.btn-group .dropdown-toggle:active, UNUSED.btn-group.open .dropdown-toggle { | |
| outline: 0; | |
| } | |
| .btn-group > .btn + .dropdown-toggle { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| *padding-top: 5px; | |
| *padding-bottom: 5px; | |
| } | |
| .btn-group > .btn-mini + .dropdown-toggle { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| *padding-top: 2px; | |
| *padding-bottom: 2px; | |
| } | |
| .btn-group > .btn-small + .dropdown-toggle { | |
| *padding-top: 5px; | |
| *padding-bottom: 4px; | |
| } | |
| .btn-group > .btn-large + .dropdown-toggle { | |
| padding-left: 12px; | |
| padding-right: 12px; | |
| *padding-top: 7px; | |
| *padding-bottom: 7px; | |
| } | |
| .btn-group.open .dropdown-toggle { | |
| background-image: none; | |
| -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); | |
| } | |
| .btn-large .caret { | |
| border-left-width: 5px; | |
| border-right-width: 5px; | |
| border-top-width: 5px; | |
| } | |
| UNUSED.btn-mini .caret, UNUSED.btn-small .caret { | |
| margin-top: 8px; | |
| } | |
| UNUSED.btn-primary .caret, UNUSED.btn-warning .caret, UNUSED.btn-danger .caret, UNUSED.btn-info .caret, UNUSED.btn-success .caret, UNUSED.btn-inverse .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| .btn-group-vertical > .btn { | |
| display: block; | |
| float: none; | |
| max-width: 100%; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .btn-group-vertical > .btn + .btn { | |
| margin-left: 0; | |
| margin-top: -1px; | |
| } | |
| .btn-group-vertical > .btn:first-child { | |
| -webkit-border-radius: 4px 4px 0 0; | |
| -moz-border-radius: 4px 4px 0 0; | |
| border-radius: 4px 4px 0 0; | |
| } | |
| .btn-group-vertical > .btn:last-child { | |
| -webkit-border-radius: 0 0 4px 4px; | |
| -moz-border-radius: 0 0 4px 4px; | |
| border-radius: 0 0 4px 4px; | |
| } | |
| .btn-group-vertical > .btn-large:first-child { | |
| -webkit-border-radius: 6px 6px 0 0; | |
| -moz-border-radius: 6px 6px 0 0; | |
| border-radius: 6px 6px 0 0; | |
| } | |
| .btn-group-vertical > .btn-large:last-child { | |
| -webkit-border-radius: 0 0 6px 6px; | |
| -moz-border-radius: 0 0 6px 6px; | |
| border-radius: 0 0 6px 6px; | |
| } | |
| .nav { | |
| margin-left: 0; | |
| margin-bottom: 20px; | |
| list-style: none; | |
| } | |
| .nav > li > a { | |
| display: block; | |
| } | |
| .nav > li > a:hover, .nav > li > a:focus { | |
| text-decoration: none; | |
| background-color: #eeeeee; | |
| } | |
| .nav > li > a > img { | |
| max-width: none; | |
| } | |
| .nav > .pull-right { | |
| float: right; | |
| } | |
| .nav-header { | |
| display: block; | |
| padding: 3px 15px; | |
| font-size: 11px; | |
| font-weight: bold; | |
| line-height: 20px; | |
| color: #999999; | |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| text-transform: uppercase; | |
| } | |
| .nav li + .nav-header { | |
| margin-top: 9px; | |
| } | |
| .nav-list > li > a, UNUSED.nav-list .nav-header { | |
| margin-left: -15px; | |
| margin-right: -15px; | |
| text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| } | |
| .nav-list > li > a { | |
| padding: 3px 15px; | |
| } | |
| .nav-list > .active > a { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
| background-color: #0088cc; | |
| } | |
| .nav-list > .active > a:hover, .nav-list > .active > a:focus { | |
| color: #ffffff; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
| background-color: #0088cc; | |
| } | |
| .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { | |
| margin-right: 2px; | |
| } | |
| UNUSED.nav-tabs, UNUSED.nav-pills { | |
| *zoom: 1; | |
| } | |
| .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .nav-tabs:after, .nav-pills:after { | |
| clear: both; | |
| } | |
| .nav-tabs > li, .nav-pills > li { | |
| float: left; | |
| } | |
| .nav-tabs > li > a, .nav-pills > li > a { | |
| padding-right: 12px; | |
| padding-left: 12px; | |
| margin-right: 2px; | |
| line-height: 14px; | |
| } | |
| .nav-tabs { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .nav-tabs > li { | |
| margin-bottom: -1px; | |
| } | |
| .nav-tabs > li > a { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| line-height: 20px; | |
| border: 1px solid transparent; | |
| -webkit-border-radius: 4px 4px 0 0; | |
| -moz-border-radius: 4px 4px 0 0; | |
| border-radius: 4px 4px 0 0; | |
| } | |
| .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { | |
| border-color: #eeeeee #eeeeee #dddddd; | |
| } | |
| .nav-tabs > .active > a { | |
| color: #555555; | |
| background-color: #ffffff; | |
| border: 1px solid #ddd; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| } | |
| .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { | |
| color: #555555; | |
| background-color: #ffffff; | |
| border: 1px solid #ddd; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| } | |
| .nav-pills > li > a { | |
| padding-top: 8px; | |
| padding-bottom: 8px; | |
| margin-top: 2px; | |
| margin-bottom: 2px; | |
| -webkit-border-radius: 5px; | |
| -moz-border-radius: 5px; | |
| border-radius: 5px; | |
| } | |
| .nav-pills > .active > a { | |
| color: #ffffff; | |
| background-color: #0088cc; | |
| } | |
| .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { | |
| color: #ffffff; | |
| background-color: #0088cc; | |
| } | |
| .nav-stacked > li { | |
| float: none; | |
| } | |
| .nav-stacked > li > a { | |
| margin-right: 0; | |
| } | |
| .nav-tabs.nav-stacked > li > a { | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .nav-tabs.nav-stacked > li:first-child > a { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| } | |
| .nav-tabs.nav-stacked > li:last-child > a { | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { | |
| border-color: #ddd; | |
| z-index: 2; | |
| } | |
| .nav-pills.nav-stacked > li > a { | |
| margin-bottom: 3px; | |
| } | |
| .nav-pills.nav-stacked > li:last-child > a { | |
| margin-bottom: 1px; | |
| } | |
| .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { | |
| border-top-color: #005580; | |
| border-bottom-color: #005580; | |
| } | |
| .nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { | |
| cursor: pointer; | |
| } | |
| UNUSED.nav-tabs .open .dropdown-toggle, UNUSED.nav-pills .open .dropdown-toggle { | |
| color: #ffffff; | |
| background-color: #999999; | |
| border-color: #999999; | |
| } | |
| .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus { | |
| color: #ffffff; | |
| background-color: #999999; | |
| border-color: #999999; | |
| } | |
| UNUSED.nav li.dropdown.open .caret, UNUSED.nav li.dropdown.open.active .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| } | |
| .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| opacity: 1; | |
| filter: alpha(opacity=100); | |
| } | |
| .tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus { | |
| border-color: #999999; | |
| } | |
| .tabbable:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .tabbable:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { | |
| border-bottom: 0; | |
| } | |
| .tab-content > .tab-pane, .pill-content > .pill-pane { | |
| display: none; | |
| } | |
| .tab-content > .active, .pill-content > .active { | |
| display: block; | |
| } | |
| .tabs-below > .nav-tabs { | |
| border-top: 1px solid #ddd; | |
| } | |
| .tabs-below > .nav-tabs > li { | |
| margin-top: -1px; | |
| margin-bottom: 0; | |
| } | |
| .tabs-below > .nav-tabs > li > a { | |
| -webkit-border-radius: 0 0 4px 4px; | |
| -moz-border-radius: 0 0 4px 4px; | |
| border-radius: 0 0 4px 4px; | |
| } | |
| .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { | |
| border-bottom-color: transparent; | |
| border-top-color: #ddd; | |
| } | |
| .tabs-below > .nav-tabs > .active > a { | |
| border-color: transparent #ddd #ddd #ddd; | |
| } | |
| .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { | |
| border-color: transparent #ddd #ddd #ddd; | |
| } | |
| .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { | |
| float: none; | |
| } | |
| .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { | |
| min-width: 74px; | |
| margin-right: 0; | |
| margin-bottom: 3px; | |
| } | |
| .tabs-left > .nav-tabs { | |
| float: left; | |
| margin-right: 19px; | |
| border-right: 1px solid #ddd; | |
| } | |
| .tabs-left > .nav-tabs > li > a { | |
| margin-right: -1px; | |
| -webkit-border-radius: 4px 0 0 4px; | |
| -moz-border-radius: 4px 0 0 4px; | |
| border-radius: 4px 0 0 4px; | |
| } | |
| .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { | |
| border-color: #eeeeee #dddddd #eeeeee #eeeeee; | |
| } | |
| .tabs-left > .nav-tabs .active > a { | |
| border-color: #ddd transparent #ddd #ddd; | |
| *border-right-color: #ffffff; | |
| } | |
| .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { | |
| border-color: #ddd transparent #ddd #ddd; | |
| *border-right-color: #ffffff; | |
| } | |
| .tabs-right > .nav-tabs { | |
| float: right; | |
| margin-left: 19px; | |
| border-left: 1px solid #ddd; | |
| } | |
| .tabs-right > .nav-tabs > li > a { | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 4px 4px 0; | |
| -moz-border-radius: 0 4px 4px 0; | |
| border-radius: 0 4px 4px 0; | |
| } | |
| .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { | |
| border-color: #eeeeee #eeeeee #eeeeee #dddddd; | |
| } | |
| .tabs-right > .nav-tabs .active > a { | |
| border-color: #ddd #ddd #ddd transparent; | |
| *border-left-color: #ffffff; | |
| } | |
| .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { | |
| border-color: #ddd #ddd #ddd transparent; | |
| *border-left-color: #ffffff; | |
| } | |
| .nav > .disabled > a { | |
| color: #999999; | |
| } | |
| .nav > .disabled > a:hover, .nav > .disabled > a:focus { | |
| text-decoration: none; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| .navbar-inner:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .navbar-inner:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .navbar .brand:hover, .navbar .brand:focus { | |
| text-decoration: none; | |
| } | |
| .navbar-link:hover, .navbar-link:focus { | |
| color: #333333; | |
| } | |
| UNUSED.navbar .btn { | |
| margin-top: 5px; | |
| } | |
| UNUSED.navbar .btn-group { | |
| margin-top: 5px; | |
| } | |
| UNUSED.navbar .btn-group .btn { | |
| margin-top: 0; | |
| } | |
| UNUSED.navbar .input-prepend .btn, UNUSED.navbar .input-append .btn, UNUSED.navbar .input-prepend .btn-group, UNUSED.navbar .input-append .btn-group { | |
| margin-top: 0; | |
| } | |
| .navbar-form:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .navbar-form:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| UNUSED.navbar-form input, UNUSED.navbar-form select, UNUSED.navbar-form .radio, UNUSED.navbar-form .checkbox { | |
| margin-top: 5px; | |
| } | |
| .navbar-form input, .navbar-form select { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| } | |
| UNUSED.navbar-form .btn { | |
| display: inline-block; | |
| margin-bottom: 0; | |
| } | |
| .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { | |
| margin-top: 3px; | |
| } | |
| UNUSED.navbar-form .input-append, UNUSED.navbar-form .input-prepend { | |
| margin-top: 5px; | |
| white-space: nowrap; | |
| } | |
| UNUSED.navbar-form .input-append input, UNUSED.navbar-form .input-prepend input { | |
| margin-top: 0; | |
| } | |
| UNUSED.navbar-fixed-top, UNUSED.navbar-fixed-bottom { | |
| position: fixed; | |
| right: 0; | |
| left: 0; | |
| z-index: 1030; | |
| margin-bottom: 0; | |
| } | |
| UNUSED.navbar-fixed-top .navbar-inner { | |
| border-width: 0 0 1px; | |
| } | |
| .navbar-static-top .navbar-inner { | |
| border-width: 0 0 1px; | |
| } | |
| .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { | |
| padding-left: 0; | |
| padding-right: 0; | |
| -webkit-border-radius: 0; | |
| -moz-border-radius: 0; | |
| border-radius: 0; | |
| } | |
| .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { | |
| width: 980px; | |
| } | |
| .navbar-fixed-top { | |
| top: 0; | |
| } | |
| .navbar-fixed-top .navbar-inner { | |
| -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| .navbar-static-top .navbar-inner { | |
| -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| .navbar-fixed-bottom { | |
| bottom: 0; | |
| } | |
| .navbar-fixed-bottom .navbar-inner { | |
| -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | |
| -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | |
| box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); | |
| } | |
| .navbar .nav > li { | |
| float: left; | |
| } | |
| .navbar .nav > li > a { | |
| float: none; | |
| padding: 10px 15px 10px; | |
| color: #777777; | |
| text-decoration: none; | |
| text-shadow: 0 1px 0 #ffffff; | |
| } | |
| .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { | |
| background-color: transparent; | |
| color: #333333; | |
| text-decoration: none; | |
| } | |
| .navbar .nav > .active > a { | |
| color: #555555; | |
| text-decoration: none; | |
| background-color: #e5e5e5; | |
| -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| } | |
| .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { | |
| color: #555555; | |
| text-decoration: none; | |
| background-color: #e5e5e5; | |
| -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); | |
| } | |
| .navbar .btn-navbar:hover, .navbar .btn-navbar:focus { | |
| color: #ffffff; | |
| background-color: #e5e5e5; | |
| *background-color: #d9d9d9; | |
| } | |
| UNUSED.navbar .btn-navbar:active, UNUSED.navbar .btn-navbar.active, UNUSED.navbar .btn-navbar.disabled { | |
| color: #ffffff; | |
| background-color: #e5e5e5; | |
| *background-color: #d9d9d9; | |
| } | |
| .navbar .btn-navbar[disabled] { | |
| color: #ffffff; | |
| background-color: #e5e5e5; | |
| *background-color: #d9d9d9; | |
| } | |
| .navbar .btn-navbar:active, .navbar .btn-navbar.active { | |
| background-color: #cccccc \9; | |
| } | |
| .btn-navbar .icon-bar + .icon-bar { | |
| margin-top: 3px; | |
| } | |
| .navbar .nav > li > .dropdown-menu:before { | |
| content: ''; | |
| display: inline-block; | |
| border-left: 7px solid transparent; | |
| border-right: 7px solid transparent; | |
| border-bottom: 7px solid #ccc; | |
| border-bottom-color: rgba(0, 0, 0, 0.2); | |
| position: absolute; | |
| top: -7px; | |
| left: 9px; | |
| } | |
| .navbar .nav > li > .dropdown-menu:after { | |
| content: ''; | |
| display: inline-block; | |
| border-left: 6px solid transparent; | |
| border-right: 6px solid transparent; | |
| border-bottom: 6px solid #ffffff; | |
| position: absolute; | |
| top: -6px; | |
| left: 10px; | |
| } | |
| .navbar-fixed-bottom .nav > li > .dropdown-menu:before { | |
| border-top: 7px solid #ccc; | |
| border-top-color: rgba(0, 0, 0, 0.2); | |
| border-bottom: 0; | |
| bottom: -7px; | |
| top: auto; | |
| } | |
| .navbar-fixed-bottom .nav > li > .dropdown-menu:after { | |
| border-top: 6px solid #ffffff; | |
| border-bottom: 0; | |
| bottom: -6px; | |
| top: auto; | |
| } | |
| .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { | |
| border-top-color: #333333; | |
| border-bottom-color: #333333; | |
| } | |
| .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle { | |
| background-color: #e5e5e5; | |
| color: #555555; | |
| } | |
| .navbar .nav li.dropdown.open.active > .dropdown-toggle { | |
| background-color: #e5e5e5; | |
| color: #555555; | |
| } | |
| .navbar .nav li.dropdown.open > .dropdown-toggle .caret { | |
| border-top-color: #555555; | |
| border-bottom-color: #555555; | |
| } | |
| .navbar .nav li.dropdown > .dropdown-toggle .caret { | |
| border-top-color: #777777; | |
| border-bottom-color: #777777; | |
| } | |
| .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { | |
| border-top-color: #555555; | |
| border-bottom-color: #555555; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { | |
| left: auto; | |
| right: 0; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { | |
| left: auto; | |
| right: 12px; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { | |
| left: auto; | |
| right: 13px; | |
| } | |
| .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { | |
| left: auto; | |
| right: 100%; | |
| margin-left: 0; | |
| margin-right: -1px; | |
| -webkit-border-radius: 6px 0 6px 6px; | |
| -moz-border-radius: 6px 0 6px 6px; | |
| border-radius: 6px 0 6px 6px; | |
| } | |
| UNUSED.navbar-inverse .brand { | |
| color: #999999; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| } | |
| .navbar-inverse .nav > li > a { | |
| color: #999999; | |
| text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| } | |
| .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .brand { | |
| color: #999999; | |
| } | |
| .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { | |
| background-color: transparent; | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .nav .active > a { | |
| color: #ffffff; | |
| background-color: #111111; | |
| } | |
| .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { | |
| color: #ffffff; | |
| background-color: #111111; | |
| } | |
| .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle { | |
| background-color: #111111; | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { | |
| background-color: #111111; | |
| color: #ffffff; | |
| } | |
| .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| .navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { | |
| border-top-color: #999999; | |
| border-bottom-color: #999999; | |
| } | |
| .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { | |
| border-top-color: #ffffff; | |
| border-bottom-color: #ffffff; | |
| } | |
| .navbar-inverse .navbar-search .search-query:-ms-input-placeholder, .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { | |
| color: #cccccc; | |
| } | |
| .navbar-inverse .navbar-search .search-query:focus { | |
| padding: 5px 15px; | |
| color: #333333; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #ffffff; | |
| border: 0; | |
| -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| outline: 0; | |
| } | |
| UNUSED.navbar-inverse .navbar-search .search-query.focused { | |
| padding: 5px 15px; | |
| color: #333333; | |
| text-shadow: 0 1px 0 #ffffff; | |
| background-color: #ffffff; | |
| border: 0; | |
| -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); | |
| outline: 0; | |
| } | |
| .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus { | |
| color: #ffffff; | |
| background-color: #040404; | |
| *background-color: #000000; | |
| } | |
| UNUSED.navbar-inverse .btn-navbar:active, UNUSED.navbar-inverse .btn-navbar.active, UNUSED.navbar-inverse .btn-navbar.disabled { | |
| color: #ffffff; | |
| background-color: #040404; | |
| *background-color: #000000; | |
| } | |
| .navbar-inverse .btn-navbar[disabled] { | |
| color: #ffffff; | |
| background-color: #040404; | |
| *background-color: #000000; | |
| } | |
| .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { | |
| background-color: #000000 \9; | |
| } | |
| .breadcrumb > li { | |
| display: inline-block; | |
| *display: inline; | |
| *zoom: 1; | |
| text-shadow: 0 1px 0 #ffffff; | |
| } | |
| .breadcrumb > li > .divider { | |
| padding: 0 5px; | |
| color: #ccc; | |
| } | |
| .breadcrumb > .active { | |
| color: #999999; | |
| } | |
| .pagination ul > li { | |
| display: inline; | |
| } | |
| .pagination ul > li > a, .pagination ul > li > span { | |
| float: left; | |
| padding: 4px 12px; | |
| line-height: 20px; | |
| text-decoration: none; | |
| background-color: #ffffff; | |
| border: 1px solid #dddddd; | |
| border-left-width: 0; | |
| } | |
| .pagination ul > li > a:hover, .pagination ul > li > a:focus { | |
| background-color: #f5f5f5; | |
| } | |
| .pagination ul > .active > a, .pagination ul > .active > span { | |
| background-color: #f5f5f5; | |
| } | |
| .pagination ul > .active > a, .pagination ul > .active > span { | |
| color: #999999; | |
| cursor: default; | |
| } | |
| .pagination ul > .disabled > span { | |
| color: #999999; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| .pagination ul > .disabled > a { | |
| color: #999999; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { | |
| color: #999999; | |
| background-color: transparent; | |
| cursor: default; | |
| } | |
| .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { | |
| border-left-width: 1px; | |
| -webkit-border-top-left-radius: 4px; | |
| -moz-border-radius-topleft: 4px; | |
| border-top-left-radius: 4px; | |
| -webkit-border-bottom-left-radius: 4px; | |
| -moz-border-radius-bottomleft: 4px; | |
| border-bottom-left-radius: 4px; | |
| } | |
| .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 4px; | |
| -moz-border-radius-topright: 4px; | |
| border-top-right-radius: 4px; | |
| -webkit-border-bottom-right-radius: 4px; | |
| -moz-border-radius-bottomright: 4px; | |
| border-bottom-right-radius: 4px; | |
| } | |
| .pagination-large ul > li > a, .pagination-large ul > li > span { | |
| padding: 11px 19px; | |
| font-size: 17.5px; | |
| } | |
| .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { | |
| -webkit-border-top-left-radius: 6px; | |
| -moz-border-radius-topleft: 6px; | |
| border-top-left-radius: 6px; | |
| -webkit-border-bottom-left-radius: 6px; | |
| -moz-border-radius-bottomleft: 6px; | |
| border-bottom-left-radius: 6px; | |
| } | |
| .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 6px; | |
| -moz-border-radius-topright: 6px; | |
| border-top-right-radius: 6px; | |
| -webkit-border-bottom-right-radius: 6px; | |
| -moz-border-radius-bottomright: 6px; | |
| border-bottom-right-radius: 6px; | |
| } | |
| .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { | |
| -webkit-border-top-left-radius: 3px; | |
| -moz-border-radius-topleft: 3px; | |
| border-top-left-radius: 3px; | |
| -webkit-border-bottom-left-radius: 3px; | |
| -moz-border-radius-bottomleft: 3px; | |
| border-bottom-left-radius: 3px; | |
| } | |
| .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 3px; | |
| -moz-border-radius-topright: 3px; | |
| border-top-right-radius: 3px; | |
| -webkit-border-bottom-right-radius: 3px; | |
| -moz-border-radius-bottomright: 3px; | |
| border-bottom-right-radius: 3px; | |
| } | |
| .pagination-small ul > li:last-child > span { | |
| -webkit-border-top-right-radius: 3px; | |
| -moz-border-radius-topright: 3px; | |
| border-top-right-radius: 3px; | |
| -webkit-border-bottom-right-radius: 3px; | |
| -moz-border-radius-bottomright: 3px; | |
| border-bottom-right-radius: 3px; | |
| } | |
| .pagination-small ul > li > a, .pagination-small ul > li > span { | |
| padding: 2px 10px; | |
| font-size: 11.9px; | |
| } | |
| .pagination-mini ul > li > a, .pagination-mini ul > li > span { | |
| padding: 0 6px; | |
| font-size: 10.5px; | |
| } | |
| .pager:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .pager:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .pager li > a, .pager li > span { | |
| display: inline-block; | |
| padding: 5px 14px; | |
| background-color: #fff; | |
| border: 1px solid #ddd; | |
| -webkit-border-radius: 15px; | |
| -moz-border-radius: 15px; | |
| border-radius: 15px; | |
| } | |
| .pager li > a:hover, .pager li > a:focus { | |
| text-decoration: none; | |
| background-color: #f5f5f5; | |
| } | |
| .pager .next > a, .pager .next > span { | |
| float: right; | |
| } | |
| .pager .previous > a, .pager .previous > span { | |
| float: left; | |
| } | |
| .pager .disabled > a { | |
| color: #999999; | |
| background-color: #fff; | |
| cursor: default; | |
| } | |
| .pager .disabled > a:hover, .pager .disabled > a:focus { | |
| color: #999999; | |
| background-color: #fff; | |
| cursor: default; | |
| } | |
| .pager .disabled > span { | |
| color: #999999; | |
| background-color: #fff; | |
| cursor: default; | |
| } | |
| .thumbnails:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .thumbnails:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .thumbnails > li { | |
| float: left; | |
| margin-bottom: 20px; | |
| margin-left: 28px; | |
| } | |
| a.thumbnail:hover, a.thumbnail:focus { | |
| border-color: #0088cc; | |
| -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); | |
| } | |
| .thumbnail > img { | |
| display: block; | |
| max-width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .alert, UNUSED.alert h4 { | |
| color: #c09853; | |
| } | |
| .alert h4 { | |
| margin: 0; | |
| } | |
| UNUSED.alert-danger, UNUSED.alert-error { | |
| background-color: #f2dede; | |
| border-color: #eed3d7; | |
| color: #b94a48; | |
| } | |
| UNUSED.alert-danger h4, UNUSED.alert-error h4 { | |
| color: #b94a48; | |
| } | |
| .alert-block > p, .alert-block > ul { | |
| margin-bottom: 0; | |
| } | |
| .alert-block p + p { | |
| margin-top: 5px; | |
| } | |
| @-webkit-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-moz-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-ms-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| @-o-keyframes progress-bar-stripes { | |
| from { | |
| background-position: 0 0; | |
| } | |
| to { | |
| background-position: 40px 0; | |
| } | |
| } | |
| @keyframes progress-bar-stripes { | |
| from { | |
| background-position: 40px 0; | |
| } | |
| to { | |
| background-position: 0 0; | |
| } | |
| } | |
| .progress .bar + .bar { | |
| -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); | |
| } | |
| UNUSED.progress-danger .bar, UNUSED.progress .bar-danger { | |
| background-color: #dd514c; | |
| background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); | |
| background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); | |
| background-image: linear, to bottom, #ee5f5b, #c43c35; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0); | |
| } | |
| UNUSED.progress-danger.progress-striped .bar, UNUSED.progress-striped .bar-danger { | |
| background-color: #ee5f5b; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear, 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent; | |
| } | |
| UNUSED.progress-success .bar, UNUSED.progress .bar-success { | |
| background-color: #5eb95e; | |
| background-image: -moz-linear-gradient(top, #62c462, #57a957); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); | |
| background-image: -webkit-linear-gradient(top, #62c462, #57a957); | |
| background-image: -o-linear-gradient(top, #62c462, #57a957); | |
| background-image: linear, to bottom, #62c462, #57a957; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0); | |
| } | |
| UNUSED.progress-success.progress-striped .bar, UNUSED.progress-striped .bar-success { | |
| background-color: #62c462; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear, 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent; | |
| } | |
| UNUSED.progress-info .bar, UNUSED.progress .bar-info { | |
| background-color: #4bb1cf; | |
| background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); | |
| background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: -o-linear-gradient(top, #5bc0de, #339bb9); | |
| background-image: linear, to bottom, #5bc0de, #339bb9; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0); | |
| } | |
| UNUSED.progress-info.progress-striped .bar, UNUSED.progress-striped .bar-info { | |
| background-color: #5bc0de; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear, 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent; | |
| } | |
| UNUSED.progress-warning .bar, UNUSED.progress .bar-warning { | |
| background-color: #faa732; | |
| background-image: -moz-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); | |
| background-image: -webkit-linear-gradient(top, #fbb450, #f89406); | |
| background-image: -o-linear-gradient(top, #fbb450, #f89406); | |
| background-image: linear, to bottom, #fbb450, #f89406; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0); | |
| } | |
| UNUSED.progress-warning.progress-striped .bar, UNUSED.progress-striped .bar-warning { | |
| background-color: #fbb450; | |
| background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
| background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
| background-image: linear, 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent; | |
| } | |
| UNUSED.media, UNUSED.media-body { | |
| overflow: hidden; | |
| *overflow: visible; | |
| zoom: 1; | |
| } | |
| .media, UNUSED.media .media { | |
| margin-top: 15px; | |
| } | |
| .media > .pull-left { | |
| margin-right: 10px; | |
| } | |
| .media > .pull-right { | |
| margin-left: 10px; | |
| } | |
| UNUSED.popover .arrow { | |
| position: absolute; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| } | |
| .popover .arrow { | |
| border-width: 11px; | |
| } | |
| .popover .arrow:after { | |
| position: absolute; | |
| display: block; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| border-width: 10px; | |
| content: ""; | |
| } | |
| .popover.top .arrow:after { | |
| bottom: 1px; | |
| margin-left: -10px; | |
| border-bottom-width: 0; | |
| border-top-color: #ffffff; | |
| } | |
| .popover.right .arrow:after { | |
| left: 1px; | |
| bottom: -10px; | |
| border-left-width: 0; | |
| border-right-color: #ffffff; | |
| } | |
| .popover.bottom .arrow:after { | |
| top: 1px; | |
| margin-left: -10px; | |
| border-top-width: 0; | |
| border-bottom-color: #ffffff; | |
| } | |
| .popover.left .arrow:after { | |
| right: 1px; | |
| border-right-width: 0; | |
| border-left-color: #ffffff; | |
| bottom: -10px; | |
| } | |
| .modal-backdrop, UNUSED.modal-backdrop.fade.in { | |
| opacity: 0.8; | |
| filter: alpha(opacity=80); | |
| } | |
| .modal-footer:before { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| } | |
| .modal-footer:after { | |
| display: table; | |
| content: ""; | |
| line-height: 0; | |
| clear: both; | |
| } | |
| .modal-footer .btn + .btn { | |
| margin-left: 5px; | |
| margin-bottom: 0; | |
| } | |
| .modal-footer .btn-group .btn + .btn { | |
| margin-left: -1px; | |
| } | |
| .modal-footer .btn-block + .btn-block { | |
| margin-left: 0; | |
| } | |
| UNUSED.dropup, UNUSED.dropdown { | |
| position: relative; | |
| } | |
| UNUSED.dropdown-toggle:active, UNUSED.open .dropdown-toggle { | |
| outline: 0; | |
| } | |
| .dropdown-menu > li > a { | |
| display: block; | |
| padding: 3px 20px; | |
| clear: both; | |
| font-weight: normal; | |
| line-height: 20px; | |
| color: #333333; | |
| white-space: nowrap; | |
| } | |
| .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { | |
| text-decoration: none; | |
| color: #ffffff; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear, to bottom, #0088cc, #0077b3; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| } | |
| .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { | |
| text-decoration: none; | |
| color: #ffffff; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear, to bottom, #0088cc, #0077b3; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| } | |
| .dropdown-menu > .active > a { | |
| color: #ffffff; | |
| text-decoration: none; | |
| outline: 0; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear, to bottom, #0088cc, #0077b3; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| } | |
| .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| outline: 0; | |
| background-color: #0081c2; | |
| background-image: -moz-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); | |
| background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: -o-linear-gradient(top, #0088cc, #0077b3); | |
| background-image: linear, to bottom, #0088cc, #0077b3; | |
| background-repeat: repeat-x; | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0); | |
| } | |
| .dropdown-menu > .disabled > a { | |
| color: #999999; | |
| } | |
| .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { | |
| color: #999999; | |
| } | |
| .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { | |
| text-decoration: none; | |
| background-color: transparent; | |
| background-image: none; | |
| filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
| cursor: default; | |
| } | |
| .open > .dropdown-menu { | |
| display: block; | |
| } | |
| .pull-right > .dropdown-menu { | |
| right: 0; | |
| left: auto; | |
| } | |
| UNUSED.dropup .caret, UNUSED.navbar-fixed-bottom .dropdown .caret { | |
| border-top: 0; | |
| border-bottom: 4px solid #000000; | |
| content: ""; | |
| } | |
| UNUSED.dropup .dropdown-menu, UNUSED.navbar-fixed-bottom .dropdown .dropdown-menu { | |
| top: auto; | |
| bottom: 100%; | |
| margin-bottom: 1px; | |
| } | |
| .dropdown-submenu > .dropdown-menu { | |
| top: 0; | |
| left: 100%; | |
| margin-top: -6px; | |
| margin-left: -1px; | |
| -webkit-border-radius: 0 6px 6px 6px; | |
| -moz-border-radius: 0 6px 6px 6px; | |
| border-radius: 0 6px 6px 6px; | |
| } | |
| .dropdown-submenu:hover > .dropdown-menu { | |
| display: block; | |
| } | |
| .dropup .dropdown-submenu > .dropdown-menu { | |
| top: auto; | |
| bottom: 0; | |
| margin-top: 0; | |
| margin-bottom: -2px; | |
| -webkit-border-radius: 5px 5px 5px 0; | |
| -moz-border-radius: 5px 5px 5px 0; | |
| border-radius: 5px 5px 5px 0; | |
| } | |
| .dropdown-submenu > a:after { | |
| display: block; | |
| content: ""; | |
| float: right; | |
| width: 0; | |
| height: 0; | |
| border-color: transparent; | |
| border-style: solid; | |
| border-width: 5px 0 5px 5px; | |
| border-left-color: #cccccc; | |
| margin-top: 5px; | |
| margin-right: -10px; | |
| } | |
| .dropdown-submenu:hover > a:after { | |
| border-left-color: #ffffff; | |
| } | |
| .dropdown-submenu.pull-left > .dropdown-menu { | |
| left: -100%; | |
| margin-left: 10px; | |
| -webkit-border-radius: 6px 0 6px 6px; | |
| -moz-border-radius: 6px 0 6px 6px; | |
| border-radius: 6px 0 6px 6px; | |
| } | |
| .carousel-inner > .item { | |
| display: none; | |
| position: relative; | |
| -webkit-transition: 0.6s ease-in-out left; | |
| -moz-transition: 0.6s ease-in-out left; | |
| -o-transition: 0.6s ease-in-out left; | |
| transition: 0.6s ease-in-out left; | |
| } | |
| .carousel-inner > .item > img, .carousel-inner > .item > a > img { | |
| display: block; | |
| line-height: 1; | |
| } | |
| .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { | |
| display: block; | |
| } | |
| .carousel-inner > .active { | |
| left: 0; | |
| } | |
| .carousel-inner > .next, .carousel-inner > .prev { | |
| position: absolute; | |
| top: 0; | |
| width: 100%; | |
| } | |
| .carousel-inner > .next { | |
| left: 100%; | |
| } | |
| .carousel-inner > .prev { | |
| left: -100%; | |
| } | |
| .carousel-inner > .next.left, .carousel-inner > .prev.right { | |
| left: 0; | |
| } | |
| .carousel-inner > .active.left { | |
| left: -100%; | |
| } | |
| .carousel-inner > .active.right { | |
| left: 100%; | |
| } | |
| .carousel-control:hover, .carousel-control:focus { | |
| color: #ffffff; | |
| text-decoration: none; | |
| opacity: 0.9; | |
| filter: alpha(opacity=90); | |
| } | |
| UNUSED.carousel-caption h4, UNUSED.carousel-caption p { | |
| color: #ffffff; | |
| line-height: 20px; | |
| } | |
| .carousel-caption h4 { | |
| margin: 0 0 5px; | |
| } | |
| .carousel-caption p { | |
| margin-bottom: 0; | |
| } | |
| .close:hover, .close:focus { | |
| color: #000000; | |
| text-decoration: none; | |
| cursor: pointer; | |
| opacity: 0.4; | |
| filter: alpha(opacity=40); | |
| } | |
| .pull-left { | |
| float: left; | |
| } | |
| .hide { | |
| display: none; | |
| } | |
| body { | |
| line-height: 1.25em; | |
| } | |
| body h1, body h2, body h3, body h4 { | |
| line-height: 1.25em; | |
| } | |
| UNUSEDbody h5, UNUSEDbody h6 { | |
| line-height: 1.25em; | |
| } | |
| UNUSEDbody.admin-expanded.admin-vertical.admin-nw .navbar, UNUSEDbody.admin-expanded.admin-vertical.admin-sw .navbar { | |
| margin-left: 260px; | |
| } | |
| @media (max-width: 767px) { | |
| body { | |
| position: relative; | |
| } | |
| } | |
| @media (min-width: 980px) and (max-width: 1199px), (min-width: 1200px) { | |
| body { | |
| padding-top: 60px; | |
| } | |
| } | |
| .footer { | |
| margin-top: 45px; | |
| padding: 35px 0 36px; | |
| border-top: 1px solid #E5E5E5; | |
| } | |
| .page-header { | |
| margin-top: 0; | |
| } | |
| @media (max-width: 767px), (min-width: 768px) and (max-width: 979px) { | |
| .navbar #block-search-form { | |
| float: none; | |
| } | |
| } | |
| ul.action-links[class^="icon-"], ul.action-links[class*=" icon-"] { | |
| padding-right: 0.5em; | |
| } | |
| input, textarea, select, .uneditable-input { | |
| max-width: 100%; | |
| width: auto; | |
| } | |
| select, textarea { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: auto; | |
| } | |
| input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: auto; | |
| } | |
| .uneditable-input { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| height: auto; | |
| } | |
| UNUSED.form-type-checkbox input, UNUSED.form-type-radio input { | |
| float: left; | |
| } | |
| .form-actions { | |
| clear: both; | |
| } | |
| .help-block { | |
| color: #999; | |
| font-size: 12px; | |
| margin: -8px 0 10px; | |
| padding: 0 3px; | |
| } | |
| UNUSED.control-group .help-inline { | |
| color: #999; | |
| font-size: 12px; | |
| margin: -8px 0 10px; | |
| padding: 0 3px; | |
| } | |
| UNUSED.description + .help-block, UNUSED.checkbox + .help-block, UNUSED.form-type-checkbox + .help-block, UNUSED.form-type-radio + .help-block, UNUSED.form-file + .help-block, UNUSED.resizable-textarea + .help-block, UNUSED.description + .control-group .help-inline, UNUSED.checkbox + .control-group .help-inline, UNUSED.form-type-checkbox + .control-group .help-inline, UNUSED.form-type-radio + .control-group .help-inline, UNUSED.form-file + .control-group .help-inline, UNUSED.resizable-textarea + .control-group .help-inline { | |
| margin-top: 0; | |
| } | |
| .input-append { | |
| -webkit-box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| box-sizing: border-box; | |
| padding-right: 40px; | |
| width: 100%; | |
| } | |
| .input-append input { | |
| width: 100% !important; | |
| } | |
| UNUSED.input-append textarea { | |
| width: 100% !important; | |
| } | |
| .input-append select, .input-append .uneditable-input { | |
| width: 100% !important; | |
| } | |
| UNUSED.container-inline div, UNUSED.container-inline label { | |
| display: block; | |
| } | |
| UNUSEDdiv.error, UNUSEDtable tr.error { | |
| background-color: #f2dede; | |
| color: #b94a48; | |
| } | |
| UNUSED.control-group.error label { | |
| color: #b94a48; | |
| font-weight: 600; | |
| } | |
| .control-group.error .control-label { | |
| color: #b94a48; | |
| font-weight: 600; | |
| } | |
| .control-group.error input, .control-group.error textarea, .control-group.error select { | |
| color: #b94a48; | |
| border: 1px solid #ccc; | |
| } | |
| UNUSED.control-group.error .uneditable-input { | |
| color: #b94a48; | |
| border: 1px solid #ccc; | |
| } | |
| .control-group.error .help-block, .control-group.error .help-inline { | |
| color: #999; | |
| } | |
| UNUSEDul li.collapsed { | |
| list-style: none; | |
| list-style-image: none; | |
| } | |
| ul li.expanded, ul li.leaf { | |
| list-style: none; | |
| list-style-image: none; | |
| } | |
| UNUSEDinput.password-confirm, UNUSEDinput.password-field { | |
| width: 16em; | |
| margin-bottom: 0.4em; | |
| } | |
| UNUSED.confirm-parent, UNUSED.password-parent { | |
| clear: left; | |
| margin: 0; | |
| width: 36.3em; | |
| } | |
| @font-face { | |
| font-family: 'ChronicleDisplayRoman'; | |
| src: url(/sites/all/themes/mag_redesign/fonts/ChronicleDisp-Roman.otf); | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| body h1, body h2, body h3, body h4, body h5, body h6 { | |
| font-weight: normal; | |
| } | |
| UNUSEDbody .h7, body .h8, UNUSEDbody .h9 { | |
| font-weight: normal; | |
| } | |
| body h1 { | |
| font: 0.73913 "ChronicleDisplayRoman", serif; | |
| } | |
| body h2 { | |
| font: 27px/36px 'Open Sans'; | |
| font-weight: bold; | |
| letter-spacing: 0.04em; | |
| text-transform: uppercase; | |
| } | |
| body h3 { | |
| font: 0.66667 "Open Sans", sans-serif; | |
| } | |
| body h4 { | |
| font: 19px/30px 'Open Sans'; | |
| font-weight: bold; | |
| letter-spacing: 0.04em; | |
| text-transform: uppercase; | |
| } | |
| body h5 { | |
| font: 17px/30px 'Open Sans', sans-serif; | |
| color: #676056; | |
| } | |
| body h6 { | |
| font: 16px/28px 'Open Sans'; | |
| font-weight: bold; | |
| letter-spacing: 0.04em; | |
| margin: 0; | |
| text-transform: uppercase; | |
| } | |
| body p { | |
| font: 0.53571 "Open Sans", sans-serif; | |
| } | |
| .nav-main { | |
| position: fixed; | |
| z-index: 100; | |
| width: 100%; | |
| top: 0; | |
| transition-duration: 0.3s; | |
| -webkit-transition: 0.3s; | |
| } | |
| .nav-main #global-nav { | |
| height: 66px; | |
| width: 980px; | |
| margin: 0 auto; | |
| } | |
| .nav-main nav { | |
| font: 12px "Open Sans", sans-serif; | |
| } | |
| .nav-main nav .menu-btn .menu-icon { | |
| position: fixed; | |
| width: 36px; | |
| height: 35px; | |
| margin: 15px; | |
| left: 0px; | |
| } | |
| .nav-main nav .menu-btn .menu-label { | |
| text-transform: uppercase; | |
| position: fixed; | |
| display: inline-block; | |
| line-height: 66px; | |
| padding: 0 12px; | |
| left: -100px; | |
| } | |
| .nav-main nav .logo { | |
| width: 155px; | |
| height: 66px; | |
| float: left; | |
| } | |
| .nav-main nav .sub-site-name { | |
| float: left; | |
| padding: 18px 0 11px 11px; | |
| } | |
| .nav-main nav .sub-site-name a { | |
| font: normal 24px 'OpenSansLight', sans-serif; | |
| float: left; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .nav-main nav .sub-site-name a:before { | |
| color: #fff; | |
| } | |
| .nav-main nav .right-header { | |
| width: 620px; | |
| position: fixed; | |
| right: 0; | |
| } | |
| .nav-main nav .right-header ul li a { | |
| padding: 23px 26px; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| color: #fff; | |
| transition-duration: 0.1s linear; | |
| -webkit-transition: 0.1s linear; | |
| } | |
| .nav-main nav .right-header ul li a:hover { | |
| text-decoration: none; | |
| background: none; | |
| } | |
| .nav-main nav .right-header ul li.first:hover, .nav-main nav .right-header ul li.last:hover { | |
| background: #fff; | |
| } | |
| UNUSED.nav-main nav .right-header .head-search .sb-icon-search, UNUSED.nav-main nav .right-header .head-search .sb-search-submit { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| padding: 0; | |
| margin: 0; | |
| line-height: 60px; | |
| text-align: center; | |
| cursor: pointer; | |
| } | |
| .nav-main nav .right-header .head-search input[type="search"].sb-search-input { | |
| -webkit-appearance: none; | |
| -webkit-border-radius: 0px; | |
| } | |
| .nav-main nav .right-header .head-search sb-search-input::-webkit-input-placeholder, .nav-main nav .right-header .head-search .sb-search-input:-ms-input-placeholder { | |
| color: #efb480; | |
| } | |
| UNUSED.nav-main nav .right-header .head-search .sb-search.sb-search-open, UNUSED.nav-main nav .right-header .head-search .no-js .sb-search { | |
| width: 100%; | |
| } | |
| UNUSED.nav-main nav .right-header .head-search .sb-search.sb-search-open .sb-icon-search, UNUSED.nav-main nav .right-header .head-search .no-js .sb-search .sb-icon-search { | |
| color: #fff; | |
| } | |
| .nav-main #subnav-wrap { | |
| background: #31302b; | |
| z-index: 100; | |
| } | |
| .nav-main #subnav-wrap #subnav { | |
| width: 980px; | |
| height: 41px; | |
| margin: 0 auto; | |
| } | |
| .nav-main #subnav-wrap #subnav ul { | |
| margin: 0; | |
| } | |
| .nav-main #subnav-wrap #subnav ul li { | |
| float: left; | |
| display: inline-block; | |
| } | |
| .nav-main #subnav-wrap #subnav ul li a { | |
| font: 12px 'Open Sans', sans-serif; | |
| font-weight: 600; | |
| text-transform: uppercase; | |
| padding: 12px 15px; | |
| outline: 0; | |
| background: none repeat scroll 0 0 #31302b; | |
| } | |
| .nav-main #subnav-wrap #subnav ul li:hover > a { | |
| color: #25acc3; | |
| background: #31302b; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded ul { | |
| position: absolute; | |
| left: -9999px; | |
| width: 200px; | |
| visibility: hidden; | |
| opacity: 0; | |
| transition: opacity 0.1s linear, visibility 0.1s linear; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded ul li { | |
| width: 200px; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded ul li a { | |
| font: 12px 'Open Sans', sans-serif; | |
| text-transform: none; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded ul li a:hover { | |
| color: #fff; | |
| } | |
| .nav-main #subnav-wrap #subnav ul .expanded:hover ul { | |
| color: #fff; | |
| background: #31302b; | |
| visibility: visible; | |
| opacity: 1; | |
| left: auto; | |
| transition-delay: 0.1s; | |
| -webkit-transition-delay: 0.1s; | |
| } | |
| body { | |
| color: #31302b; | |
| font-family: 'Open Sans'; | |
| padding: 0 !important; | |
| margin: 0 !important; | |
| overflow-x: visible !important; | |
| } | |
| a:hover { | |
| color: #ef672f; | |
| text-decoration: none; | |
| } | |
| a.arrow:hover { | |
| background: url(/i/icons/ico-arrows.png) right -16 px no-repeat; | |
| } | |
| a.left-arrow:hover { | |
| background: url("/i/icons/ico-arrows-left.png") no-repeat scroll left top transparent; | |
| } | |
| a.white:hover { | |
| color: #fff; | |
| } | |
| .main-container { | |
| padding-top: 105px; | |
| background: #fff; | |
| } | |
| #gl-wrapper { | |
| width: 100%; | |
| position: relative; | |
| } | |
| UNUSED#table-p-edit-form fieldset hr, UNUSED#table-p-edit-form fieldset .semi-sepr { | |
| width: 100%; | |
| } | |
| #table-p-edit-form fieldset hr:after, #table-p-edit-form fieldset .semi-sepr:after { | |
| display: block; | |
| content: "."; | |
| clear: both; | |
| font-size: 0; | |
| line-height: 0; | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| UNUSED.node-article .header-bar-container, UNUSED.node-type-article .header-bar-container { | |
| background-color: #f7f3eb; | |
| padding: 0; | |
| min-height: 181px; | |
| } | |
| UNUSED.node-article h2, UNUSED.node-type-article h2 { | |
| margin: 90px 0 3px; | |
| } | |
| UNUSED.node-article h3, UNUSED.node-type-article h3 { | |
| margin-top: 50px; | |
| } | |
| UNUSED.node-article .h8, UNUSED.node-type-article .h8 { | |
| color: #31302b; | |
| float: left; | |
| margin: 0 0 24px; | |
| } | |
| UNUSED.node-article .article-image, UNUSED.node-type-article .article-image { | |
| margin: 0 0 30px; | |
| } | |
| UNUSED.node-article .article-body, UNUSED.node-type-article .article-body { | |
| margin-bottom: 90px; | |
| } | |
| UNUSED.content-tile-filter .views-exposed-filter, UNUSED.content-tile-filter .views-exposed-widget { | |
| padding-top: 0px; | |
| } | |
| UNUSED.content-tile-content .pagination .next, UNUSED.content-tile-content .pagination .prev, UNUSED.content-tile-content .pagination .previous { | |
| display: none; | |
| } | |
| UNUSED.content-tile-content .pagination ul > li > a, UNUSED.content-tile-content .pagination ul > li > span { | |
| background: none; | |
| border: none; | |
| font-family: 'Open Sans'; | |
| font-weight: bold; | |
| font-size: 14px; | |
| padding: 7px 11px 5px; | |
| } | |
| UNUSED.content-tile-content .pagination ul > li:first-child > a, UNUSED.content-tile-content .pagination ul > li:first-child > span { | |
| border: 3px solid #676056; | |
| border-radius: 2px; | |
| color: #676056; | |
| padding: 5px 11px; | |
| } | |
| UNUSED.content-tile-content .pagination ul > li.active > a { | |
| border: 3px solid #676056; | |
| border-radius: 2px; | |
| color: #676056; | |
| padding: 5px 11px; | |
| } | |
| select { | |
| font-family: 'Open Sans'; | |
| font-weight: bold; | |
| font-size: 13px; | |
| text-transform: uppercase; | |
| height: 40px; | |
| line-height: 25px; | |
| padding: 10px; | |
| width: 190px; | |
| color: #31302b; | |
| } | |
| textarea { | |
| color: #31302b; | |
| } | |
| input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { | |
| color: #31302b; | |
| } | |
| .uneditable-input { | |
| color: #31302b; | |
| } | |
| .node-type-tabbed-page header.tabbed-page a:hover { | |
| text-decoration: none; | |
| } | |
| .quicktabs-background ul.quicktabs-tabs li a:hover { | |
| color: #c14800; | |
| text-decoration: none; | |
| } | |
| UNUSED.tablink-next, UNUSED.tablink-prev { | |
| background-color: #ef672f; | |
| border-radius: 3px; | |
| -webkit-border-radius: 3px; | |
| color: #FFFFFF; | |
| display: inline-block; | |
| font-size: 14px; | |
| margin: 50px 0; | |
| width: 39px; | |
| height: 36px; | |
| } | |
| .tablink-next { | |
| background-image: url("../i/next.png"); | |
| float: right; | |
| } | |
| .tablink-prev { | |
| background-image: url("../i/prev.png"); | |
| background-position: -2px center; | |
| } | |
| .tablink-next:hover, .tablink-prev:hover { | |
| color: #FFF; | |
| text-decoration: none; | |
| } | |
| UNUSED.tablink-next:visited, UNUSED.tablink-prev:visited { | |
| color: #FFF; | |
| text-decoration: none; | |
| } | |
| .tablink-next:focus, .tablink-prev:focus { | |
| color: #FFF; | |
| text-decoration: none; | |
| } | |
| .tablink-next:hover, .tablink-prev:hover { | |
| background-color: #c14800; | |
| } | |
| form[id*='workflow-tab'] { | |
| border-bottom: 1px dotted #cac3b4; | |
| border-top: 1px dotted #cac3b4; | |
| margin: 0; | |
| padding: 50px 50px 50px 100px; | |
| } | |
| .modal-backdrop { | |
| background-color: #FFFFFF; | |
| } | |
| .modal { | |
| left: 55%; | |
| top: 40%; | |
| } | |
| .modal.fade.in { | |
| top: 40%; | |
| } | |
| [title^="Google conversion frame"] { | |
| display: none; | |
| } | |
| UNUSED#for-mobile-styles .nav-main nav .menu-btn .menu-icon, UNUSED#for-mobile-styles .nav-main nav .menu-btn .menu-label { | |
| position: relative; | |
| float: left; | |
| } | |
| @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { | |
| .main-container { | |
| padding: 0; | |
| } | |
| .nav-main { | |
| position: relative; | |
| } | |
| .nav-main nav .right-header { | |
| position: relative; | |
| float: right; | |
| } | |
| .nav-main nav .menu-btn { | |
| position: relative; | |
| float: left; | |
| } | |
| .nav-main nav .menu-btn .menu-icon, .nav-main nav .menu-btn .menu-label { | |
| position: relative; | |
| float: left; | |
| } | |
| } | |
| @media only screen and (max-device-width: 480px) { | |
| .main-container { | |
| padding: 0; | |
| } | |
| .nav-main { | |
| position: relative; | |
| } | |
| .nav-main nav .right-header { | |
| position: relative; | |
| float: right; | |
| } | |
| .nav-main nav .head-search, .nav-main nav .sales-login { | |
| position: relative; | |
| } | |
| .nav-main nav .menu-btn { | |
| position: relative; | |
| float: left; | |
| } | |
| .nav-main nav .menu-btn .menu-icon, .nav-main nav .menu-btn .menu-label { | |
| position: relative; | |
| float: left; | |
| } | |
| } | |
| UNUSEDbody.page-node-add .node-form, UNUSEDbody.page-node-add .node-type-list { | |
| margin: 0 auto; | |
| width: 980px; | |
| } | |
| UNUSEDbody.page-node-edit .node-form, UNUSEDbody.page-node-edit .node-type-list { | |
| margin: 0 auto; | |
| width: 980px; | |
| } | |
| UNUSEDbody.page-node-add .node-form .btn, UNUSEDbody.page-node-add .node-type-list .btn { | |
| margin: 0 10px 0 0; | |
| } | |
| UNUSEDbody.page-node-edit .node-form .btn, UNUSEDbody.page-node-edit .node-type-list .btn { | |
| margin: 0 10px 0 0; | |
| } | |
| UNUSEDbody.page-node-add .node-form #edit-preview, UNUSEDbody.page-node-add .node-form #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| UNUSEDbody.page-node-add .node-type-list #edit-preview, UNUSEDbody.page-node-add .node-type-list #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| UNUSEDbody.page-node-edit .node-form #edit-preview, UNUSEDbody.page-node-edit .node-form #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| UNUSEDbody.page-node-edit .node-type-list #edit-preview, UNUSEDbody.page-node-edit .node-type-list #edit-field-main-image-und-0-upload-button { | |
| color: #000; | |
| } | |
| .nav-tabs { | |
| border-bottom: 1px solid #DDD; | |
| } | |
| .nav-tabs > .active > a:hover { | |
| border: none; | |
| border-top: 5px solid #0074BD; | |
| margin-top: -4px; | |
| margin: 0 2px; | |
| } | |
| UNUSED.nav-tabs > .active > a:active { | |
| border: none; | |
| border-top: 5px solid #0074BD; | |
| margin-top: -4px; | |
| margin: 0 2px; | |
| } | |
| .nav-tabs > .active > a:focus { | |
| border: none; | |
| border-top: 5px solid #0074BD; | |
| margin-top: -4px; | |
| margin: 0 2px; | |
| } | |
| .nav-tabs > li > a:hover { | |
| color: #fff; | |
| background-color: #a6a7a2; | |
| border-color: #a6a7a2; | |
| } | |
| UNUSED.action-links > li > a, .workflow-current-state { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| UNUSED#edit-workflow > .control-group > label, UNUSED#edit-workflow > .control-group > .controls > .form-radios > .form-type-radio > label { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| UNUSED.form-item-categories > label, UNUSED.panels-layouts-checkboxes .panels-layouts-category, UNUSED.layout-icon .caption { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| .table { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| UNUSED.form-type-password > .control-label, UNUSED.form-item-name > .control-label, UNUSED.node-panel-form { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| color: #000; | |
| font-weight: 300; | |
| } | |
| UNUSED#edit-categories-button, UNUSED#edit-name, UNUSED#edit-pass { | |
| border-radius: 0px; | |
| } | |
| .workflow-current-state, form[id*="workflow-tab"] { | |
| border: none; | |
| } | |
| UNUSED#panels-dnd-main .panel-pane .pane-title, UNUSED.panel-portlet .toggle-collapsed { | |
| display: none; | |
| } | |
| .form-submit[value="Show layout designer"], .form-submit[value="Reuse layout"] { | |
| display: none; | |
| } | |
| UNUSEDhtml.js div.ctools-dropdown a.ctools-dropdown-text-link { | |
| display: none; | |
| } | |
| .panel-portlet .grab-title .text { | |
| text-shadow: none; | |
| } | |
| .panel-portlet .grabber:hover { | |
| background: #2F78A5; | |
| } | |
| UNUSED#panel-node-form input, UNUSED#page-node-form input, UNUSED#blog-post-node-form input, UNUSED#blog-post-gallery-node-form input, UNUSED#news-article-node-form input, UNUSED#partners-feed-node-form input, UNUSED#press-article-node-form input, UNUSED#tabbed-page-node-form input, UNUSED#webform-node-form input, UNUSED#content-tile-node-form input, UNUSED#article-node-form input, UNUSED.form-item-categories input { | |
| border-radius: 0px; | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| font-weight: 300; | |
| } | |
| UNUSED#panel-node-form label, UNUSED#page-node-form label, UNUSED#blog-post-node-form label, UNUSED#blog-post-gallery-node-form label, UNUSED#news-article-node-form label, UNUSED#partners-feed-node-form label, UNUSED#press-article-node-form label, UNUSED#tabbed-page-node-form label, UNUSED#webform-node-form label, UNUSED#content-tile-node-form label, UNUSED#article-node-form label, UNUSED.form-item-categories label { | |
| font-family: "Open Sans", "Segoe UI", "Helvetica", sans-serif; | |
| font-size: 16px; | |
| font-weight: 300; | |
| } | |
| UNUSED#panel-node-form select, UNUSED#page-node-form select, UNUSED#blog-post-node-form select, UNUSED#blog-post-gallery-node-form select, UNUSED#news-article-node-form select, UNUSED#partners-feed-node-form select, UNUSED#press-article-node-form select, UNUSED#tabbed-page-node-form select, UNUSED#webform-node-form select, UNUSED#content-tile-node-form select, UNUSED#article-node-form select, UNUSED.form-item-categories select { | |
| border-radius: 0px; | |
| background: transparent; | |
| width: 270px; | |
| padding: 5px; | |
| font-size: 16px; | |
| line-height: 1; | |
| border: 0; | |
| border-radius: 0; | |
| height: 34px; | |
| border: 1px solid #ccc; | |
| -webkit-appearance: none; | |
| } | |
| UNUSED.btn.btn-info { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #4d8f46; | |
| border-radius: 0; | |
| } | |
| .btn.form-submit[value="Save"], .btn.form-submit[value="Next"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #4d8f46; | |
| border-radius: 0; | |
| } | |
| .form-submit[value="Log in"], .form-submit[value="Finish"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #4d8f46; | |
| border-radius: 0; | |
| } | |
| .btn.btn-info:hover { | |
| background: #0a6700; | |
| } | |
| .btn.form-submit[value="Save"]:hover, .btn.form-submit[value="Next"]:hover { | |
| background: #0a6700; | |
| } | |
| .form-submit[value="Log in"]:hover, .form-submit[value="Finish"]:hover { | |
| background: #0a6700; | |
| } | |
| .btn.form-submit[value="Cancel"], .btn.form-submit[value="Delete"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #B73939; | |
| border-radius: 0; | |
| } | |
| .btn.form-submit[value="Cancel"]:hover, .btn.form-submit[value="Delete"]:hover { | |
| background: #990000; | |
| } | |
| .btn.form-submit[value="Preview"], .btn.form-submit[value="Back"], .btn.form-submit[value="Upload"] { | |
| cursor: pointer; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #fff !important; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #0074BD; | |
| border-radius: 0; | |
| } | |
| .btn.form-submit[value="Preview"]:hover, .btn.form-submit[value="Back"]:hover, .btn.form-submit[value="Upload"]:hover { | |
| background: #004c99; | |
| } | |
| .form-submit[value="Show layout designer"], .form-submit[value="Reuse layout"] { | |
| cursor: pointer; | |
| border: none; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #777; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #F0F0F0; | |
| border-radius: 0; | |
| } | |
| .btn.form-submit[value="Remove"], .btn.form-submit[value="View changes"] { | |
| cursor: pointer; | |
| border: none; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #777; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #F0F0F0; | |
| border-radius: 0; | |
| } | |
| input[type="file"] { | |
| cursor: pointer; | |
| border: none; | |
| padding: 5px 10px; | |
| margin-bottom: 1em; | |
| margin-right: 1em; | |
| color: #777; | |
| text-align: center; | |
| font-weight: normal; | |
| font-size: 1.077em; | |
| font-family: "Lucida Grande", Verdana, sans-serif; | |
| background: #F0F0F0; | |
| border-radius: 0; | |
| } | |
| .form-submit[value="Show layout designer"]:hover, .form-submit[value="Reuse layout"]:hover { | |
| background: #0074BD; | |
| color: #fff; | |
| } | |
| .btn.form-submit[value="Remove"]:hover, .btn.form-submit[value="View changes"]:hover { | |
| background: #0074BD; | |
| color: #fff; | |
| } | |
| input[type="file"]:hover { | |
| background: #0074BD; | |
| color: #fff; | |
| } | |
| body #admin-menu { | |
| font: normal small "Lucida Grande", Verdana, sans-serif; | |
| -moz-box-shadow: 0 -10px 20px 13px #000; | |
| -webkit-box-shadow: 0 -10px 20px 13px #000; | |
| box-shadow: 0 -10px 20px 13px #000; | |
| right: 0; | |
| width: auto; | |
| } | |
| body #admin-menu .dropdown li { | |
| line-height: 1.4em; | |
| } | |
| .btn { | |
| color: #fff; | |
| font: 14px/15px 'Open Sans'; | |
| font-weight: bold; | |
| text-shadow: none; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| border-radius: 2px; | |
| border: 0; | |
| box-shadow: none; | |
| box-sizing: border-box; | |
| transition: 0.4s; | |
| -webkit-transition: 0.4s; | |
| } | |
| .btn:hover { | |
| transition: 0.7s; | |
| -webkit-transition: 0.7s; | |
| } | |
| .btn.copper:hover { | |
| box-shadow: inset 0 100px 0 0 #c14800; | |
| transition-duration: 0.4s; | |
| -webkit-transition: 0.4s; | |
| } | |
| .btn.outline { | |
| color: #fff; | |
| background: transparent; | |
| border: 3px solid #fff; | |
| box-shadow: inset 0 0 0 0 #fff; | |
| } | |
| .btn.outline:hover { | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #fff; | |
| } | |
| .btn.charcoal:hover { | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #fff; | |
| transition-duration: 0.4s; | |
| -webkit-transition: 0.4s; | |
| } | |
| UNUSED.ui-selectmenu-menu li a, UNUSED.ui-selectmenu-status { | |
| background: #fff; | |
| font: 12px/15px 'Open Sans'; | |
| font-weight: bold; | |
| } | |
| .terms-service table tr:nth-child(odd) { | |
| background-color: #f7f3eb; | |
| } | |
| UNUSED.question-section #step2, UNUSED.question-section #step3, UNUSED.question-section #step4, UNUSED.question-section #step5, UNUSED.question-section #step6, UNUSED.question-section #step7, UNUSED.question-section #step8 { | |
| display: none; | |
| } | |
| UNUSED.results-section #result1, UNUSED.results-section #result2, UNUSED.results-section #result3, UNUSED.results-section #result4, UNUSED.results-section #result5, UNUSED.results-section #result6 { | |
| display: none; | |
| } | |
| UNUSED#node-228, UNUSED#node-232 { | |
| background-color: #f7f3eb; | |
| margin: 0; | |
| padding: 80px 0; | |
| } | |
| UNUSED.blog-post, UNUSED.blog-post-gallery { | |
| margin: 30px 0; | |
| } | |
| .pager { | |
| margin: 30px 0; | |
| position: relative; | |
| } | |
| .pager .pager-previous a:hover, .pager .pager-next a:hover { | |
| background-color: #31302b; | |
| } | |
| .row-fluid .block-menu-menu-blog-category-menu ul li a:hover { | |
| background-color: transparent; | |
| color: #c14800; | |
| } | |
| UNUSED.blog-post-gallery a.left, UNUSED.blog-post-gallery a.right { | |
| background: transparent; | |
| color: #ff0000; | |
| font: bold 16px Arial; | |
| overflow: hidden; | |
| width: 33px !important; | |
| } | |
| .blog-post-gallery a.left { | |
| margin-left: 0 !important; | |
| } | |
| .blog-post-gallery a.right { | |
| margin-left: 610px !important; | |
| } | |
| UNUSED.blog-post-gallery a.left img, UNUSED.blog-post-gallery a.right img { | |
| border: 0; | |
| } | |
| UNUSED.blog-post-gallery a.l_dis, UNUSED.blog-post-gallery a.r_dis { | |
| background: transparent; | |
| cursor: default; | |
| } | |
| .blog-post-gallery a:focus { | |
| outline: none; | |
| } | |
| .press-room-release h3 a:hover, .press-releases h3 a:hover { | |
| color: #c14800; | |
| } | |
| .press-article p a:hover, .press-article p a.left-arrow:hover { | |
| color: #c14800; | |
| } | |
| .press-room-news h3 a:hover, .press-room-news .h12 a:hover { | |
| color: #c14800; | |
| } | |
| .press-room-news .views-field-field-article-image { | |
| float: left; | |
| margin-right: 110px; | |
| } | |
| .in-the-news h3 a:hover { | |
| color: #c14800; | |
| } | |
| body { | |
| font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; | |
| background: #fff; | |
| } | |
| pre { | |
| font-size: 13px; | |
| overflow-x: auto; | |
| overflow-y: hidden; | |
| white-space: pre; | |
| } | |
| pre code { | |
| white-space: pre; | |
| } | |
| .main-container { | |
| padding-top: 0; | |
| padding-bottom: 60px; | |
| } | |
| .main-container h2 { | |
| font-size: 30px; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| margin: 1.3em 0 0.7em 0; | |
| padding: 0; | |
| } | |
| .main-container h2:first-child { | |
| margin-top: 0; | |
| } | |
| .main-container h4 { | |
| font-size: 18px; | |
| margin: 1.5em 0 0.5em 0; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| } | |
| .main-container a { | |
| color: #c14800; | |
| letter-spacing: 0; | |
| text-transform: none; | |
| } | |
| .main-container a:hover { | |
| color: #ef672f; | |
| } | |
| .main-container .btn:hover { | |
| color: #fff; | |
| } | |
| .main-container p, .main-container ul, .main-container ol, .main-container ul li, .main-container ol li, .main-container a { | |
| font-size: 16px; | |
| line-height: 1.5em; | |
| font-weight: normal; | |
| } | |
| .main-container ul li, .main-container ol li { | |
| margin: 0 0 0.5em 0; | |
| } | |
| table { | |
| margin: 3em 0 2em 0; | |
| border: 1px solid #e8ddc7; | |
| } | |
| tr td { | |
| background: #fff; | |
| padding: 10px 16px; | |
| vertical-align: top; | |
| } | |
| tr:nth-child(odd) td { | |
| background: #f7f3eb; | |
| } | |
| dl { | |
| font-size: 16px; | |
| } | |
| blockquote { | |
| font-size: 16px; | |
| line-height: 24px; | |
| margin: 2em 0 1em 0; | |
| border-left: 2px solid #c4c1bb; | |
| } | |
| .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { | |
| width: 100%; | |
| max-width: 1300px; | |
| } | |
| .nav-main { | |
| position: relative; | |
| } | |
| .nav-main #global-nav, .nav-main #subnav-wrap #subnav { | |
| width: 100%; | |
| max-width: 1300px; | |
| } | |
| .nav-main nav .sub-site-name { | |
| padding: 16px 0 20px 11px; | |
| } | |
| .nav-main nav .right-header { | |
| position: absolute; | |
| } | |
| .nav-main nav .sub-site-name a { | |
| background: none; | |
| font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; | |
| font-weight: 200; | |
| color: #fff; | |
| } | |
| .nav-main nav .menu-btn { | |
| position: absolute; | |
| } | |
| .nav-main nav .menu-btn .menu-icon { | |
| position: absolute; | |
| } | |
| .nav-main nav .sub-site-name a { | |
| width: auto; | |
| } | |
| .page-intro { | |
| position: relative; | |
| padding: 40px 0; | |
| background-color: #ef672f; | |
| } | |
| .page-intro a { | |
| color: #fff; | |
| text-decoration: underline; | |
| } | |
| .page-intro .page-heading { | |
| margin: 0; | |
| padding: 0; | |
| font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif; | |
| font-size: 38px; | |
| font-weight: 700; | |
| color: #fff; | |
| text-transform: none; | |
| letter-spacing: 0; | |
| } | |
| .page-intro .container { | |
| position: relative; | |
| } | |
| .page-intro .improve-page { | |
| position: absolute; | |
| font-size: 13px; | |
| text-decoration: none; | |
| bottom: -1.7em; | |
| right: 0; | |
| text-align: right; | |
| } | |
| .page-intro .improve-page:hover { | |
| color: #fff; | |
| text-decoration: underline; | |
| } | |
| .page-intro .improve-page:after { | |
| display: inline-block; | |
| position: relative; | |
| top: 4px; | |
| left: 5px; | |
| content: ''; | |
| background: url(/i/icon-new-window.gif) no-repeat; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| .content { | |
| float: right; | |
| width: 77%; | |
| padding: 40px 0 0 0; | |
| } | |
| .content .content-wrap { | |
| padding: 0 0 0 40px; | |
| } | |
| .sidebar { | |
| float: left; | |
| width: 23%; | |
| padding: 40px 0 40px 0; | |
| } | |
| .sidebar .sidebar-wrapper { | |
| background: #f7f3eb; | |
| padding: 12px 0; | |
| } | |
| .sidebar h4 { | |
| color: #7b756b; | |
| } | |
| .sidebar ul { | |
| list-style: none; | |
| margin: 0; | |
| } | |
| .sidebar ul li { | |
| margin: 0; | |
| font-size: 14px; | |
| line-height: 1.3em; | |
| } | |
| .sidebar ul a { | |
| display: block; | |
| padding: 6px 12px; | |
| font-size: 14px; | |
| line-height: 1.3em; | |
| font-weight: normal; | |
| } | |
| UNUSED.sidebar ul span { | |
| display: block; | |
| padding: 6px 12px; | |
| font-size: 14px; | |
| line-height: 1.3em; | |
| font-weight: normal; | |
| } | |
| .sidebar ul span { | |
| color: #7b756b; | |
| } | |
| .sidebar ul a:hover { | |
| background: #f4efe4; | |
| } | |
| .sidebar ul .nav-header { | |
| text-transform: uppercase; | |
| font-weight: 700; | |
| letter-spacing: 0.06em; | |
| margin-top: 12px; | |
| } | |
| UNUSED.sidebar ul .nav-header > a, UNUSED.sidebar ul .nav-header span { | |
| font-weight: 700; | |
| padding-top: 10px; | |
| } | |
| .sidebar ul .active > a { | |
| color: #31302b; | |
| background: #f0e8d9; | |
| } | |
| .sidebar ul .level-2 { | |
| list-style: none; | |
| } | |
| .sidebar ul .level-2 a { | |
| padding-left: 18px; | |
| } | |
| UNUSED.sidebar ul .level-2 span { | |
| padding-left: 18px; | |
| } | |
| .bs-callout:before { | |
| display: block; | |
| position: absolute; | |
| content: ''; | |
| width: 30px; | |
| height: 30px; | |
| top: 20px; | |
| left: 16px; | |
| background-size: cover; | |
| } | |
| .bs-callout-info:before { | |
| background-image: url(/i/icon_note.png); | |
| } | |
| .bs-callout-warning:before { | |
| background-image: url(/i/icon_important.png); | |
| } | |
| .bs-callout-tip:before { | |
| background-image: url(/i/icon_tip.png); | |
| } | |
| .bs-callout-danger:before { | |
| background-image: url(/i/icon_caution.png); | |
| } | |
| #footer-wrap { | |
| text-align: left; | |
| width: 100%; | |
| position: relative; | |
| z-index: 99; | |
| background-color: #31302b; | |
| color: #cac3b4; | |
| font: normal 12px 'Open Sans', sans-serif; | |
| transition-duration: 0.3s; | |
| -webkit-transition: 0.3s; | |
| } | |
| #footer-wrap .container { | |
| box-sizing: content-box; | |
| -moz-box-sizing: content-box; | |
| } | |
| #footer-wrap .copyright-links { | |
| float: right; | |
| } | |
| #footer-wrap #f-col-1 { | |
| float: left; | |
| width: 14.2857%; | |
| } | |
| #footer-wrap #f-col-2 { | |
| float: left; | |
| margin-left: 2.85714%; | |
| width: 22.8571%; | |
| } | |
| #footer-wrap #f-col-3 { | |
| float: left; | |
| margin-left: 2.85714%; | |
| width: 31.4286%; | |
| } | |
| #footer-wrap #f-col-4 { | |
| float: right; | |
| margin-left: 2.85714%; | |
| width: 22.8571%; | |
| } | |
| #footer-wrap ul { | |
| padding: 0; | |
| margin: 0; | |
| list-style: none; | |
| } | |
| #footer-wrap * { | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| } | |
| #footer-wrap a { | |
| text-decoration: none; | |
| } | |
| #footer-wrap a:hover { | |
| text-decoration: none; | |
| } | |
| #footer-wrap .footer { | |
| padding: 30px 0; | |
| border: none; | |
| margin-top: 0; | |
| background: none; | |
| } | |
| #footer-wrap .intro-paragraph .container { | |
| padding: 0; | |
| } | |
| UNUSED#footer-wrap .footer-container { | |
| padding: 0; | |
| } | |
| #footer-wrap .footer p { | |
| color: #cac3b4; | |
| margin: 0 0 13px; | |
| } | |
| #footer-wrap .footer h4 { | |
| text-transform: uppercase; | |
| color: #ffffff; | |
| font: 700 14px 'Open Sans', sans-serif; | |
| letter-spacing: 1px; | |
| margin: 0 0 22px; | |
| } | |
| #footer-wrap .footer #magento-sites .nav li a:hover { | |
| background: none; | |
| text-decoration: none; | |
| } | |
| #footer-wrap .footer #magento-com .btn-outline { | |
| font: 700 13px/36px 'Open Sans', sans-serif; | |
| text-transform: uppercase; | |
| color: #fff; | |
| background: #31302b; | |
| border-radius: 2px; | |
| padding: 0 14px; | |
| text-shadow: none; | |
| display: inline-block; | |
| box-sizing: border-box; | |
| -moz-box-sizing: border-box; | |
| border: 3px solid #fff; | |
| box-shadow: inset 0 0 0 0 #fff; | |
| transition: 0.7s; | |
| -webkit-transition: 0.7s; | |
| -moz-transition: 0.7s; | |
| } | |
| #footer-wrap .footer #magento-com .btn-outline:hover { | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #fff; | |
| background: #fff; | |
| } | |
| #footer-wrap .footer #magento-com .intro-paragraph { | |
| overflow: hidden; | |
| margin: 0 0 30px; | |
| padding: 0 0 25px; | |
| border-bottom: 1px solid #5a5955; | |
| text-align: center; | |
| } | |
| #footer-wrap .footer #magento-com .intro-paragraph a { | |
| display: inline-block; | |
| outline: none !important; | |
| } | |
| #footer-wrap .footer #magento-com .intro-paragraph #logo { | |
| margin: 0 40px 0 0; | |
| border: none; | |
| outline: none; | |
| } | |
| #footer-wrap .footer #magento-com .intro-paragraph h3 { | |
| color: #cac3b4; | |
| font: normal 15px/18px 'Open Sans', sans-serif; | |
| position: relative; | |
| top: 10px; | |
| display: inline-block !important; | |
| text-align: left; | |
| margin: 0; | |
| } | |
| #footer-wrap .footer #magento-com h4 { | |
| margin: 0 0 12px; | |
| } | |
| #footer-wrap .footer #magento-com .contact-us { | |
| padding: 0; | |
| font-size: 12px; | |
| line-height: 24px; | |
| width: 100%; | |
| position: relative; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter { | |
| font-size: 12px; | |
| line-height: 24px; | |
| width: 100%; | |
| position: relative; | |
| } | |
| #footer-wrap .footer #magento-com .contact-us p, #footer-wrap .footer #magento-com #newsletter p { | |
| line-height: 24px; | |
| font-size: 12px; | |
| } | |
| #footer-wrap .footer #magento-com .contact-us h4, #footer-wrap .footer #magento-com #newsletter h4 { | |
| margin: 0 0 5px; | |
| } | |
| UNUSED#footer-wrap .footer #magento-com .contact-us .outline { | |
| background: none repeat scroll 0 0 #31302b; | |
| letter-spacing: 0; | |
| padding: 0 14px; | |
| text-transform: uppercase; | |
| border: 3px solid #fff; | |
| display: inline-block; | |
| text-decoration: none; | |
| border-radius: 2px; | |
| -webkit-transition: all 0.4s linear 0s; | |
| -moz-transition: all 0.4s linear 0s; | |
| -o-transition: all 0.4s linear 0s; | |
| transition: all 0.4s linear 0s; | |
| font: 700 12px/36px 'Open Sans', sans-serif; | |
| background: #31302b; | |
| color: #ffffff; | |
| box-shadow: inset 0 0 0 0 #ffffff; | |
| height: 42px; | |
| cursor: pointer; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .outline { | |
| background: none repeat scroll 0 0 #31302b; | |
| letter-spacing: 0; | |
| padding: 0 14px; | |
| text-transform: uppercase; | |
| border: 3px solid #fff; | |
| display: inline-block; | |
| text-decoration: none; | |
| border-radius: 2px; | |
| -webkit-transition: all 0.4s linear 0s; | |
| -moz-transition: all 0.4s linear 0s; | |
| -o-transition: all 0.4s linear 0s; | |
| transition: all 0.4s linear 0s; | |
| font: 700 12px/36px 'Open Sans', sans-serif; | |
| background: #31302b; | |
| color: #ffffff; | |
| box-shadow: inset 0 0 0 0 #ffffff; | |
| height: 42px; | |
| cursor: pointer; | |
| } | |
| #footer-wrap .footer #magento-com .contact-us .outline:hover { | |
| background: #ffffff; | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #ffffff; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .outline:hover { | |
| background: #ffffff; | |
| color: #31302b; | |
| box-shadow: inset 0 100px 0 0 #ffffff; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .hold-form { | |
| position: relative; | |
| padding: 13px 0 0; | |
| width: 100%; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter p { | |
| margin: 0; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email { | |
| position: relative; | |
| width: 0; | |
| min-width: 86px; | |
| height: 42px; | |
| float: left; | |
| overflow: hidden; | |
| -webkit-transition: width 0.3s; | |
| -moz-transition: width 0.3s; | |
| transition: width 0.3s; | |
| -webkit-backface-visibility: hidden; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email .sb-email-input { | |
| position: absolute; | |
| top: 0; | |
| right: 0; | |
| border: none; | |
| outline: none; | |
| background: #ffffff; | |
| width: 100%; | |
| height: 42px; | |
| margin-right: 10px; | |
| z-index: 10; | |
| padding-left: 10px; | |
| font: 700 14px/36px 'Open Sans', sans-serif; | |
| text-transform: uppercase; | |
| color: #676056; | |
| border-radius: 0; | |
| visibility: hidden; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email form { | |
| display: block; | |
| overflow: hidden; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email .sb-email-input::-webkit-input-placeholder, #footer-wrap .footer #magento-com #newsletter .sb-email .sb-email-input:-ms-input-placeholder { | |
| color: #676056; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email .sb-icon-email { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| left: 0; | |
| padding: 0; | |
| margin: 0; | |
| text-align: center; | |
| cursor: pointer; | |
| overflow: hidden; | |
| } | |
| UNUSED#footer-wrap .footer #magento-com #newsletter .sb-email .sb-email-submit { | |
| display: block; | |
| position: absolute; | |
| right: 0; | |
| top: 0; | |
| left: 0; | |
| padding: 0; | |
| margin: 0; | |
| text-align: center; | |
| cursor: pointer; | |
| overflow: hidden; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email .sb-icon-email:hover { | |
| color: #31302b; | |
| background: #ffffff; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email .sb-email-submit { | |
| background: #31302b; | |
| outline: none; | |
| color: #ffffff; | |
| z-index: -10; | |
| width: 74px; | |
| overflow: hidden; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email .sb-email-submit:hover { | |
| color: #31302b; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email .sb-icon-email { | |
| z-index: 100; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| UNUSED#footer-wrap .footer #magento-com #newsletter .sb-email.sb-email-open, UNUSED#footer-wrap .footer #magento-com #newsletter .no-js .sb-email { | |
| width: 100%; | |
| } | |
| UNUSED#footer-wrap .footer #magento-com #newsletter .sb-email.sb-email-open .sb-email-submit, UNUSED#footer-wrap .footer #magento-com #newsletter .no-js .sb-email .sb-email-submit { | |
| float: left; | |
| position: relative; | |
| margin: 0 0 0 10px; | |
| } | |
| UNUSED#footer-wrap .footer #magento-com #newsletter .sb-email.sb-email-open .sb-email-input, UNUSED#footer-wrap .footer #magento-com #newsletter .no-js .sb-email .sb-email-input { | |
| float: left; | |
| position: relative; | |
| width: 60%; | |
| } | |
| UNUSED#footer-wrap .footer #magento-com #newsletter .sb-email.sb-email-open .sb-icon-email, UNUSED#footer-wrap .footer #magento-com #newsletter .no-js .sb-email .sb-icon-email { | |
| display: none; | |
| overflow: hidden; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email.sb-email-open .sb-icon-email, #footer-wrap .footer #magento-com #newsletter .no-js .sb-email .sb-icon-email { | |
| background: #31302b; | |
| color: #ffffff; | |
| z-index: 11; | |
| } | |
| #footer-wrap .footer #magento-com #newsletter .sb-email.sb-email-open .sb-email-submit, #footer-wrap .footer #magento-com #newsletter .no-js .sb-email .sb-email-submit { | |
| z-index: 90; | |
| } | |
| #footer-wrap .footer #magento-com .nav a { | |
| font: 700 14px/24px 'Open Sans', sans-serif; | |
| letter-spacing: 1px; | |
| color: #cac3b4; | |
| text-transform: uppercase; | |
| } | |
| #footer-wrap .footer #magento-com .nav a:hover { | |
| background: none; | |
| color: #ffffff; | |
| transition-duration: 0.1s; | |
| -webkit-transition: 0.1s; | |
| } | |
| #footer-wrap .footer #magento-com .email-invalid, #footer-wrap .footer #magento-com .email-ty { | |
| position: absolute; | |
| bottom: -25px; | |
| width: 100%; | |
| } | |
| #footer-wrap .footer #magento-com .email-invalid p { | |
| margin: 0; | |
| } | |
| #footer-wrap .footer #social-network { | |
| padding: 0; | |
| } | |
| #footer-wrap .footer #social-network h4 { | |
| margin: 0 0 15px; | |
| } | |
| #footer-wrap .footer #social-network ul { | |
| margin-left: 0; | |
| overflow: hidden; | |
| } | |
| #footer-wrap .footer #social-network ul li { | |
| float: left; | |
| margin: 0 0 0 10px; | |
| list-style: none; | |
| } | |
| #footer-wrap .footer #social-network ul li:first-child { | |
| margin: 0; | |
| } | |
| #footer-wrap .footer #social-network ul li a { | |
| width: 29px; | |
| height: 30px; | |
| text-indent: -9999px; | |
| overflow: hidden; | |
| float: left; | |
| background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAAA8CAYAAABmWlgTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RjA5QzE5MDFDMjA2ODExQjM2NzgxQkZEOUJFNzhENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTUyMjM4MzE4QzIxMUU1OUNEQTg5NzM2RkRBMTE3MSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTUyMjM4MjE4QzIxMUU1OUNEQTg5NzM2RkRBMTE3MSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTkwNjIwQzcxNjIwNjgxMThDMTRGOEM5RDJBRjQxNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0YwOUMxOTAxQzIwNjgxMUIzNjc4MUJGRDlCRTc4RDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LP10DAAAUSklEQVR42uxcDbgXVZk/c71gpIIruguYblYS4Acstmp3MzGLSlpFpRbatSCTj+T2QGhXg57MYu2aloUGKvqwWS77qIlhlh/LcrdCwy+EzQx4+LBSUqQAAyFl9vfO/OZ/z5z/OTNn5j/3cnke3+d579yZOXPOzDnveb/O+f+CMAzVm/QmNULNN8/7RpnnjgT3Bb8G3gre+2ZX2mlK6xXd1lbJsRT6G3A/8KvgP4HfKCREnuXeCf5X8GjwCPAh2r3XwevBy8H3gJeB91XQJwPA/wx+H3gIBbcJvAu8Dvwk+EHwygrH4WDwB8GjwEP5DgEnyUbw0+CHwM+UG9iAxxD/BXLaF4ZgVBCoFulX/D84blOsQ7AFx7U4rsLJCpRZjvs7kuf1ujr/9yYZz09yPEeC36rdk2/9Dfh+8BL2c6a5ChZ895qs+8PAc8HnFXhTeYGrwf+V17iD3gOeA/4Y+CDP9q4Df58CXYYGgi8HTwIf7lF+NfgG8B3F2qwN/JEQovHonHH4/8z0/VjAQgoHhEfFHkfYgfO78c9i/L/VLkS53X0S+OucnL7jKd96FfheV4Emx/WD+KDMuLEFRV1m8H9SSwws8Nyh4FvAv6LQHlSgvduokUYUFB75rpngtTwe7vncyeDbwU+BTynY5ofBt4Ln1QsQ/gbprk5cVojTmbglz9zKOopanLl833MLjqd864/APwH/na8Qiam6D/yVAubORh+iKhzuUfYdFIJLMgQ7j/4B/Cj4Is/yosLvBH+LAlyGZGb/nKbBhyZCEG7gxLRoKBEa6qAgrV3kaixQwVhqwYmebR4GfgD8pQbH8xzw47ROmULUG/xj8JiKfAzRRA9TW2TZ546cMr70FvB/gCd7CNAj4PEVtNkH/AOaw0wBEm0AQRiiauYqLUKx3MQmLR01h5qmig6oI5zrIUi96dd8qKLxPIa+77uyhOha8AcKVvwkNcg/UiDEpHxCu38U7elhDq23FPy2Cp1j6ebv0Tl23RcN9F4tMBDT1EZh2FeyzXbwBS4TBnMk9Q9KPxJEGkcEKrAYmE6hSv5PCRfqCttyTNt3SoxnHh1FwXyrTYjOAH++aFQJPg28EPwEeAP9qIeMcu8G2+LPayvSQDaf7gcOMzWZPldCs8AX810uYlBQVnhvY0RnpkOmhrH2sDnAOAk+C+EYBn5bPCYiMkEfyEt/3J4MQQs7BSuomTr8J1ptKtuwuRNTuyibcALdnbrobCW1iS+tZWW26ERyDn82rr1BgVmn+RNPGw70XqrgPBKBlRdfQ2d4AriVdYn5PJv/i+BeaeRDNhgO9HBGIPpk+t8GOngRo7zENE2Pneh6HwiysJdhPTRyiMkXwGcJL8VxPo4H08yfmpg449nIR6I8teL/GzXhDPhNJxrvtos+3PPg7RwT6fO/GE54YjX6c1KcYgmS/go+Hrw5cbTOLihAiiH860Z0NYYC1MehHWZps+NKSwQ2jdHDeRntPsLwf4927XGaqFfoAI7m9UtpZhKBbrVEYB8zhKhRf/DfqM02xgnZYFwUtovZoilKBADnKBtsxn/34T7HIrgJxe8P44G+BNefiZ9LBCkd0rNKtBFIimOH9k0nWvrt45bJ7avZr2LqJaFejGhnNGlOX1HaYJzfHucwIhN3g+OZCRSwI8AXWu7/nP7UHY7n99H/2uPQTrs5q36hRSbjNdN9seW5r1EA5zDB1tagEDUn7UBYRsVhfKBCTUl0+jXBMmqPv1VhIliRaJxHn2mz7mDXzFhNC9UcKbQR6j7gpy3vdXlJAUqsyFfBL1gmTK8mdu5HS1RsLnUM8XimLzPQ5zjMVh/W+ykO/iZLYnFTRv3b4g6N2khorJbEPNaR5phAYRrj8c0i6JKVfzWj3PkM11vqb4V6+J5Mhjs7netIaM6i1mlOHHBN61AIdSc7KtOiCfFoo9E9hrY181Y+LoRYnV8b18TcndrEiKq/6j6CjVf/5Lh3rmEuj2fE80MVL638xSM3ZWrVFs3XsdGv+FzC/8frt2nXROifA4v/8n6a/0F03m00LO7TYITpz+hmDefv4NXFemJR07Sj0iF+ODIJRPSkJIVvhNa2GQlvzYg6W/nNPgnMly3XTmtmoq876V0OjSD0Lwz5n9Gk/16VkXK3aDpbsu1oRog22kp/IaFE5b9oXN8iTqR2vpMCezwjVFWvmcPB6YFOBCURrEDMdgt0CgYnOD2OagM4v6GY1hMgXHeFNeGLnn0JwvNalJCsX+EYrPWvzRxlkXzDz5iZnknH28f6CB3XRP/ElyZrs3NZxr1rM+rox1yDjeAgqt81IKCuCXFERptZvo1Oa2hizzAGx7X42B9DP0D3gxIzpDnHJ0MoVseaLRR/4zgcBzGKWqO5PSPx6Ik4eQXHnbHTHJ6YXr1I2rJOJF+6gBp3trIvO+229W2zKrbs/xg703WvpuJybKuLxtOBa8RUugSiV4Ma9AZGe0n08xP+v9yVLQ5TGWeVcpCT8BxHEfxHaOZOY6rl4FjKRPAirQVTHryOsntZ2YakjkRAO8+LbeOw0B9UvMbmW8++JqrzqundGff+RFNgoyvob5Shfsqd3t/Bdhuh87X/9Uhou+N7dmBctxjawuIYh3rE9hEK2Sbm4HbyPt4/FDM3EHWKVt2F8rs63aIgMbeqge8ULfNlpgZ+6ihjS91sbWLS0JeGMfF0isUM6vdOyqjjOeZQbCRrX/OZzyi6WPgZx0f+lb7M5gaF6BDH/8rhtG7AQK81w3NLovsa3BqO49vpkxxNqXgWhxPw3F5dANMOuqqZR62t33oOvk5L6LB/3ZE+yapnnQjR78k+tJj5mCeSWeO4l7UlYwUjIheJP3CfKrY3SDLRX3Lce5p1PdGNwcM25tFWpRONob5ksTGO8MJ23JsVxKmLNRwLrriHv8O96aoW/geP4vyp9PJJTbhW8ShR7EvG+xyZYc5nUMv6TLKjLdceTZKNP+qmzt3C7PJPM8oMZ7Lx8AL13qLs60dCD/D4PzmzrEp6iNpphbl1J8k+Q3eMYQR4l+TFklV9CpxohHnxabBSC/+PwaVj0+mA2nMrtAsPmOouw01Y7/lNsuB6snFNJsKqRIgWqnK7EIvSQnauvPgvM8p9gjPjepW/v+irjOqsTp/qzH5vL5AqaJS+rzndHbasM92IptiPS+8nisvIwmrQG6eHxuehMUSptbQOw8G/2fJO31bFl7ZqYTy/yYz8bmdGtBa+LjWSfVXTDpVeiJQ1rR87ysr7LNCEzkbJAutlGW3erdLLM9eravYQZdEa5lySb5Z3ODNdJBIUERBxZmU54psqlQ+KBORZRkiXxRGaKUgpH+lu1blulkTKDxuBxhBGftsYgb1Mzfyqw//rTaEZ4MjrST7tRjMXchkb7dNFnXu1YauX0sScxXPJD32FofNLOXWdxVzUezLKyC9RrjSuiV8kW3cnaNfeZ/hLSWQ50RiEQ4181qmOe5clI02tsxgyIaZkbFrjRCv9EkR8KzbxASZEeDoE5s/x9QACH05TtWUbc0N+LYu9hG2Y9AUV7/XqbcmZHVHBeH45SczqQiRbNGSV/XtdIEAPU52a9FnmJPrF9j5aavgFHesn6UPt4Yw4lom+j6r6FWpXumCD5fpMCuEALTVg2yc9QNXvDUroKEfy8nZVv5dqK4RpgexohEwN6czphDfheDKO7TiK5mjBLTi/YR9mkO+EkIzWNJeWW6oJ0HOymyfeuF9HspQxJyfxW5bEp73JlZWdzw+YWWGDqxmyW8NgFS+23sN3CSgoZzTYpvhB33Xc+yNn9zKV/qlMoyQRZ6vjnvxoAVFYtFl+UOfSh5pCVuntHprDHDnhtV98RMlHCuELdAkezHin6+jPTKt4PCfoDprNaf0CndUqHO1fctZvzygjftGFyp5SL0OLVLwpLMwZ8HMzkp5FSSKjc5ieyHivUJYTnktvdQ00H6f+lcO6e9FzooFm81uzSB66lCZTddV4uiKfq1S8LeL3JRuTBN+/s8FtHuVFkFqYiCxLu6kJJim/lP1/q3if9eoG2gypvc/2/M5F0CIzIARLkoSh9rsy1bntIx2bR5tlg+ResIS5nUUF3nEWrcGWkt8pCc+5rvFsyrF7Q+lAvVBAeH7IZONsnvvSKuaIZFNYkaWYN+gsD02ihQL0a4a9szyceduslG0hn6MT70tifi7B2LZCmDpUSkjSCclEAug0d8gz8bOZJiwrUh3KAOcVz2f2MLQ/if6VdTzzfgGbkGQ7P8hoZQSd3Db6MgmdwxCyirW4t9DcXMDoycyUvsqI6mcUoOcraLMP2/s4Q3JbsvO31GB3qPSCs5VSwhDqDnItTO8b70iUDWXRfqDBshpP7aT9jDqUpOVyHHdo20iMYyGSiG00eTjHsx/N8RZOLhHwJT4a1leI9jcdpkVDu5np7WoaSA44Izep7N2MVjpAAB0aolK/iETHpFBB8PJdjQqys0In2Jde7CZhrYxEYMsIEp5LoYKgjkLbSbw0ERophAqCl9hXQYd4oYKgrZUVDoIXKgjafKZcC2lUkMmtbX3ZVgv7dbCWmxKzspa+okR/y2+e156JCjKltc1LiDie3qggqLM8KggaawgVJK9xR5ulUUHQ3uslhac0KkixNmuDLRNCll/GqbolESd10DlejDa3lhEifGdpVBDUe28hIUJjBzEqm63KgwBIlvrTaPxFz4E8lPmMi1U5UAfREp9Be6sKCE/AcFmEvgyog6yTTUKbT/oKEQZaNsRPVXWgDt4k2mEBtNKDvkKE72xm7u+LDYznA+zfP+aG+GiwUlQQ1DfcYzArQwVBXRd5ClBlqCCo65N+bbZNpAYb20C/RqggrMvnOytFBaF1cgsRCnQJKgjqHZpjnytFBUGdkz0EqFJUENR5eU6bE+kaDKmgTaljbp4gcTwrRwVBvfsHFYQzwqb1ugQVBHWPyjBhXYIKgrovcLT5YdY/qMLvlLraWLeLugwVhBMxLUS4WBoVBHZyIfgJ8AZGLj0CFYR+lkl1qCB454vB14IbRgVhVGmmQ6ZmaCBxamQ3wzBOpib4OwE1XH++b5ihkabSUTcFt9tQQXRNdL0qBsMm4ef0AjmFKfiw441IYYpRxjffJNnqCxkSy76eb1OjhBRgeaejGRiY+RBTmJcb58sa6FyJ7K4xorHxGT6QfK+ssj/KKEjWKqdBKJJxkKWnW3LGZaxplqltbYuukh4Rh/xWRrSyC0B+Pn6FxnN4XXghQ31bcDQT7fx9LdmIk1KoIHp4y1nfbaggaDuFCoL2ragguN6Ost2KCoI2r0abG6fEeaBxWWWhdTaj3H2a0yv7dO7H88+jHnETfHJS41CHFyqI1hdFUiA9CxUEL9QH3BAqiCFAsV2FOVUZqCBo04kKIgIIngOuFBWEicSsPFAnKkiaiAri/TOnM1X6t3BWVJAyAsS+daKCoM96NbFzewwqiCyhgJ2oILi3KaP+HoUKojrBJFxUQwUxrhMVpFBI3qLlhLxRQcQxZxSXJ0gHHioIXrpHooLgvd4PzkUFwcD0V/mQyAl2wGKHcJkR5siMQCQTFSRjKSpCBcmJ8hI6MFBB8DFLk7UpSn/DqCCoMxMVBO08os3MGiqIcX0LzjdrQr6TuZ8MVJAaUoeL7kAdLajrZRyJChI5v2JaJQK6yygve55ce5caRgVBmxEqiPhjntZH6E1UkBzfRqc16OTxTIXovoITFUS5N/onJD8GXM3AhqggqoYKokVlI+koS+BAVJA6x7kyVBC8z2w60yZVgwqCjlvjsJmPabO2NCoI6unxqCD4PokOc1FBCgh+ovEk57aSuwn0sH49+62GCpJRXyWoIAVSNz0PFYSzsjDhuf2CCoLOdqKCqOJ7miN8g1tubN+kaqggtbpEOw2kVt2l6n8UUBkqCL6pECpIsyqICqJ58hvR2DZtEIdpjeShghziiFwiVBBRp+IHFdza0eNQQdi3x+XUew0d6+2a//YCvv1Z+kXrPbVao6ggM3Sfr4AQrWvCgz0SFaSIADET7UQFYV37CRXESUQFiTLDs5SBCiKhOt5b/MPp2jOS2X7KUV8mKojkcxzPifCc7yFAQgcWKgg++oBGBWFIvSKjzBjutYpQQYx7ESoIly/0nZvHZES2K2heC6GCoPx6z4nac1BBpHP54rmoIHjx65kMzfo4L1QQ+i77BRXEZX74bS4/birNmM9eJy9UELRXChUEzzlRQURom9nBEr72SFQQV5KMIWguKojsLNDOuxUVBG3vwHtaUEHi6O3mee27p7S2aaggKaqhgni0eTec8R2Tp7fVImW0a0UFwfUDGxUEH/eSpkaX4oOsqCB6OYcAlUIFkfU1PFuHCoJrVlQQbqdIKIUKgntOVJBkb3mCCkJTYq7kT4IAaagg0YQ4nYMznwI/TeXvgiQqSJ0h6XJUkGQtrlnr4HXomB6BCoL3qAQVxNBCCXUpKgjaTO2lgobYCg2xgJpAX1+8iT6GaOTHGK324iQmKkjdGpgt0l0Qb9yv83VkKaNbUEGajIbnOwa7EYpQQWxmiYP8KS0BmaCCXEdH+DdalCOm73JPAXKignCj+ViVDb5QhpyoIBCkByks5ir4FH7fa/Tf9lATPe4hQBEqSOeGfStdR61W9XhO0H/J02Tp5MpRQejUKsegdgkqSNbPlXCvS1BBUO8ud5vt8l6zVWOgFboGmo32FmUVYh9UjgpijmeTo/GrVEWoIHpCMkeQKkEFQV2TfFL2KFMpKojnd8qgz6AfU5aYGGxf5FNYBAlcGSqI7TubMhpvCBUEz8tM8UYF4e/FGkIFQR2FUEFQvmFUENTxObA3KghN2yU0fR0F2uvgM7IprzAqCJ5pCBUEz89xjafvz6itqCCo9B6tTIQKYnPySuQlCqGCZGxdKNJmIVQQfcHZRXmoIGiz4M+ov5GJCuL7W3wuXXmhgvho2P8XYACoEEKeUESl0QAAAABJRU5ErkJggg=="); | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-twitter { | |
| background-position: -29px 0; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-twitter:hover { | |
| background-position: -29px -30px; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-lnkdn { | |
| background-position: -58px 0; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-lnkdn:hover { | |
| background-position: -58px -30px; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-gplus { | |
| background-position: -87px 0; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-gplus:hover { | |
| background-position: -87px -30px; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-youtube { | |
| background-position: -116px 0; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-youtube:hover { | |
| background-position: -116px -30px; | |
| } | |
| #footer-wrap .footer #social-network ul li .btn-facebook:hover { | |
| background-position: 0 -30px; | |
| } | |
| #footer-wrap #copyright { | |
| font: 13px/13px 'Open Sans', sans-serif; | |
| text-transform: uppercase; | |
| color: #989287; | |
| border-top: 1px solid #5a5955; | |
| padding: 30px 0; | |
| overflow: hidden; | |
| } | |
| #footer-wrap #copyright .nav { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| #footer-wrap #copyright li { | |
| float: left; | |
| margin: 0 0 0 20px; | |
| line-height: 12px; | |
| } | |
| #footer-wrap #copyright a { | |
| color: #cac3b4; | |
| font-size: 12px; | |
| } | |
| #footer-wrap #copyright a:hover { | |
| text-decoration: underline; | |
| background: none; | |
| } | |
| img, | |
| embed, | |
| object, | |
| video { | |
| max-width: 100%; | |
| } | |
| /* SRJ - code/pre overrides so text and background colors match */ | |
| pre { | |
| background-color: #f8f8f8; | |
| border: 1px solid #ddd; | |
| font-size: 13px; | |
| line-height: 19px; | |
| overflow: auto; | |
| padding: 6px 10px; | |
| border-radius: 3px; | |
| } | |
| code { | |
| margin: 0; | |
| border: 1px solid #ddd; | |
| background-color: #f8f8f8; | |
| border-radius: 3px; | |
| padding: 3px; | |
| color: #000; | |
| word-wrap: break-word; | |
| white-space: inherit; | |
| font-size: .9em; | |
| } | |
| a code { | |
| color: inherit; | |
| font-size: .9em; | |
| } | |
| /* TDD code format in headers */ | |
| H1 CODE, H2 CODE, H3 CODE, H4 CODE, H5 CODE { | |
| padding: 2px 4px; | |
| color: #000; | |
| background-color: transparent; | |
| border: 0px solid #e1e1e8; | |
| white-space: nowrap; | |
| font-size: 1em; | |
| } | |
| .main-container a { | |
| font-size: inherit; | |
| } | |
| .main-container p { | |
| font-size: inherit; | |
| } | |
| /*reset font size */ | |
| .main-container { | |
| font-size: 16px; | |
| } | |
| /* SRJ - reviewer question */ | |
| p.q { | |
| font-size: 15pt; | |
| color: red; | |
| display: none; | |
| } | |
| /* SRJ - fix Firefox bug */ | |
| .main-container { | |
| clear: both; | |
| } | |
| /* SRJ - align horz line */ | |
| #divcentered { | |
| align: center; | |
| padding-left: 60px; | |
| } | |
| /* TDD - Alternate menu appearance */ | |
| .nav-main #subnav-wrap #subnav ul li a { | |
| font: 1em 'Open Sans',sans-serif; | |
| font-weight: 600; | |
| text-transform: none; | |
| padding: 11px 15px; | |
| outline: 0; | |
| background: none repeat scroll 0 0 #31302b; | |
| } | |
| /* TDD- Add permanent left-hand margin*/ | |
| .content { | |
| width: 69%; | |
| padding-right: 7%; | |
| } | |
| .container { | |
| padding-left: 66px; | |
| padding-right: 66px; | |
| } | |
| .copyright .container { | |
| padding-left: 0px; | |
| } | |
| .container, .navbar-static-top, .navbar-fixed-top .container, .navbar-fixed-bottom .container, .nav-main #global-nav, .nav-main #subnav-wrap #subnav { | |
| width: auto; | |
| max-width: 100%; | |
| } | |
| /*.sidebar { | |
| margin-left: 66px | |
| } | |
| .page-intro { | |
| padding-left: 66px; | |
| }*/ | |
| .home-section { | |
| padding: 40px 0 0 0; | |
| } | |
| /*Give "Edit page on Github a little space on the right" */ | |
| .page-intro .improve-page { | |
| right: 10%; | |
| } | |
| .main-container a.contributor { | |
| position: absolute; | |
| left: 66px; | |
| text-decoration: none; | |
| font-size: 12px; | |
| margin-top: 4px; | |
| } | |
| .main-container a.contributor:hover { | |
| color: #fff; | |
| text-decoration: underline; | |
| } | |
| .main-container a.contributor:after { | |
| display: inline-block; | |
| position: relative; | |
| top: 4px; | |
| left: 5px; | |
| content: ''; | |
| background: url(/i/icon-new-window.gif) no-repeat; | |
| width: 16px; | |
| height: 16px; | |
| } | |
| @media (min-width: 1130px) { | |
| .nav-main #global-nav { | |
| padding-left: 66px; | |
| } | |
| .nav-main #subnav-wrap #subnav { | |
| padding-left: 66px; | |
| } | |
| } | |
| .nav-main #subnav-wrap #subnav { | |
| height: 42px; | |
| } | |
| /*FIX for table font sizes TDD*/ | |
| .main-container TABLE a, .main-container TABLE p, .main-container TABLE LI, .main-container TABLE OL, .main-container TABLE UL, .main-container TABLE PRE { | |
| font-size: 1em; | |
| } | |
| tr td { | |
| vertical-align: initial; | |
| font-size: .9em; | |
| } | |
| td code, td pre { | |
| font-size: .9em; | |
| } | |
| /* FIX for table line breaks TDD*/ | |
| .main-container TABLE TR, .main-container TABLE TD, .main-container TABLE TD TT, .main-container TABLE TD CODE, .main-container TABLE TD PRE { | |
| word-wrap: break-word; | |
| } | |
| /* FIX for table width TDD*/ | |
| TABLE { | |
| table-layout: fixed; | |
| max-width: 99%; | |
| width: 99%; | |
| } | |
| /* Add style for TOC Header in sidebar.html include */ | |
| .main-container DIV.sidebar-wrapper H4 { | |
| margin: 1.5em 10px 0.5em 14px; | |
| color: rgba(97, 57, 42, 0.99); | |
| text-transform: capitalize; | |
| } | |
| /*Search styling */ | |
| #subnav DIV.search { | |
| background-color: #31302b; | |
| float: right; | |
| top: 0px; | |
| height: 41px; | |
| width: 300px; | |
| margin-right: 10px; | |
| } | |
| #subnav DIV.search SVG.searchImage { | |
| position: relative; | |
| top: 0px; | |
| left: 5px; | |
| width: 23px; | |
| } | |
| #subnav DIV.search FORM#searchbox INPUT { | |
| background-color: transparent; | |
| font-style: normal; | |
| border: 0px solid gray; | |
| width: 100%; | |
| height: 35px; | |
| color: white; | |
| font-size: 1em; | |
| font-weight: normal; | |
| padding: 0px 0 0 35px; | |
| margin: 0 0 0 0; | |
| /* border: 1px solid white;*/ | |
| } | |
| #subnav DIV.search FORM#searchbox INPUT:focus { | |
| outline: none; | |
| } | |
| #subnav DIV.search FORM#searchbox { | |
| border: 0px solid gray; | |
| position: relative; | |
| top: -42px; | |
| left: 0px; | |
| padding: 0 0 0 0; | |
| margin: 0 0 0 0; | |
| /*position: relative; | |
| left: 326px; | |
| top: -15px; | |
| width: 60%;*/ | |
| } | |
| #searchResultsBox { | |
| display: none; | |
| overflow: auto; | |
| position: absolute; | |
| top: 4%; | |
| left: 6%; | |
| right: 6%; | |
| bottom: 2%; | |
| padding-top: 20px; | |
| padding-right: 4%; | |
| padding-bottom: 4%; | |
| z-index: 1001; | |
| } | |
| DIV.searchResultsBoxClose { | |
| float: right; | |
| width: 64px; | |
| margin-top: 69px; | |
| position: relative; | |
| z-index: 5000; | |
| margin: 1% 1% 1% 1%; | |
| padding: .3%; | |
| cursor: hand; | |
| cursor: pointer; | |
| font-size: .8rem; | |
| } | |
| #test { | |
| position: absolute; | |
| top: 170px; | |
| z-index: 1001; | |
| } | |
| .searchResultsBack { | |
| display: none; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| min-width: 100%; | |
| min-height: 100%; | |
| height: 100%; | |
| opacity: .75; | |
| z-index: 1000; | |
| background-color: #CACACA; | |
| cursor: hand; | |
| cursor: pointer; | |
| } | |
| .sidebar ul li.level3Child { | |
| display: none; | |
| } | |
| .sidebar ul li.level3Child a { | |
| padding-left: 42px; | |
| } | |
| .sidebar ul li.level3Parent { | |
| background-image: url("../../common/css/caret_right.png"); | |
| text-decoration: none; | |
| background-repeat: no-repeat; | |
| background-position: 18px 10px; | |
| margin: 0 0 0 0%; | |
| padding: 0 0 0 7%; | |
| } | |
| .sidebar ul li.caretDown { | |
| background-image: url("../../common/css/caret_down.png"); | |
| text-decoration: none; | |
| background-repeat: no-repeat; | |
| background-position: 17px 12px; | |
| margin: 0 0 0 0%; | |
| padding: 0 0 0 7%; | |
| } | |
| .sidebar ul li.caretRight { | |
| text-decoration: none; | |
| background-image: url("../../common/css/caret_right.png"); | |
| background-repeat: no-repeat; | |
| background-position: 18px 10px; | |
| margin: 0 0 0 0%; | |
| padding: 0 0 0 7%; | |
| } | |
| .sidebar ul li.level3Parent a:hover { | |
| background: none; | |
| } | |
| .sidebar ul li.level3Parent a { | |
| text-decoration: none; | |
| } | |
| .main-container .editor { | |
| color: #00A9EF; | |
| font-family: fantasy; | |
| font-size: 1.5em; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <header class="nav-main" id="nav-main"> | |
| <!--Top Navigation--> | |
| <nav role="navigation"> | |
| <!-- <div class="menu-btn"> | |
| <a class="menu-trigger menu-icon" href="#"></a> | |
| </div> --> | |
| <div id="global-nav"> | |
| <div class="main-site-name"> | |
| <a href="/" class="logo pull-left"> </a> | |
| <div class="sub-site-name"> | |
| <a href="/"><span>Developer Documentation (2.0)</span></a> | |
| </div> | |
| </div> | |
| <div class="right-header"> | |
| <!-- | |
| <div class="sales-login"> | |
| <ul class="menu nav"> | |
| <li class="first last leaf"><a href="https://www.magentocommerce.com/products/customer/account/login">My Account</a></li> | |
| </ul> | |
| </div> | |
| <div class="head-search" id="head-search"> | |
| <div id="sb-search" class="sb-search"> | |
| <form action="http://www.magentocommerce.com/search/results/"> | |
| <span class="sb-icon-search btn btn-search"></span> | |
| <input name="q" class="sb-search-input" placeholder="Search docs" type="search" style="display: none;" id="search" /> | |
| <span class="sb-search-submit btn btn-search"></span> | |
| </form> | |
| </div> | |
| </div><!-- #head-search --> | |
| </div> | |
| </div><!-- #global-nav --> | |
| </nav> | |
| <!--Sub Navigation--> | |
| <div id="subnav-wrap"> | |
| <div id="subnav"> | |
| <ul class="menu nav"> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/bk-get-started-magento.html">Get Started</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/release-notes/bk-release-notes.html">Release Notes</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/architecture/bk-architecture.html">Magento Architecture</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/install-gde/bk-install-guide.html">System Administrator</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/install-gde/bk-install-guide.html">Installation Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/comp-mgr/bk-compman-upgrade-guide.html">Component Manager and System Upgrade Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/config-guide/bk-config-guide.html">Configuration Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/migration/bk-migration-guide.html">Migration Guide</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="#">Developers</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/frontend-dev-guide/bk-frontend-dev-guide.html">Frontend Developer Guide</a> | |
| </li><li class="first leaf"><a href="/guides/v2.0/ui-components/ui-component.html">UI Components</a> | |
| </li><li class="first leaf"><a href="/guides/v2.0/javascript-dev-guide/bk-javascript-dev-guide.html">JavaScript Developer Guide</a> | |
| <div id="divcentered"><img src="/common/images/horiz-line.png"></div></li> | |
| <li class="first leaf"><a href="/guides/v2.0/extension-dev-guide/bk-extension-dev-guide.html">PHP Developer Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/mtf/mtf_introduction.html">Magento Testing Framework Guide</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/pattern-library/bk-pattern.html">Magento Admin Pattern Library</a></li> | |
| <div id="divcentered"><img src="/common/images/horiz-line.png"></div> | |
| <li class="first leaf"><a href="/guides/v2.0/get-started/bk-get-started-api.html">Get Started with Magento Web APIs</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/rest/bk-rest.html">REST API Reference</a></li> | |
| <li class="leaf"><a href="/guides/v2.0/soap/bk-soap.html">SOAP Reference</a> | |
| <div id="divcentered"><img src="/common/images/horiz-line.png"></div></li> | |
| <li class="leaf"><a href="/guides/v2.0/coding-standards/bk-coding-standards.html">Coding Standards</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/contributor-guide/contributing.html">Contributor</a> | |
| <ul class="menu nav"> | |
| <li class="first leaf"><a href="/guides/v2.0/contributor-guide/contributing.html">Contributor Guide</a></li> | |
| </ul> | |
| </li> | |
| <li class="first expanded"> | |
| <a href="/guides/v2.0/howdoi/bk-how-do-i.html">How Do I...?</a> | |
| </li> | |
| </ul> | |
| <div class="search"> | |
| <svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 442 440" height="42px" width="20px" class="searchImage"> | |
| <title>search</title> | |
| <desc>It's the search icon</desc> | |
| <defs/> | |
| <g sketch:type="MSPage" fill-rule="evenodd" fill="none" stroke-width="1" stroke="none" id="Page-1"> | |
| <g stroke-width="47" stroke="#FFFFFF" transform="translate(24.000000, 24.000000)" sketch:type="MSLayerGroup" id="search"> | |
| <circle r="145" cy="145" cx="145" sketch:type="MSShapeGroup" id="lens"/> | |
| <path sketch:type="MSShapeGroup" stroke-linecap="square" id="handle" d="M263.351331,261.351331 L371.504623,369.504623"/> | |
| </g> | |
| </g> | |
| </svg> | |
| <form action="#searchResultsBox" method="GET" name="gs" id="searchbox"> | |
| <input type="hidden" value="018116925022773002786:klu67apuihk" name="cx"> | |
| <input type="hidden" value="UTF-8" name="ie"> | |
| <input type="text" placeholder="Search" value="" id="searchtext" name="q"> | |
| </form> | |
| </div> <!-- END searchbox--> | |
| </div> <!--End subnav --> | |
| </div><!--End subnav-wrap --> | |
| </header> | |
| <div id="gl-wrapper"> | |
| <!-- /.main-container --> | |
| <div class="main-container" id="gl-container"> | |
| <a id="main-content"></a> | |
| <div class="pane-content"> | |
| <div class="node node-panel"> | |
| <section class="page-intro"> | |
| <div class="container"> | |
| <h2 class="page-heading">Magento 2 Developer Documentation</h2> | |
| </div> | |
| </section> | |
| <!-- NEWS --> | |
| <section class="home-section"> | |
| <div class="container"> | |
| <h2 class="no-padding">Get Started with Magento</h2> | |
| <h3><a href="/guides/v2.0/release-notes/bk-release-notes.html">Release Notes</a></h3> | |
| <p>New features, enhancements, and behavior changes in Magento 2.</p> | |
| <h3><a href="/guides/v2.0/architecture/bk-architecture.html">Magento Architecture</a></h3> | |
| <p>What is Magento? How the Magento platform is organized, overview of modules, file system, and database.</p> | |
| <div class="panel-separator"></div> | |
| </div> | |
| </section> | |
| <!-- ADMINS --> | |
| <section class="home-section"> | |
| <div class="container"> | |
| <h2 class="no-padding">System Administrators</h2> | |
| <!-- <p>Install and configure Magento.</p> --> | |
| <h3><a href="/guides/v2.0/install-gde/bk-install-guide.html">Installation Guide</a></h3> | |
| <p>How to install the Magento software and components.</p> | |
| <h3><a href="/guides/v2.0/comp-mgr/bk-compman-upgrade-guide.html">Component Manager and Upgrade Guide</a></h3> | |
| <p>How to manage Magento components (extensions, language packages, and themes).</p> | |
| <h3><a href="/guides/v2.0/config-guide/bk-config-guide.html">Configuration Guide</a></h3> | |
| <p>Learn how to configure Magento and integrate third-party software with Magento.</p> | |
| <h3><a href="/guides/v2.0/migration/bk-migration-guide.html">Migration Guide</a></h3> | |
| <p>Migrate data from Magento 1.x to Magento 2.0.</p> | |
| <div class="panel-separator"></div> | |
| </div> | |
| </section> | |
| <!-- DEVELOPERS --> | |
| <section class="home-section"> | |
| <div class="container"> | |
| <h2 class="no-padding">Developers</h2> | |
| <h3><a href="/guides/v2.0/contributor-guide/contributing.html">Contributor Guide</a></h3> | |
| <p>How to contribute to the Magento 2 codebase and to Magento 2 documentation.</p> | |
| <h3><a href="/guides/v2.0/frontend-dev-guide/bk-frontend-dev-guide.html">Frontend Developer Guide</a></h3> | |
| <p>Customize your storefront.</p> | |
| <h3><a href="/guides/v2.0/ui-library/ui-library-component.html">UI Components</a></h3> | |
| <p>How to use grids, forms, and other elements of the Magento UI Components.</p> | |
| <h3><a href="/guides/v2.0/javascript-dev-guide/bk-javascript-dev-guide.html">JavaScript Developer Guide</a></h3> | |
| <p>Everything you need to know about Magento and JavaScript.</p> | |
| <h3><a href="/guides/v2.0/extension-dev-guide/bk-extension-dev-guide.html">PHP Developer Guide</a></h3> | |
| <p>What is Magento? How the Magento platform is organized, overview of modules, file system, and database.</p> | |
| <p>What is an extension? A module service contract? Create or customize, and test and package extensions.</p> | |
| <h3><a href="/guides/v2.0/mtf/mtf_introduction.html">Magento Testing Framework Guide</a></h3> | |
| <p>With the Magento Testing Framework (MTF), you can create and run functional tests to make it easier to perform basic acceptance testing, smoke testing, regression testing, and so on.</p> | |
| <h3><a href="/guides/v2.0/pattern-library/bk-pattern.html">Magento Admin Pattern Library</a></h3> | |
| <p>A design pattern is an agreed-upon guide for creating UI features and interactions.</p> | |
| <h3><a href="/guides/v2.0/coding-standards/bk-coding-standards.html">Coding Standards</a></h3> | |
| <p>Which standards should I follow when I code extensions or customize my storefront?</p> | |
| <h3><a href="/guides/v2.0/get-started/bk-get-started-api.html">Get Started with Magento Web APIs</a></h3> | |
| <p>What are the web APIs? How can I call the REST and SOAP web APIs?</p> | |
| <h3><a href="/guides/v2.0/rest/bk-rest.html">REST API Reference</a></h3> | |
| <p>Provides reference information for REST.</p> | |
| <h3><a href="/guides/v2.0/soap/bk-soap.html">SOAP Reference</a></h3> | |
| <p>Provides reference information for SOAP.</p> | |
| <div class="panel-separator"></div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| http://thoughtbot.github.io/neat-docs/latest/#media | |
| <div id="footer-wrap"> | |
| <div class="footer"> | |
| <div id="magento-com"> | |
| <div class="intro-paragraph"> | |
| <div class="container"> | |
| <a href="http://www.magento.com/"><img alt="Magento an ebay inc company" id="logo" src="/i/logo-gl-footer.png"></a> | |
| <h3>eCommerce platform, solutions and services<br> to help grow your business.</h3> | |
| </div> | |
| </div> | |
| <div class="container"> | |
| <div id="f-col-1"> | |
| <h4>Learn more</h4> | |
| <ul style="margin-bottom: 40px;" class="nav"> | |
| <li><a title="Company" href="http://magento.com/company/about-us">Company</a></li> | |
| <li><a title="Careers" href="http://magento.com/company/careers">Careers</a></li> | |
| <li><a title="Press Room" href="http://magento.com/company/press-room">Press Room</a></li> | |
| </ul> | |
| </div> | |
| <div id="f-col-2"> | |
| <div id="social-network"> | |
| <h4>Find us on</h4> | |
| <ul> | |
| <li><a href="http://www.facebook.com/magento" target="_blank" class="btn-facebook">Magento Facebook</a> | |
| </li> | |
| <li><a href="https://twitter.com/magento" target="_blank" class="btn-twitter">Magento Twitter</a></li> | |
| <li><a href="http://www.linkedin.com/groups?home=&gid=146360&trk=anet_ug_hm" target="_blank" class="btn-lnkdn">Magento Linkedin</a></li> | |
| <li><a href="https://plus.google.com/+magento/posts" target="_blank" class="btn-gplus">Magento Google+</a></li> | |
| <li><a href="http://www.youtube.com/user/magentocommerce/featured" target="_blank" class="btn-youtube">Magento | |
| Youtube</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div id="f-col-3"> | |
| <div id="newsletter"> | |
| <h4>GET THE LATEST NEWS</h4> | |
| <p>See Magento in the news, find press<br> releases and resources for media.</p> | |
| <div class="hold-form"> | |
| <div id="nws-notsubscribed"> | |
| <div class="sb-email" id="sb-email"> | |
| <form onsubmit="return validateForm();" name="mktForm_1182" class="mktform" id="mktForm_1182" action="//info2.magento.com/index.php/leadCapture/save" enctype="application/x-www-form-urlencoded" method="post"> | |
| <input placeholder="Email Address" id="Email" name="Email" class="fValidate['email'] input-topbg sb-email-input"> | |
| <input type="hidden" value="1182" name="formid"> | |
| <button class="sb-icon-submit btn outline" type="submit"> | |
| Submit | |
| </button> | |
| <span class="sb-icon-email btn outline"> | |
| Sign Up | |
| </span> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="clearfix"></div> | |
| <div class="email-invalid hide"> | |
| <p>Please submit a valid email.</p> | |
| </div> | |
| <div class="email-ty hide"> | |
| <p>Thank you for submitting your email.</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="f-col-4"> | |
| <div class="contact-us"> | |
| <h4>Get in touch</h4> | |
| <p>We'd like to hear from you! Call us, <br>send us an email or talk to sales.</p> | |
| <a class="btn btn-outline" href="http://magento.com/company/contact-us">Contact Us</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div id="copyright"> | |
| <div class="container"> | |
| <div class="copyright-links"> | |
| <ul class="nav"> | |
| <li><a href="http://magento.com/legal/terms/privacy" title="Privacy Policy">Privacy Policy</a></li> | |
| <li><a href="http://magento.com/legal/terms" title="Terms of Service">Terms of Service</a></li> | |
| <li><a href="http://magento.com/legal/licensing" title="License/Trademark FAQ">License/Trademark | |
| FAQ</a></li> | |
| </ul> | |
| </div> | |
| <div class="copyright-date">© 2015 Magento, Inc. All rights reserved.</div> | |
| </div> | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment