| @font-face { |
| font-family: 'Patua One'; |
| font-style: normal; |
| font-weight: 400; |
| src: url(/assets/themes/apache/fonts/patuaone.woff2) format('woff2'); |
| unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; |
| } |
| |
| /* Move down content because we have a fixed navbar that is 50px tall */ |
| body { |
| padding-bottom: 20px; |
| font-family: 'Carlito', 'FreeSans', 'Liberation Sans', 'Arial', 'Helvetica', sans-serif; |
| font-size: 16px; |
| } |
| |
| h1, |
| h2, |
| h3, |
| h4, |
| h5, |
| h6, |
| .h1, |
| .h2, |
| .h3, |
| .h4, |
| .h5, |
| .h6 { |
| font-family: 'Carlito', 'FreeSans', 'Liberation Sans', 'Arial', 'Helvetica', sans-serif; |
| font-weight: bold; |
| } |
| |
| h2 { |
| font-size: 26px; |
| margin: 0px; |
| padding-top: 8px; |
| padding-bottom: 3px; |
| } |
| |
| @media screen and (min-width: 768px) { |
| .jumbotron h1 { |
| font-size: 56px; |
| } |
| } |
| |
| @media screen and (min-width: 988px) { |
| .jumbotron h1 { |
| font-size: 63px; |
| } |
| } |
| |
| .container > .navbar-header { |
| margin:auto; |
| text-align: center; |
| } |
| |
| .navbar { |
| background-color:#f0f0f0; |
| color: #000000; |
| border-width: 0px; |
| margin-bottom: 0px; |
| } |
| |
| .navbar-nav { |
| text-align: center; |
| margin: auto; |
| } |
| |
| .nav > li { |
| float: none; |
| display: inline-block; |
| } |
| |
| .nav-tabs > li > a:hover { |
| border-color: #dddddd; |
| background-color: #ffffff; |
| } |
| |
| .nav-tabs > li.active > a, |
| .nav-tabs > li.active > a:focus, |
| .nav-tabs > li.active > a:hover { |
| background-color: #f5f5f5; |
| font-weight: bold; |
| } |
| |
| .navbar-nav .open .dropdown-menu { |
| position: absolute; |
| border-radius: 4px; |
| border: solid 1px rgba(0,0,0,.15); |
| box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); |
| background-color: #ffffff; |
| right: 0; |
| left: auto; |
| } |
| |
| .dropdown-menu > li > a { |
| text-align: left; |
| } |
| |
| @media (max-width: 1023px) { |
| .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { |
| color: #000000; |
| background-color: #f5f5f5; |
| } |
| } |
| |
| .navbar-inverse .navbar-nav > li > a { |
| color: #000000; |
| background-color:#f0f0f0; |
| font-size: 0.95em; |
| display: inline-block; |
| line-height: 42px; |
| padding-top: 8px; |
| padding-bottom: 8px; |
| } |
| |
| .navbar-inverse .navbar-nav > li > a:hover, |
| .navbar-inverse .navbar-nav > li > a:focus { |
| color: #000000; |
| background-color: #e0e0e0; |
| } |
| |
| .navbar-inverse .navbar-nav > li > a.active { |
| background-color: #e0e0e0; |
| } |
| |
| .navbar-inverse .navbar-brand:hover, |
| .navbar-inverse .navbar-brand:focus { |
| color: #000000; |
| } |
| |
| .navbar-inverse .navbar-brand { |
| color: #000000; |
| text-decoration: none; |
| } |
| |
| .navbar-brand { |
| font-size: 0px; |
| line-height: 35px; |
| display: inline-block; |
| float: none; |
| margin: 8px 0px; |
| padding: 0px; |
| } |
| |
| @media (min-width: 520px) { |
| .navbar-inverse .navbar-brand { |
| font-size: 32px; |
| } |
| } |
| |
| .navbar-inverse .navbar-collapse, |
| .navbar-inverse .navbar-form { |
| background-color: #f0f0f0; |
| } |
| |
| .navbar-inverse .navbar-toggle .icon-bar { |
| background-color: #000000; |
| } |
| |
| .navbar-inverse .navbar-toggle:hover, |
| .navbar-inverse .navbar-toggle:focus { |
| background-color: #ffe347; |
| outline-width: 0px; |
| } |
| |
| @media (max-width: 1024px) { |
| .navbar-collapse.in { |
| box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4); |
| } |
| } |
| |
| @media (max-width: 768px) { |
| .bigFingerButton { |
| margin-top: 12px; |
| display: block; |
| margin-right: auto; |
| margin-left: auto; |
| } |
| } |
| |
| .bigFingerButton { |
| margin-right: 10px; |
| font-weight: bold; |
| } |
| |
| |
| /* CUSTOMIZE THE CAROUSEL |
| -------------------------------------------------- */ |
| |
| /* Carousel base class */ |
| .carousel { |
| height: 200px; |
| margin-bottom: 10px; |
| } |
| /* Since positioning the image, we need to help out the caption */ |
| .carousel-caption { |
| z-index: 10; |
| } |
| |
| /* Declare heights because of positioning of img element */ |
| .carousel .item { |
| height: 300px; |
| } |
| .carousel-control { |
| background-image: none !important; |
| } |
| |
| .carousel-inner > .item > img { |
| position: absolute; |
| top: 0; |
| left: 0; |
| min-width: 100%; |
| height: 300px; |
| } |
| .carousel-indicators { |
| margin-top:30px; |
| margin-bottom:0px; |
| } |
| @media screen and (min-width: 768px) { |
| .carousel-indicators { |
| margin-bottom: -60px; |
| } |
| .carousel-caption { |
| padding-bottom: 60px; |
| } |
| } |
| |
| .title { |
| background-color: #ffee84; |
| border-color: #b0b0b0; |
| border-style: solid; |
| border-width: 1px 0px; |
| margin-bottom: 20px; |
| } |
| |
| .jumbotron h1, |
| .jumbotron p { |
| color: #000000; |
| font-weight: normal; |
| } |
| .jumbotron .thumbnail { |
| margin-top: 0; |
| } |
| .jumbotron.small { |
| padding: 0 0 0 0; |
| color : #000000; |
| } |
| .jumbotron.small .title{ |
| float : left; |
| font-weight : bold; |
| font-size : 20px; |
| height : 30px; |
| margin-right: 20px; |
| } |
| |
| .jumbotron.small .subtitle{ |
| font-size : 14px; |
| height : 30px; |
| vertical-align:text-bottom; |
| padding-top:7px; |
| } |
| |
| .jumbotron.small .description{ |
| margin-top: 7px; |
| } |
| |
| |
| |
| /* screenshot img inside of doc */ |
| .screenshot { |
| width : 800px; |
| } |
| |
| /* Table on the index page */ |
| .table-container { |
| position: absolute; |
| } |
| |
| .table-stack { |
| /* border: 1px solid #6371a9;*/ |
| width:200px; padding: 5px 5px 5px 5px; |
| } |
| |
| .table-stack table { |
| width:100% |
| } |
| |
| .table-stack tr td{ |
| border: 1px solid #FFFFFF; |
| height : 40px; |
| background-color : #6371a9; |
| color : #FFFFFF; |
| } |
| |
| .table-stack .gray { |
| background-color:#DDDDDD; |
| color:#777777; |
| } |
| |
| /* Table for property */ |
| .table-configuration { |
| width : 800px; |
| border : 1px solid gray; |
| } |
| .table-configuration tr td { |
| border : 1px solid gray; |
| padding : 5px 5px 5px 5px; |
| } |
| .table-configuration tr th { |
| border : 1px solid gray; |
| padding : 5px 5px 5px 5px; |
| background-color: #B0C4DE; |
| } |
| |
| |
| .rotate270 { |
| width:15px;padding:10px 0px 0px 0px; |
| -webkit-transform: rotate(270deg); |
| -moz-transform: rotate(270deg); |
| -ms-transform: rotate(270deg); |
| -o-transform: rotate(270deg); |
| transform: rotate(270deg); |
| } |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| /* Custom container */ |
| .container-narrow { |
| margin: 0 auto; |
| /* max-width: 960px; */ |
| } |
| |
| .container-narrow > hr { |
| margin: 30px 0; } |
| |
| hr { |
| border-top: 1px solid #c0c0c0; |
| } |
| |
| /* posts index */ |
| .post > h3.title { |
| position: relative; |
| padding-top: 10px; } |
| |
| .post > h3.title span.date { |
| position: absolute; |
| right: 0; |
| font-size: 0.9em; } |
| |
| .post > .more { |
| margin: 10px 0; |
| text-align: left; } |
| |
| /* post-full*/ |
| .post-full .date { |
| margin-bottom: 20px; |
| font-weight: bold; } |
| |
| /* tag_box */ |
| .tag_box { |
| list-style: none; |
| margin: 0; |
| overflow: hidden; } |
| |
| .tag_box li { |
| line-height: 28px; } |
| |
| .tag_box li i { |
| opacity: 0.9; } |
| |
| .tag_box.inline li { |
| float: left; } |
| |
| .tag_box a { |
| padding: 3px 6px; |
| margin: 2px; |
| background: #eee; |
| color: #555; |
| border-radius: 3px; |
| text-decoration: none; |
| border: 1px dashed #cccccc; } |
| |
| .tag_box a span { |
| vertical-align: super; |
| font-size: 0.8em; } |
| |
| .tag_box a:hover { |
| background-color: #e5e5e5; } |
| |
| .tag_box a.active { |
| background: #57A957; |
| border: 1px solid #4c964d; |
| color: #FFF; } |
| |
| |
| .jumbotron h1 { |
| font-family: 'Patua One', sans-serif; } |
| |
| .jumbotron small { |
| font-size: 65%; |
| color: #000000 |
| } |
| |
| .navbar-brand { |
| font-family: 'Patua One', sans-serif; |
| } |
| |
| .navbar-brand small { |
| font-size: 60%; |
| color: #FFF; } |
| |
| .navbar-collapse.collapse { |
| max-height: 50px;} |
| |
| .nav .caret { |
| margin-left: 4px; |
| border-top-color: #000000; |
| border-bottom-color: #000000; |
| } |
| |
| .navbar-inverse .navbar-nav > .open > a, |
| .navbar-inverse .navbar-nav > .open > a:hover, |
| .navbar-inverse .navbar-nav > .open > a:focus { |
| color: #000000; |
| background-color: #e0e0e0; |
| } |
| |
| .nav a:hover .caret { |
| border-top-color: #000000; |
| border-bottom-color: #000000; |
| } |
| |
| |
| /* Custom, iPhone Retina */ |
| @media only screen and (max-width : 480px) { |
| .jumbotron h1 { |
| display: none; |
| } |
| .navbar-brand small { |
| display: none; |
| color: #FFF; |
| } |
| } |
| |
| @media only screen and (max-width : 768px) { |
| .navbar .navbar-brand a { |
| line-height: 40px; |
| padding-top: 5px; |
| padding-bottom: 5px; |
| } |
| } |
| |
| @media only screen and (min-width : 988px) { |
| .navbar-collapse.collapse { |
| padding-right: 0; |
| } |
| } |
| |
| a.external:before { |
| position: relative; |
| top: 1px; |
| display: inline-block; |
| font-family: 'Glyphicons Halflings'; |
| -webkit-font-smoothing: antialiased; |
| font-style: normal; |
| font-weight: normal; |
| line-height: 1; |
| -moz-osx-font-smoothing: grayscale; |
| margin-right: 5px; |
| } |
| |
| a.external:before { |
| content: "\e066"; |
| } |
| |
| .tab-pane { |
| padding: 10px 20px; |
| margin: 0 0 10px; |
| background-color: #f5f5f5; |
| border: 1px solid #dddddd; |
| border-radius: 4px; |
| border-top-width: 0px; |
| border-top-left-radius: 0px; |
| border-top-right-radius: 0px; |
| } |
| |
| .tab-pane pre { |
| border-width: 0px; |
| margin: 0px; |
| padding: 0px; |
| } |
| |
| dd { |
| margin-top: 10px; |
| margin-left: 30px; |
| } |
| |
| dt code { |
| color: inherit; |
| background-color: inherit; |
| } |