New wiki

Template:CS button/styles.css: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
No edit summary
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1:
/* The wrapper definescontrols width; the innerchild link gets the button skinstyling */
.capsach-btn {
.capsach-btn { display:inline-block; width:278px; max-width:100%; box-sizing:border-box; }
display:inline-block;
width:278px;
max-width:100%;
box-sizing:border-box;
margin:0.5em 0; /* added: space above and below */
}
 
/* Button lookappearance on the inner anchor/span */
.capsach-btn > a,
.capsach-btn > .capsach-btn__inner {
display:block;
padding:.2em 1.5em;
font: inherit; /* inherituse CapSach site font & size */
color:#202122;
background-color:#FEE330;
Line 20 ⟶ 26:
 
.capsach-btn > a:hover,
.capsach-btn > .capsach-btn__inner:hover { background-color:#FFDD00; }
background-color:#FFDD00;
}
 
.capsach-btn > a:active,
.capsach-btn > .capsach-btn__inner:active { background-color:#F0C800; transform:translateY(1px); }
background-color:#F0C800;
transform:translateY(1px);
}
 
/* Mobile-only full width (opt-in via |mobile=full) */
@media (max-width:720px){
.capsach-btn--mobile { display:block; width:100% !important; }
}
 
/* alignment helpers unchanged */
.capsach-align { text-align:left; }
.capsach-align-right { text-align:right; }
Retrieved from "https://insurerbrain.mediawiki.site/wiki/Template:CS_button/styles.css"