OpenEcoLab-LasAlpujarras/farmOS
3
0
Fork 0
mirror of https://github.com/farmOS/farmOS.git synced 2024-02-23 11:37:38 +01:00
Code Wiki Activity

Add custom CSS to make Field Group Easy Responsive Tabs consistent with other farmOS styles.

Browse source
This commit is contained in:
Michael Stenta 2017-09-25 09:08:20 -04:00
parent 3385ab022b
commit fa4480c73e
1 changed files with 37 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
themes/farm_theme/css/style.css
View file

@ -30,8 +30,9 @@ form#user-login-form ul li {
}
/**
* Add up/down arrow to collapsible fieldset headings.
* 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";
@ -40,11 +41,46 @@ fieldset.collapsible .panel-heading .fieldset-legend:after {
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.