http://git-wip-us.apache.org/repos/asf/usergrid/blob/5ed3d753/website/content/css/usergrid-site.css ---------------------------------------------------------------------- diff --git a/website/content/css/usergrid-site.css b/website/content/css/usergrid-site.css new file mode 100644 index 0000000..e4bc3f2 --- /dev/null +++ b/website/content/css/usergrid-site.css @@ -0,0 +1,1553 @@ +@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,400italic,600italic,700italic,800italic,300italic";); +/* @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700";); */ +/* Key scaffolding +-------------------------------------------------- */ +body { + position: relative; /* For scrollyspy */ + padding-top: 50px; /* Account for fixed navbar */ + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; + font-size:14px; + background-color: #FAFBFC; + /*font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; */ +} +h1, h2, h3, h4, .h1, .h2, .h3, .h4 { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; + font-weight: 300; +} +a:hover {text-decoration: none;} +h2>a, h3>a, h2>a:hover, h3>a:hover { color: rgb(51,51,51); } +h2:hover>a:after { + content: "\F0C1"; + font-family: 'FontAwesome'; + /*position:absolute;*/ + padding-left: 12px; + vertical-align: 15%; + font-size: 20px; +} +h3:hover>a:after { + content: "\F0C1"; + font-family: 'FontAwesome'; + /*position:absolute;*/ + padding-left: 8px; + vertical-align: 15%; + font-size: 15px; +} +h5, h6, .h5, .h6 { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; +} +.bf-sidebar .nav-list code{ + margin-left: -3px; +} +.done { + opacity: 0.6; +} +.nav-list > li { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 400 !important; + opacity: 0.8; + margin-bottom: 3px; +} +header .navbar-nav { + font-size: 120%; +} +.nav-list > li > ul { + padding-left: 0; +} +.nav-list > li ul ul { + padding-left: 19px; +} +.nav-list > li ul > li { + list-style-type: none !important; +} +.nav-list > li ul > li:before { + content:"\221F"; + font-weight: 200; + opacity: 0.5; + line-height: 50%; + vertical-align: 60%; + padding-left: 3px; +} +.nav-list > li ul > li > a { + padding: 0 0 0 3px; + margin-bottom: 0px; +} +.nav-list > li > a { + padding: 0; +} +.nav-list > li > a.icns-apple:before { + text-align: right; + content: "\F179"; + font-family: 'FontAwesome'; + font-size: 110%; + margin-left: -18px; + padding-right: 8px; + line-height: 0; +} +.nav-list > li > a.icns-android:before { + text-align: right; + content: "\F17B"; + font-family: 'FontAwesome'; + font-size: 110%; + margin-left: -18px; + padding-right: 8px; + line-height: 0; +} +.nav-list > li > a.icns-html5:before { + text-align: right; + content: "\F13B"; + font-family: 'FontAwesome'; + font-size: 110%; + margin-left: -18px; + padding-right: 8px; + line-height: 0; +} +.nav-list > li > a.icns-windows:before { + text-align: right; + content: "\F17A"; + font-family: 'FontAwesome'; + margin-left: -19px; + padding-right: 7px; + line-height: 0; +} +li.nav-header { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600 !important; + opacity: 1.0; + padding-top: 0 !important; + padding-left: 0 !important; + font-size: 120%; + margin-top: 33px; +} +.twitter-timeline { + margin-top: 33px; +} +.bf-docs-container .nav-list li.nav-header { + padding: 0 !important; + border-bottom: solid 1px #ccc; + line-height: 0; + margin-top: 33px; + margin-bottom: 13px; +} +.bf-docs-container .nav-list li.nav-header span { + background-color: #FAFBFC; + padding-right: 8px; +} + +.bf-community h2, .bf-docs-container h2, .bf-docs-container h3 { + padding-top: 90px; + margin-top: -60px; +} + +.bf-docs-container .github-callout { + padding: 20px 0 40px 0; + font-style: italic; + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + opacity: 0.8; + font-size: 110%; +} +.navbar-nav > li a { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 300 !important; + opacity: 0.8; +} + +.navbar-nav > li > a.major { + font-weight: 400 !important; + opacity: 1.0; +} + +.navbar-collapse { + max-height: none; +} + +.bf-masthead-bg p { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: 200; + font-size: 120%; + line-height: 120%; +} +.bf-features p { + font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-style: normal; + font-weight: 400; +} +.bf-features p a { + /*font-weight: 600;*/ + /*color: rgb(52,73,94);*/ +} +a.btn { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 500 !important; + font-style: normal; + letter-spacing: 110%; +} +h1 { + font-weight: 200; + letter-spacing: 110%; + font-size: 200%; +} +.page-header { + padding-top: 2px; +} +.page-header h1 { + padding-top:20px; + font-weight: 400; + font-size:350%; +} +.page-header small{ + float: right; + background-color: #fff; + padding-left: 10px; +} +.page-header small a { + color: #ddd; + font-style: italic; +} +.page-header small a:hover { + color: #2481A6; +} +h2 { + font-weight: 400; +} +h3 { + padding-top: 20px; + font-weight: 400 !important; +} +.bf-features h3 { + padding-top: 0; +} +#copyright { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 300 !important; + font-style: italic; +} +#copyright img { + border-radius: 4px; +} +#copyright p { + opacity: 0.8; +} +#copyright .credits { + color: #fff; + font-weight: 600; + opacity: 1 !important; + font-style: normal; +} +.table { + margin: 20px 0 0 0; + background-color: transparent; +} +.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td { + padding-left: 0; +} +.toc { + margin-bottom:40px; + /*background-color: #fff; + border-radius: 4px;*/ + /*padding: 20px;*/ +} +/*.toc > h4 { + padding-top: 0; + margin-top: 0; + font-size: 150%; + font-weight:400; +}*/ +.toc > ul { + margin-bottom: 0; + padding-left: 20px; +} +section > .container > h2 { + color: #2481A6 !important; +} +div.row > div.text-left > h2 { + margin-top: 40px; + margin-bottom: 10px; +} +.bf-docs-container h2 { + font-size: 250%; +} +/* font-face +-------------------------------------------------- */ +@font-face { + font-family: 'icomoon'; + src:url('../fonts/icomoon.eot'); + src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), + url('../fonts/icomoon.woff') format('woff'), + url('../fonts/icomoon.ttf') format('truetype'), + url('../fonts/icomoon.svg#icomoon') format('svg'); + font-weight: normal; + font-style: normal; +} +[data-icon]:before { + font-family: 'icomoon'; + content: attr(data-icon); + speak: none; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; +} +.icon-equalizer, .icon-phone-portrait, .icon-rocket, .icon-github, .icon-twitter, .icon-thumbf-up, .icon-earth, .icon-bug, .icon-wiki, .icon-releases,.icon-window { + font-family: 'icomoon'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + -webkit-font-smoothing: antialiased; +} +.icon-equalizer:before { + content: "\e000"; +} +.icon-phone-portrait:before { + content: "\e002"; +} +.icon-rocket:before { + content: "\e003"; +} +.icon-github:before { + content: "\e001"; +} +.icon-twitter:before { + content: "\e004"; +} +.icon-thumbf-up:before { + content: "\e005"; +} +.icon-earth:before { + content: "\e006"; +} +.icon-bug:before { + content: "\e007"; +} +.icon-window:before { + content: "\e008"; +} +.icon-wiki:before { + content: "\e009"; +} +.icon-releases:before { + content: "\e010"; +} +/* Custom docs button */ +.btn-bf { + color: #563d7c; + background-color: #fff; + border-color: #e5e5e5; +} +.btn-bf:hover, +.btn-bf:focus, +.btn-bf:active { + color: #fff; + background-color: #563d7c; + border-color: #563d7c; +} +/* Navs and headers +-------------------------------------------------- */ +header.navbar .container { + padding-right: 0; +} +footer > .container { + padding-right: 0; + padding-left: 0; +} +header.navbar.secondary { + box-shadow: 0px 1px 2px rgb(36,129,166); +} +.navbar-inverse { + background-color: rgb(36,129,166); +} +nav.navbar-collapse { + border-color: rgb(52, 73, 94) !important; + border-width: 1px; + box-shadow: none; + padding-left: 15px; +} +.bf-docs-nav { + border-bottom: 0px; + padding-left: 20px; + padding-right: 20px; +} +.navbar-nav { + margin: 0; +} + +.navbar-brand { + padding-left: 0; +} +.bf-docs-nav .navbar-nav > li > a { + margin: 10px 0 0 10px; + padding: 5px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + color: #fff; +} +.bf-docs-nav .navbar-nav > li > a:hover { + color: #fff; + background-color: #34495e; +} +.bf-docs-nav .navbar-nav > .active > a, +.bf-docs-nav .navbar-nav > .active > a:hover { + color: #fff; + background-color: #34495e !important; +} +li.divider { + margin-left: 0 !important; +} + +/* Homepage masthead +-------------------------------------------------- */ +.bf-masthead { + position: relative; + text-align: left; + /*background: #cbcbcd url(../img/rende.png) no-repeat 50% 100px;*/ +} +.bf-masthead .bf-masthead-bg { + /*margin-top: 10px;*/ + padding: 30px 15px; + color:#fff; + background-color: rgb(36,129,166); +} +/*.bf-masthead .logo { + height: 203px; +}*/ +.bf-masthead .logo-title { + width: 600px; + padding: 20px 0 0 0; + margin-left: 0; +} +.bf-masthead .text-container { + margin-left: auto; + margin-right: auto; + text-align: left; +} +.bf-masthead .tagline { + font-style:normal; + font-weight:200; + font-size: 300%; + margin-bottom: 0; + margin-top: 30px; + padding-bottom: 30px; + color: white; + line-height: 90%; +} +.bf-masthead .tagline em { + font-style: italic; +} +.bf-masthead .description { + font-style: normal; + font-size: 150%; + margin-bottom: 45px; + /*line-height: 100%;*/ +} +.bf-masthead .btn-wrapper { + text-align: center; + margin-bottom: 20px; + clear:both; +} +.bf-masthead .btn-wrapper { + text-align: left; + width: 100%; + margin-right: 20px; +} +.bf-masthead .social-btn { + float: left; + margin: 0 20px 10px 0; +} +.bf-masthead .or { + margin-left: 0px; + font-style: normal; + font-weight: 200; + opacity: 0.8; +} + +.bf-masthead a { + line-height: 30px; + color: #FAFBFC; + font-style: normal; + font-weight: 400; +} +.bf-masthead h1 { + font-size: 30px; + line-height: 1.4; + color: #fff; +} +.bf-masthead .bf-masthead-links a, +.bf-masthead .bf-masthead-links a:hover { + color: #fff; +} +.bf-masthead-info { + padding: 80px 20px; + font-size: 28px; + text-align: center; + background-color: #fc5d7b; + color: rgba(0, 0, 0, .3) +} +.bf-masthead-info .icon-angle-down { + font-size: 40px; +} + +/* Download button */ +.bf-masthead .btn-outline { + margin-top: 20px; + margin-bottom: 20px; + border: 1px solid #fff; + padding: 18px 24px; + font-size: 21px; + color: #fff; +} +.bf-masthead .btn-outline:hover { + background-color: #fff; + color: #42a8d2; +} + +.bf-masthead-links { + margin-top: 20px; + margin-bottom: 20px; + padding-left: 0; + list-style: none; + text-align: center; +} +.bf-masthead-links li { + margin-bottom: 15px; + color: #fff; +} +.bf-masthead-links a { + color: #c8c7c6; +} + +/* Homepage features +-------------------------------------------------- */ +section > .container > h2 { + text-align: left; + margin-bottom: 16px; + padding-bottom: 6px; + font-size: 28px; + color:#666666; + /* border-bottom: 1px solid #e5e5e5; */ +} +.bf-features { + color: #292929; + text-align: center; + padding: 20px 0; +} +.bf-features h2 ~ p { + margin-bottom: 40px; + font-size: 16px; +} +.bf-features .bf-icon-wrap { + margin: 0 auto 10px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + background-color: rgb(52,73,94); + width: 90px; + height: 90px; + line-height: 90px; + font-size: 50px; + color: #FAFBFC; +} +.bf-features h3 { + margin: 0 0 10px; + color: rgb(52,73,94); + font-weight: 400 !important; +} +.bf-features h3 ~ p { + color: #656565; +} +/* +.bf-features2 { + color: #292929; + text-align: center; +} +.bf-features2 { + padding: 40px 0; +} +.bf-features2 h2 { + text-align: left; + margin-bottom: 16px; + padding-bottom: 6px; + font-size: 28px; + color:#666666; + border-bottom: 1px solid #e5e5e5; +} +.bf-features2 h2 ~ p { + margin-bottom: 40px; + font-size: 16px; +} +.bf-features2 .bf-icon-wrap { + margin: 0 auto 20px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + background-color: #e5e9ed; + width: 80px; + height: 80px; + line-height: 80px; + font-size: 40px; + color: #a5b6c7; +} +.bf-features2 h3 { + margin: 0 0 10px; + color: #696969; +} +.bf-features2 h3 ~ p { + color: #656565; +} */ +.bf-features-inverse { + padding: 140px 0; + font-size: 16px; + color: #fff; + text-align: center; + background-color: #34495e; +} +.bf-features-inverse h2 { + margin-bottom: 20px; + font-size: 40px; +} +.bf-features-inverse h2 ~ p { + margin-bottom: 40px; + font-size: 16px; +} +.bf-features-inverse .bf-icon-wrap { + margin: 0 auto 20px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + background-color: #fff; + width: 80px; + height: 80px; + line-height: 80px; + font-size: 40px; + color: #3dc0f1; +} +.bf-features-inverse h3 ~ p { + font-size: 14px; +} +.bf-features-inverse a, +.bf-features-inverse a:hover { + color: #fff; + text-decoration: underline; +} +.bf-news ul { + margin-bottom: 20px; +} + +.bf-questions .container { + border-top: 1px solid rgb(52,73,94); + border-bottom: 1px solid rgb(52,73,94); + padding: 60px 0; + margin-top: 0px; +} + +.bf-questions div { + line-height: 30px; +} + +.bf-community .container, .bf-tagline .container { + padding-left: 0; + padding-right: 0; +} + +.bf-community h3 { + font-weight: 600; + margin-top: 0; +} + +.bf-community .row a p { + color: rgb(51,51,51); +} + +/*.bf-community h2 { + padding-bottom: 10px; + border-bottom: 1px solid rgb(51,51,51); +}*/ + +.bf-community h2 { + /*padding: 0 !important;*/ + border-bottom: solid 1px #ccc; + line-height: 0; + /*margin-top: 33px;*/ + margin-bottom: 13px; +} +.bf-releases h2 { + /*padding: 0 !important;*/ + border-bottom: solid 1px #ccc; + line-height: 0; + /*margin-top: 33px;*/ + margin-bottom: 13px; +} + +.bf-community h2 span { + background-color: #FAFBFC; + padding-right: 10px; +} + + +.bf-releases h2 span { + background-color: #FAFBFC; + padding-right: 10px; +} + +.bf-releases p { + padding: 10px 0 5px 0; +} + +.bf-community { + margin-top: 80px; +} + +.bf-releases { + margin-top: 10px; +} + +#map-canvas { + border-bottom: 1px solid rgb(52, 73, 94); +} + +.bf-community img { + border-radius: 4px; + border: solid 1px rgb(52, 73, 94); + margin-top: 20px; + margin-bottom: 10px; + width: 100%; + box-shadow: rgb(52, 73, 94) 2px 2px 4px; +} + +.bf-releases img { + border-radius: 4px; + border: solid 1px rgb(52, 73, 94); + margin-top: 20px; + margin-bottom: 10px; + width: 100%; + box-shadow: rgb(52, 73, 94) 2px 2px 4px; +} + + +h2.icns-calendar:before{ + text-align: right; + content: "\F073"; + font-family: 'FontAwesome'; + font-size: 100%; + margin-left: -40px; + padding-right: 10px; + line-height: 0; +} +h2.icns-chat:before{ + text-align: right; + content: "\F0FC"; + font-family: 'FontAwesome'; + font-size: 100%; + margin-left: -40px; + padding-right: 10px; + line-height: 0; +} + +h2.icns-envelope:before{ + text-align: right; + content: "\F0E0"; + font-family: 'FontAwesome'; + font-size: 100%; + margin-left: -40px; + padding-right: 10px; + line-height: 0; +} +h2.icns-briefcase:before{ + text-align: right; + content: "\F0B1"; + font-family: 'FontAwesome'; + font-size: 100%; + margin-left: -42px; + padding-right: 10px; + line-height: 0; +} +h2.icns-group:before{ + text-align: right; + content: "\F005"; + font-family: 'FontAwesome'; + font-size: 100%; + margin-left: -37px; + padding-right: 8px; + line-height: 0; +} +h2.icns-tools:before{ + text-align: right; + content: "\F006"; + font-family: 'FontAwesome'; + font-size: 100%; + margin-left: -37px; + padding-right: 8px; + line-height: 0; +} +/* Docs pages and sections +-------------------------------------------------- */ + +/* Page headers */ +.bf-header { + padding: 5px 20px 10px; + font-size: 16px; + color: #5a5a5a; + text-align: center; + border-bottom: 1px solid #e5e5e5; +} +.bf-header p { + font-weight: 300; + line-height: 1.5; +} +.bf-header .container { + position: relative; +} + +.bf-docs-container { + margin-top: 60px; +} + +.bf-docs-container .col-md-3{ + padding-left: 0; +} + + +.bf-docs-container .col-md-9.main-article { + background-color: #fff; + border-radius: 4px; + border: 1px solid #ccc; + padding-bottom: 15px; + min-height: 820px; +} + +.bf-docs-section + .bf-docs-section { + padding-top: 20px; +} + +.bf-docs-container .nav-list { + padding-top: 20px; +} + +/* Bootstrap code examples +-------------------------------------------------- */ + +/* Base class */ +.bf-example { + position: relative; + margin: 20px 0 40px; +} +.bf-example > .btn-toolbar + .btn-toolbar { + margin-top: 10px; +} + +.bf-example .row { + margin-bottom: 20px; +} + +/* Tweak display of the examples */ +.bf-example + .highlight { + margin: 0 -15px; + border-radius: 0; + border-width: 0 0 1px; +} + +/* Tweak content of examples for optimum awesome */ +.bf-example > p:last-child, +.bf-example > ul:last-child, +.bf-example > ol:last-child, +.bf-example > blockquote:last-child, +.bf-example > input:last-child, +.bf-example > select:last-child, +.bf-example > textarea:last-child, +.bf-example > .table:last-child, +.bf-example > .navbar:last-child +.bf-example > .jumbotron:last-child, +.bf-example > .alert:last-child, +.bf-example > .panel:last-child, +.bf-example > .list-group:last-child, +.bf-example > .well:last-child { + margin-bottom: 0; +} +.bf-example > p > .close { + float: none; +} +.bf-example-title { + border-left: 3px solid #08d; + padding-left: 10px; + line-height: 24px; + margin: 20px 0; + font-size: 16px; +} +.bf-example-align .btn { + margin-top: 4px; +} +.bf-example-align .btn-xs { + margin-top: 16px; +} +.bf-example-align .btn-sm { + margin-top: 8px; +} +.bf-example-align .btn-lg { + margin-top: -7px; +} + +/* Navbar examples */ +.bf-example .navbar:last-child { + margin-bottom: 0; +} +.bf-navbar-top-example, +.bf-navbar-bottom-example { + z-index: 1; + padding: 0; + min-height: 110px; + overflow: hidden; /* cut the drop shadows off */ +} +.bf-navbar-top-example .navbar-fixed-top, +.bf-navbar-bottom-example .navbar-fixed-bottom { + position: relative; + margin-left: 0; + margin-right: 0; +} +.bf-navbar-top-example .navbar-fixed-top { + top: -1px; +} +.bf-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; +} +.bf-navbar-top-example { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} +.bf-navbar-top-example:after { + top: auto; + bottom: 15px; + -webkit-border-radius: 0 4px 0 4px; + -moz-border-radius: 0 4px 0 4px; + border-radius: 0 4px 0 4px; +} +.bf-navbar-bottom-example { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} +.bf-navbar-bottom-example .navbar { + margin-bottom: 0; +} +.bf-navbar-top-example.bf-example:after { + bottom: -1px; + border-radius: 0 4px; +} + +/* Example modals */ +.bf-example-modal { + background-color: #f5f5f5; +} +.bf-example-modal .modal { + position: relative; + top: auto; + right: auto; + left: auto; + bottom: auto; + z-index: 1; + display: block; +} +.bf-example-modal .modal-dialog { + left: auto; + margin-left: auto; + margin-right: auto; +} + +/* Example dropdowns */ +.bf-example > .dropdown > .dropdown-menu, +.bf-example-submenu > .pull-left > .dropup > .dropdown-menu, +.bf-example-submenu > .pull-left > .dropdown > .dropdown-menu { + position: static; + display: block; + margin-bottom: 5px; +} +.bf-example-submenu { + min-height: 230px; +} +.bf-example-submenu > .pull-left + .pull-left { + margin-left: 20px; +} + +/* Tooltips */ +.bf-example-tooltips { + text-align: center; +} + +/* Popovers */ +.bf-example-popover { + padding-bottom: 24px; +} +.bf-example-popover .popover { + position: relative; + display: block; + float: left; + width: 260px; + margin: 20px; +} + +/* Example templates +-------------------------------------------------- */ + +.bf-examples h4 { + margin-bottom: 5px; +} +.bf-examples p { + margin-bottom: 20px; +} + +/* Responsive docs +-------------------------------------------------- */ + +/* Responsive (scrollable) doc tables */ +@media (max-width: 768px) { + .bf-table-scrollable { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: scroll; + border: 1px solid #ddd; + } + .bf-table-scrollable .table { + margin-bottom: 0; + border: 0; + } + .bf-table-scrollable .table th, + .bf-table-scrollable .table td { + white-space: nowrap; + } + .bf-table-scrollable .table th:first-child, + .bf-table-scrollable .table td:first-child { + border-left: 0; + } + .bf-table-scrollable .table th:last-child, + .bf-table-scrollable .table td:last-child { + border-right: 0; + } + .bf-table-scrollable .table tr:last-child th, + .bf-table-scrollable .table tr:last-child td { + border-bottom: 0; + } +} + +/* Footer +-------------------------------------------------- */ + +.bf-footer { + margin-top: 40px; + padding: 30px 5px; + /*text-align: left;*/ + background:#34495e; + color:#f0f0f0; +} + +.bf-footer a { + color:#f0f0f0 !important; +} +.bf-footer.bf-footer-margin { + margin-top: 100px; + margin-bottom: 20px; +} + +.bf-footer .bf-icon-wrap { + font-size: 40px; + color: #a5b6c7; + display: inline; + margin: 10px; +} + +#footer-icons { + float: right; + display: inline; + line-height: 20px; + margin: 40px 10px 20px 10px; +} + +#copyright { + float: left; + display: inline; + line-height: 20px; + margin: 20px 10px 20px 10px; +} + +/* Social proof buttons from GitHub & Twitter */ +.bf-social { + margin-bottom: 20px; +} +.bf-social-buttons { + display: inline-block; + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.bf-social-buttons li { + display: inline-block; + line-height: 1; +} +.bf-social-buttons li + li { + margin-left: 15px; +} +.bf-social-buttons .twitter-follow-button { + width: 225px !important; +} +.bf-social-buttons .twitter-share-button { + width: 98px !important; +} +/* Style the GitHub buttons via CSS instead of inline attributes */ +.github-btn { + border: 0; + overflow: hidden; +} + +.highlight { + padding: 9px 14px; + margin-bottom: 40px; + border: 1px solid #e1e1e8; + border-radius: 4px; +} +.highlight pre { + padding: 0; + margin-top: 0; + margin-bottom: 0; + background-color: rgb(248, 248, 255); + border: 0; + white-space: nowrap; +} +.highlight pre code { + font-size: inherit; + font-family: Consolas, 'Liberation Mono', Courier, monospace; + color: #333; /* Effectively the base text color */ +} +.highlight pre .lineno { + display: inline-block; + width: 22px; + padding-right: 5px; + margin-right: 10px; + text-align: right; + color: #bebec5; +} + +.c { color: #999988; font-style: italic } /* Comment */ +.err { color: #a61717; background-color: #e3d2d2 } /* Error */ +.k { color: #000000; font-weight: bold } /* Keyword */ +.o { color: #000000; font-weight: bold } /* Operator */ +.cm { color: #999988; font-style: italic } /* Comment.Multiline */ +.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */ +.c1 { color: #999988; font-style: italic } /* Comment.Single */ +.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +.ge { color: #000000; font-style: italic } /* Generic.Emph */ +.gr { color: #aa0000 } /* Generic.Error */ +.gh { color: #999999 } /* Generic.Heading */ +.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +.go { color: #888888 } /* Generic.Output */ +.gp { color: #555555 } /* Generic.Prompt */ +.gs { font-weight: bold } /* Generic.Strong */ +.gu { color: #aaaaaa } /* Generic.Subheading */ +.gt { color: #aa0000 } /* Generic.Traceback */ +.kc { color: #000000; font-weight: bold } /* Keyword.Constant */ +.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ +.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */ +.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ +.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ +.kt { color: #445588; font-weight: bold } /* Keyword.Type */ +.m { color: #009999 } /* Literal.Number */ +.s { color: #d01040 } /* Literal.String */ +.na { color: #008080 } /* Name.Attribute */ +.nb { color: #0086B3 } /* Name.Builtin */ +.nc { color: #445588; font-weight: bold } /* Name.Class */ +.no { color: #008080 } /* Name.Constant */ +.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */ +.ni { color: #800080 } /* Name.Entity */ +.ne { color: #990000; font-weight: bold } /* Name.Exception */ +.nf { color: #990000; font-weight: bold } /* Name.Function */ +.nl { color: #990000; font-weight: bold } /* Name.Label */ +.nn { color: #555555 } /* Name.Namespace */ +.nt { color: #000080 } /* Name.Tag */ +.nv { color: #008080 } /* Name.Variable */ +.ow { color: #000000; font-weight: bold } /* Operator.Word */ +.w { color: #bbbbbb } /* Text.Whitespace */ +.mf { color: #009999 } /* Literal.Number.Float */ +.mh { color: #009999 } /* Literal.Number.Hex */ +.mi { color: #009999 } /* Literal.Number.Integer */ +.mo { color: #009999 } /* Literal.Number.Oct */ +.sb { color: #d01040 } /* Literal.String.Backtick */ +.sc { color: #d01040 } /* Literal.String.Char */ +.sd { color: #d01040 } /* Literal.String.Doc */ +.s2 { color: #d01040 } /* Literal.String.Double */ +.se { color: #d01040 } /* Literal.String.Escape */ +.sh { color: #d01040 } /* Literal.String.Heredoc */ +.si { color: #d01040 } /* Literal.String.Interpol */ +.sx { color: #d01040 } /* Literal.String.Other */ +.sr { color: #009926 } /* Literal.String.Regex */ +.s1 { color: #d01040 } /* Literal.String.Single */ +.ss { color: #990073 } /* Literal.String.Symbol */ +.bp { color: #999999 } /* Name.Builtin.Pseudo */ +.vc { color: #008080 } /* Name.Variable.Class */ +.vg { color: #008080 } /* Name.Variable.Global */ +.vi { color: #008080 } /* Name.Variable.Instance */ +.il { color: #009999 } /* Literal.Number.Integer.Long */ + +.css .o, +.css .o + .nt, +.css .nt + .nt { color: #999; } +/* Show code snippets when we have the space */ +@media screen and (min-width: 481px) { + .highlight { + display: block; + } +} + +.demoColorSwatches { + color: #FFF; +} +.demoColorSwatches h4 { + color: #292929; +} +.demoColorSwatches .colorPanel { + padding: 15px; +} +.demoColorSwatches .colorPanel:hover { + opacity: 0.85; + filter: alpha(opacity=85); +} + +/* Responsive variations +-------------------------------------------------- */ + +/* Hide code snippets on mobile devices */ +@media screen and (max-width: 480px) { + .highlight { + display: none; + } +} + + +.bf-docs-container { + margin-top: 40px; +} + +/* Navbars */ +.bf-example .navbar:last-child { + margin-bottom: 0; +} +.bf-navbar-top-example, +.bf-navbar-bottom-example { + z-index: 1; + padding: 0; + overflow: hidden; /* cut the drop shadows off */ + border: 1px solid #ddd ; +} +.bf-navbar-top-example .navbar-header, +.bf-navbar-bottom-example .navbar-header { + margin-left: 0; +} +.bf-navbar-top-example .navbar-fixed-top, +.bf-navbar-bottom-example .navbar-fixed-bottom { + position: relative; + margin-left: 0; + margin-right: 0; +} +.bf-navbar-top-example { + padding-bottom: 45px; +} +.bf-navbar-top-example:after { + top: auto; + bottom: 15px; +} +.bf-navbar-top-example .navbar-fixed-top { + top: -1px; +} +.bf-navbar-bottom-example { + padding-top: 65px; +} +.bf-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; +} +.bf-navbar-bottom-example .navbar { + margin-bottom: 0; +} + +/* Phone and below */ +@media screen and (max-width: 768px) { + #home-logo { opacity: 1; height: 25px;} + span.icon-book:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Docs"; + } + span.icon-group:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Community"; + } + span.icon-github-sign:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Github"; + } + span.icon-trello:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Trello"; + } + span.icon-bug:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " JIRA"; + } + span.icon-stackexchange:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " StackOverflow"; + } + span.icon-chat:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " HipChat"; + } + span.icon-twitter:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Twitter"; + } + span.icon-wiki:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Wiki"; + } + span.icon-releases:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Releases"; + } + span.icon-comments:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Chat"; + } + span.icon-envelope:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Mailing Lists"; + } + div.cta { + line-height: 60px; + } + span.avoidwrap { display:inline-block; } + .navbar-nav > li > a { + opacity: 1.0; + } + .bf-masthead .tagline { + line-height: 90%; + } + + .bf-masthead .description { + margin-bottom: 30px; + } + .bf-masthead p { + clear:both; + line-height: 100%; + padding-top: 5px; + } + .bf-masthead .or { + margin-right: 0; + } + .bf-questions .container{ + padding: 30px 0; + } +} + +/* Phones and Tablets */ +/*@media screen and (min-width: 768px) and (max-width: 992px) { + + .bf-masthead .tagline { + padding-bottom: 20px; + } + +}*/ + +@media screen and (max-width: 992px) { + .bf-community.committers .col-md-3 p{ + margin-bottom: 40px; + } +} + +/* Tablets and below */ +@media screen and (max-width: 1200px) { + .row { + padding: 0 25px; + } + .bf-docs-container .nav-list { + padding-left: 30px; + } + .bf-docs-container .colb-md-3 .nav-list { + padding-top: 0; + } + .bf-community .container, .bf-tagline .container { + padding-left: 50px; + } + .bf-community.committers .col-md-3 h3{ + margin-top: 0px; + } + #map-canvas { height: 300px; margin-top: 5px;} +} +/* Tablets and up */ +@media screen and (min-width: 768px) { + header.secondary #home-logo { opacity: 1; } + #home-logo { opacity: 0; height: 30px;} + .bf-header { + font-size: 21px; + text-align: left; + } + .bf-header h1 { + font-size: 60px; + line-height: 1; + } + + .bf-masthead p { + float:left; + } + + .bf-masthead .or { + margin-right: 20px; + } + .bf-features .row { + padding: 20px 0; + } + .bf-example { + margin-left: 0; + margin-right: 0; + border-radius: 4px; + background-color: #fff; + border-width: 1px; + border-color: #ddd; + box-shadow: none; + } + .bf-example + .prettyprint, + .bf-example + .highlight { + margin-top: -16px; + margin-left: 0; + margin-right: 0; + border-width: 1px; + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; + } + + /* Show the docs nav */ + .bf-sidebar { + display: block; + } + .bf-sidebar > .nav > li > a { + display: inline-block; + } + + .bf-navbar-top-example .navbar-fixed-top, + .bf-navbar-bottom-example .navbar-fixed-bottom { + position: absolute; + } + .bs-navbar-top-example { + border-radius: 0 0 4px 4px; + } + .bs-navbar-bottom-example { + border-radius: 4px 4px 0 0; + } +} + +/* Tablets */ +@media screen and (min-width: 768px) and (max-width: 1200px) { + span.icns { + font-size: 140%; + } +} + +/* Tablets/desktops and up */ +@media screen and (min-width: 1200px) { + span.icon-book:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Docs"; + } + span.icon-group:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Community"; + } + span.icon-github-sign:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Github"; + } + span.icon-trello:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Trello"; + } + span.icon-bug:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " JIRA"; + } + span.icon-stackexchange:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " StackOverflow"; + } + span.icon-chat:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " HipChat"; + } + span.icon-twitter:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Twitter"; + } + span.icon-wiki:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Wiki"; + } + span.icon-releases:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Releases"; + } + span.icon-comments:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Chat"; + } + span.icon-envelope:after { + font-family: 'klavika-web', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-weight: 600; + content: " Mailing Lists"; + } + .bf-header h1, + .bf-header p { + margin-right: 380px; + } + .bf-docs-container { + margin-top: 40px; + } + + .bf-masthead .tagline, .bf-masthead .description, .bf-masthead .btn-wrapper { + margin-left: 120px; + } + .bf-community.committers .col-md-3 h3{ + margin-top: 40px; + } + .bf-community.committers img { + width: 100%; + } + #map-canvas { height: 500px; margin-top: 10px;} + +} + +.navbar-toggle { + background-color: rgb(36,129,166); + margin: 12px 0 0 0; +}
http://git-wip-us.apache.org/repos/asf/usergrid/blob/5ed3d753/website/content/favicon.ico ---------------------------------------------------------------------- diff --git a/website/content/favicon.ico b/website/content/favicon.ico new file mode 100644 index 0000000..11720d6 Binary files /dev/null and b/website/content/favicon.ico differ http://git-wip-us.apache.org/repos/asf/usergrid/blob/5ed3d753/website/content/font/FontAwesome.otf ---------------------------------------------------------------------- diff --git a/website/content/font/FontAwesome.otf b/website/content/font/FontAwesome.otf new file mode 100755 index 0000000..7012545 Binary files /dev/null and b/website/content/font/FontAwesome.otf differ http://git-wip-us.apache.org/repos/asf/usergrid/blob/5ed3d753/website/content/font/fontawesome-webfont-eot.eot ---------------------------------------------------------------------- diff --git a/website/content/font/fontawesome-webfont-eot.eot b/website/content/font/fontawesome-webfont-eot.eot new file mode 100755 index 0000000..0662cb9 Binary files /dev/null and b/website/content/font/fontawesome-webfont-eot.eot differ
