style.css in farmOS 7
/**
* 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;
}
File
themes/farm_theme/css/style.css
View source
- /**
- * 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;
- }