Difference between revisions of "Pivot.css"
From CNAC
TomHutchison (talk | contribs) |
TomHutchison (talk | contribs) m |
||
| (15 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | /* Some color tweaks for CNAC */ | + | /* Test paper texture background */ |
| + | #p-cactions { | ||
| + | background-image: url(skins/pivot/assets/images/white-texture.jpg); | ||
| + | } | ||
| + | /* Some color and other tweaks for CNAC */ | ||
li.name.logo a { | li.name.logo a { | ||
padding: 0; | padding: 0; | ||
| Line 14: | Line 18: | ||
li.name.logo { | li.name.logo { | ||
border: 1px solid #840000; | border: 1px solid #840000; | ||
| + | } | ||
| + | #p-cactions { | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | h4.namespace.label { | ||
| + | padding: 0.35em; | ||
| + | background-color: #840000; | ||
| + | } | ||
| + | ul, ol, dl { | ||
| + | margin-bottom: .25rem; | ||
| + | } | ||
| + | dl { | ||
| + | margin-left: 1.1rem; | ||
| + | } | ||
| + | #n-Add-or-Edit-a-Book a:before, | ||
| + | #ca-nstab-book a:before { | ||
| + | content: "\f02d"; | ||
| + | } | ||
| + | |||
| + | /* Button Tweaks For Outdated(ugh!) Pageforms Extension */ | ||
| + | input[type="submit"].forminput_button, | ||
| + | input[type="submit"].submit-button, | ||
| + | .query-button input[type="submit"] { | ||
| + | margin:.5em .5em 0; | ||
| + | background-color: #3366cc; | ||
| + | color: #fff; | ||
| + | border: 1px solid #3366cc; | ||
| + | padding: .5rem .5rem; | ||
| + | border-radius: 3px; | ||
| + | box-shadow: 0 2px 0 rgba(255,255,255,0.5) inset; | ||
| + | transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; | ||
| + | } | ||
| + | |||
| + | input[type="submit"].forminput_button:hover, | ||
| + | input[type="submit"].submit-button:hover, | ||
| + | .query-button input[type="submit"]:hover { | ||
| + | background-color: #447ff5; | ||
| + | border-color: #447ff5; | ||
| + | box-shadow: none; | ||
| + | transition: background-color 1000ms,color 100ms,border-color 100ms,box-shadow 100ms; | ||
| + | } | ||
| + | input[type="button"].submit-preview { | ||
| + | border: 1px solid #d0d0d0; | ||
| + | padding: .5rem .5rem; | ||
| + | border-radius: 3px; | ||
| + | box-shadow: 0 2px 0 rgba(255,255,255,0.5) inset; | ||
| + | } | ||
| + | .editCancel span.editHelp a { | ||
| + | text-decoration: none; | ||
| + | color: #b32424; | ||
| + | font-weight: 500; | ||
| + | margin: 0 .5rem; | ||
| + | } | ||
| + | .editCancel { | ||
| + | display: inline; | ||
| + | margin: .8em .8em 0 0; | ||
| + | } | ||
| + | /* Improvements to Tabs on Forms */ | ||
| + | #booksedit ul.tabs li a { | ||
| + | font-size: .95em; | ||
| + | padding: .75rem 1rem; | ||
| + | } | ||
| + | #booksedit ul.tabs li a:focus { | ||
| + | outline:none; | ||
| + | } | ||
| + | #booksedit ul.tabs li.tab-title.active { | ||
| + | border:1px #bbb solid; | ||
| + | border-bottom: none; | ||
| + | border-top-right-radius: 8px; | ||
| + | border-top-left-radius: 8px; | ||
| + | margin: 0 1px; | ||
| + | } | ||
| + | #book-content .tabs-content > .content.active { | ||
| + | border: #bbb 1px solid; | ||
| + | padding: 1em; | ||
| + | } | ||
| + | .tabs dd > a, .tabs .tab-title > a { | ||
| + | border-top-left-radius: 8px; | ||
| + | border-top-right-radius: 8px; | ||
| + | margin: 0 1px; | ||
| + | } | ||
| + | .tabs dd.active > a, .tabs .tab-title.active > a { | ||
| + | margin-bottom: -1px; | ||
| + | } | ||
| + | #booksedit ul.tabs li.tab-title.active:first-child { | ||
| + | margin-left:0; | ||
| + | } | ||
| + | #booksedit ul.tabs > li.tab-title:first-child > a { | ||
| + | margin-left: 0; | ||
} | } | ||
Latest revision as of 10:48, 1 May 2020
/* Test paper texture background */
#p-cactions {
background-image: url(skins/pivot/assets/images/white-texture.jpg);
}
/* Some color and other tweaks for CNAC */
li.name.logo a {
padding: 0;
}
body {
background-color: #FFE7C6;
}
.tab-bar {
background: #840000;
}
ul.side-nav label {
background: #840000;
}
li.name.logo {
border: 1px solid #840000;
}
#p-cactions {
background-color: #ffffff;
}
h4.namespace.label {
padding: 0.35em;
background-color: #840000;
}
ul, ol, dl {
margin-bottom: .25rem;
}
dl {
margin-left: 1.1rem;
}
#n-Add-or-Edit-a-Book a:before,
#ca-nstab-book a:before {
content: "\f02d";
}
/* Button Tweaks For Outdated(ugh!) Pageforms Extension */
input[type="submit"].forminput_button,
input[type="submit"].submit-button,
.query-button input[type="submit"] {
margin:.5em .5em 0;
background-color: #3366cc;
color: #fff;
border: 1px solid #3366cc;
padding: .5rem .5rem;
border-radius: 3px;
box-shadow: 0 2px 0 rgba(255,255,255,0.5) inset;
transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
}
input[type="submit"].forminput_button:hover,
input[type="submit"].submit-button:hover,
.query-button input[type="submit"]:hover {
background-color: #447ff5;
border-color: #447ff5;
box-shadow: none;
transition: background-color 1000ms,color 100ms,border-color 100ms,box-shadow 100ms;
}
input[type="button"].submit-preview {
border: 1px solid #d0d0d0;
padding: .5rem .5rem;
border-radius: 3px;
box-shadow: 0 2px 0 rgba(255,255,255,0.5) inset;
}
.editCancel span.editHelp a {
text-decoration: none;
color: #b32424;
font-weight: 500;
margin: 0 .5rem;
}
.editCancel {
display: inline;
margin: .8em .8em 0 0;
}
/* Improvements to Tabs on Forms */
#booksedit ul.tabs li a {
font-size: .95em;
padding: .75rem 1rem;
}
#booksedit ul.tabs li a:focus {
outline:none;
}
#booksedit ul.tabs li.tab-title.active {
border:1px #bbb solid;
border-bottom: none;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
margin: 0 1px;
}
#book-content .tabs-content > .content.active {
border: #bbb 1px solid;
padding: 1em;
}
.tabs dd > a, .tabs .tab-title > a {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin: 0 1px;
}
.tabs dd.active > a, .tabs .tab-title.active > a {
margin-bottom: -1px;
}
#booksedit ul.tabs li.tab-title.active:first-child {
margin-left:0;
}
#booksedit ul.tabs > li.tab-title:first-child > a {
margin-left: 0;
}