/*
* -*- encoding: utf-8 -*- * * Copyright 2014 North Development AB * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */
@import url(fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext); body {
background: #fff; color: #5d5e59; font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; line-height: 1.4; padding-top: 40px;
} /* navbar */ .navbar {
max-height:40px; min-height:40px; margin: 0px; padding: 0px; }
.navbar-default {
background-color: #302C6D; border: none; font-family: 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 100%; line-height: 20px;
} /* link */ .navbar-default .navbar-nav > li > a {
color: #fff; line-height: 20px; padding: 10px;
} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #fff; text-decoration: underline;
} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #fff; background-color: #302C6D;
} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #fff; background-color: #302C6D;
} /* mobile version */ .navbar-default .navbar-toggle {
border: none;
} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #302C6D;
} .navbar-default .navbar-toggle .icon-bar {
background-color: #302C6D;
} @media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; text-decoration: underline; }
} .section {
padding-right: 5%; padding-left: 5%; width: 90%; display: block; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
} .section#header {
width: 100%; z-index: 2; position: relative; margin: 0 auto; background: #F7F6F4; height: 95px; border-bottom: 2px solid #c4c4c5; box-shadow: rgba(0, 0, 0, 0.15) 0 0 20px;
} .section#header logo {
float: left; width: 210px;
} .section#header logo a {
text-decoration: none;
} .section#header img.logo {
position: relative; top: 15px; left: 5px; float: left;
} .section .site-width {
width: 90%; max-width: 1300px; min-width: 940px; margin: 0 auto; position: relative;
} .section#header .top-search {
float: left; box-sizing: border-box; padding-left: 10%; width: 54%; padding-top: 1.5em;
} .clearfix {
display: block;
} .code-block {
margin: 1em;
} input{
display: inline-block;
} input {
width: 80%; max-width: 650px; padding: 0.5em;
background: #76c642; color: #fff; white-space: nowrap; border: 0; display: inline-block; padding: 0.5em 1em 0.5em; margin-right: 1em;
} input.search-btn, textarea.search-btn {
padding: 0.5em; margin-right: 0em;
} input:hover, textarea:hover {
color: #fff; text-decoration: none; cursor: pointer; background: #92d269;
} input, textarea {
cursor: auto; height: 40px; border: 1px solid #CCC; color: #777; margin: 0em; font-family: 'Lucida Grande'; font-size: 16px; text-rendering: auto; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start;
} section#content {
padding-top: 2em; padding-bottom: 4em; background: white;
} h1, h2, h3, h4 {
font-family: Arvo, 'PT Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #6c6d6d; font-weight: normal; line-height: 1.15em; margin: 1em 0px 0.25em;
} h1 {
font-size: 36px;
} h3.search-results-title {
float: left; width: 55%;
} .list-container {
float: right; width: 73%;
} .list {
list-style-type: none; margin-left: 0;
} .list > li {
position: relative; min-height: 87px; padding: 1em 0; margin: 0; border-bottom: solid 1px #cccccc;
} .module-header {
position: relative; float: left; width: 90%; min-height: 77px; padding: 1em; background-color: #f4f4f4;
} .module-header.supported {
background-image: url("/assets/41dfc34/images/supported-tag-upper-right.png"); background-repeat: no-repeat; background-position: top right;
} .module-header.approved {
background-image: url("/assets/41dfc34/images/approved-tag-upper-right.png"); background-repeat: no-repeat; background-position: top right;
} .module-header .author, .module-header .tag-section {
padding-top: 0.25em;
} .module-header .popular {
display: inline; margin-left: 0;
} .module-header .tags {
display: inline; margin-left: 0;
} .module-header .endorsement-trigger {
position: absolute; top: 0; right: 0; width: 77px; height: 77px;
} .module-header .details {
font-size: 0.95em;
} .module-header .details table {
width: 100%; position: relative;
} .module-header .details .gravatar {
float: left; width: 77px;
} .module-header .details .gravatar .avatar {
margin: 0; padding: 0;
} .module-header .details .module-info-basic {
margin-left: 93px; /* width of gravatar (77) + 1em (16) */
} .module-header .details .module-info-basic .module-info-header {
margin: 0; padding-right: 45px;
} .module-header .details .module-info-basic .module-info-header a:hover {
text-decoration: underline;
} .module-header .details .module-info-basic .module-info-header h2 {
display: inline-block; margin: 0 10px 0 0; line-height: 1.1rem;
} @media (max-width: 1150px) {
.module-header .details .module-info-basic .module-info-header h2 .namespace { display: none; }
} .module-header .details .module-info-basic .module-info-header .module-info-author {
display: inline-block; margin-right: 15px; font-size: 12px; white-space: nowrap;
} .module-header .details .module-info-basic .module-info-header .module-links {
display: inline-block; font-size: 12px;
} .module-header .details .module-info-basic .module-info-header .module-links li {
display: inline-block; margin-bottom: 0; margin-right: 15px;
} .module-header .details .module-info-basic > div {
padding-bottom: 0.35em;
} .module-header .details .module-info-basic ul {
margin: 0; list-style-type: none;
} .module-header .details .module-info-basic ul.release-os-compat li {
display: inline; margin-right: 5px;
} .module-header .details .module-info-basic ul.release-os-compat span {
border-bottom: 1px dotted; cursor: default;
} .module-header .details .module-info-basic .module-info-summary {
margin-bottom: 1em;
} .module-header .details .module-info-basic .module-info-tags {
font-size: 0.85em; margin-top: 1.75em; width: 85%;
} .module-header .details .module-info-basic .compatibility {
background-color: #ffffff; padding: 0.5em; margin-top: 0.25em;
} .module-header .details .module-info-basic .compatibility ul.bullets {
list-style-type: disc; margin-left: 1.5em;
} .module-header .details .module-info-basic .compatibility ul.bullets li {
margin-bottom: 0; padding-bottom: 0;
} .module-header .download-info {
padding-top: 1em; margin-top: 1em; border-top: 1px #ccc solid;
} .module-header .download-info > div {
-moz-box-sizing: border-box; box-sizing: border-box;
} .module-header .download-info .installation {
float: left; width: 75%;
} .module-header .download-info .installation small {
display: block; float: left; width: 50%; font-size: 11px;
} .module-header .download-info .installation small.download-link {
text-align: right; font-weight: bold;
} .module-header .download-info .download-counts {
float: left; width: 25%; padding-top: 36px; padding-right: 5%; text-align: right; font-size: 1.1em; line-height: 1em; font-weight: bold;
} .module-header .download-info .download-counts small {
font-size: 11px; font-weight: normal; color: #6c6d6d;
} .module-header .download-info .pe-only {
padding-left: 93px;
} .module-header .download-info .pe-only input {
box-sizing: border-box; max-width: none; width: 100%;
} .module-header .download-info .pe-only p {
margin-bottom: 0.5em;
} .module-header-sidebar {
float: right; width: 22%;
} .module-meta-info ul.release-dependencies {
margin-top: 1.25em;
} module-release-header {
overflow: auto; margin-top: 20px; margin-bottom: 10px;
} module-release-header module-release-title {
float: left; font-size: 1.2em;
} module-release-header module-release-switcher {
float: right; padding-top: 3px; text-align: right; font-size: 13px;
} module-release-header module-release-switcher label {
display: inline-block; font-weight: normal;
} module-release-header module-release-switcher a {
display: inline-block; margin-left: 6px; padding: 3px 9px; min-width: 60px; border-radius: 4px; background-color: #f4f4f4; text-align: center;
} ul, ol, dl {
margin-bottom: 1.5em; margin-left: 0; list-style-position: inside;
} ol, ul {
list-style: none;
} li {
line-height: 1.5em; margin-bottom: 0.5em;
} .list.modules .col {
width: 90%;
} .list.modules .col {
float: left; box-sizing: border-box;
} .list.modules .col h3 {
margin: 0.25em 0 0.25em 0;
} .list.modules .summary {
padding-right: 40px;
} span.release-info {
font-size: 0.9em; color: #6c6d6d;
} li.private {
background-image: url("/img/endorsement-private.png"); background-repeat: no-repeat; background-position: right top;
} section.private {
background-image: url("/img/endorsement-private.png"); background-repeat: no-repeat; background-position: right top;
} p {
margin: 0;
} span.search_error {
padding-top: 5px; float: left; color: #f00;
} span.logo {
font-size: 26px; position: relative; font-weight: bold;
} span.puppet {
top: 15px; left: 5px; color: #2B235F; float: left;
} span.forge {
color: #6B529A; float: right;
} a.module-link {
margin-left: 10px; color: #0095dd; font-size: 0.9em;
} .installation input.paste-code {
display: block; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 0.5em; margin-bottom: 3px; width: 100%; max-width: none; padding: 0.75em; border: 0; background: #e5e5e5; color: #5d5e59; font-family: Monaco, "Liberation Mono", Courier, monospace;
} pre {
border-radius: .25em; background: #f5f2f0; border: 1px solid #DDD; padding: .5em 1em; overflow: auto; display: block;
}