farmOS/themes/farm_theme/css/style.css

242 lines
4.5 KiB
CSS

/**
* Eliminate extra space at the top.
*/
.navbar.container, .navbar.container-fluid {
margin-top: 0;
}
/**
* Nudge the logo down a bit.
*/
.navbar .logo {
padding-top: 5px;
}
/**
* Increase the width at which Bootstrap navbar collapses to 1230px.
* https://stackoverflow.com/questions/18192082/bootstrap-3-navbar-collapse
*/
@media (max-width: 1230px) {
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.navbar-text {
float: none;
margin: 15px 0;
}
/* since 3.1.0 */
.navbar-collapse.collapse.in {
display: block!important;
}
.collapsing {
overflow: hidden!important;
}
}
/**
* Reset calendar class width in menu.
*/
.menu .calendar {
width: auto;
}
/**
* Hide page title on homepage.
*/
body.front h1.page-header {
display: none;
}
/**
* Add bottom margin back to the last items in form groups and panels
* (Bootstrap theme overrides default).
* Exception: date select fields.
*/
.form-group:last-child,
.panel:last-child {
margin-bottom: 18px;
}
.container-inline-date .form-group:last-child {
margin-bottom: 0;
}
/**
* Style help text glyphicons.
*/
.page-header .glyphicon-question-sign {
color: #3a87ad;
cursor: pointer;
font-size: 0.75em;
}
.region-help .glyphicon-remove {
cursor: pointer;
}
/**
* Remove padding and list style from user login block links (request new password).
*/
form#user-login-form ul {
padding-left: 0;
}
form#user-login-form ul li {
list-style: none;
}
/**
* Override Views feed-icon img-responsive block display.
*/
.view .feed-icon .img-responsive {
display: inline;
}
/**
* Add up/down arrow to collapsible fieldset and accordion headings.
*/
.resp-accordion:after,
fieldset.collapsible .panel-heading .fieldset-legend:after {
font-family: 'Glyphicons Halflings';
content: "\e113";
float: left;
color: grey;
margin-right: 10px;
transition: all 0.5s;
}
.resp-accordion.resp-tab-active:after,
fieldset.collapsible .panel-heading .fieldset-legend.collapsed:after {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.resp-accordion .resp-arrow {
display: none;
}
/**
* Override styles of responsive accordion tabs/content to match Bootstrap.
*/
h2.resp-accordion {
background-color: #fcfcfc !important;
}
.resp-vtabs .resp-tabs-container,
.resp-vtabs li.resp-tab-active,
h2.resp-tab-active,
.resp-tab-content {
border-color: #dddddd !important;
}
.resp-tabs-container {
margin-bottom: 1em;
}
/**
* Tweak widths of responsive vertical tabs.
*/
.resp-vtabs ul.resp-tabs-list {
width: 15%;
}
.resp-vtabs .resp-tabs-container {
width: 85%;
}
@media only screen and (max-width: 768px) {
.resp-vtabs .resp-tabs-container {
width: 100%;
}
}
/**
* Colorbox image styles.
* @see farm_theme_preprocess_field() in template.php.
*/
.field-name-field-farm-images .field-item {
float: left;
padding: 5px;
}
/**
* Fix DateAPI field styles.
*/
.container-inline-date {
margin-bottom: 10px;
}
.container-inline-date .control-label {
display: block;
}
.container-inline-date .date-padding {
float: none;
}
/**
* Fix Views exposed filters.
*/
.views-exposed-form .views-exposed-widget .form-submit {
margin-top: 1.6em;
padding: 6px 12px;
}
/**
* Fix checkboxes in Views Bulk Operations.
*/
.views-field-views-bulk-operations .checkbox input[type="checkbox"] {
margin-left: 0;
position: relative;
}
/**
* Display VBO checkboxes inline in Views Tree displays.
* Note: the .views-tree class must be added manually to the View's
* "Advanced > CSS class" setting.
*/
.views-tree .views-field-views-bulk-operations div.checkbox {
display: inline;
}
.views-tree .views-field-views-bulk-operations .checkbox label {
padding-left: 0;
}
/**
* Fix Modal popup close button (x).
* See https://www.drupal.org/node/2563967
*/
.modal-header .close {
color: #222222;
}
/**
* Style flags checkboxes inline.
*/
#edit-field-farm-flags .form-checkboxes .form-item {
display: inline;
padding-left: 0.5em;
padding-right: 1em;
}
/**
* Improve Bootstrap Tour styling.
*/
.tour .btn {
padding: 6px 12px;
}
.tour .popover-content {
font-size: 16px;
}