BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

added more button styles and the legend to the label declaration

Browse Source
This commit is contained in:
Dave Gamache 2011-05-20 09:36:57 -07:00
parent 1e6853c9c6
commit 6eb429a255
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
stylesheets/base.css
View File

@ -128,7 +128,10 @@
================================================== */ ================================================== */
a.button, a.button,
button { button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background: #eee; /* Old browsers */ background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
@ -155,7 +158,10 @@
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
a.button:hover, a.button:hover,
button:hover { button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #222; color: #222;
background: #eee; /* Old browsers */ background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
@ -169,7 +175,10 @@
border-left: 1px solid #aaa; } border-left: 1px solid #aaa; }
a.button:active, a.button:active,
button:active { button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
background: #eee; /* Old browsers */ background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */ background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
@ -181,7 +190,11 @@
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa; } border-right: 1px solid #aaa; }
.button.full-width { .button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%; width: 100%;
padding-left: 0 !important; padding-left: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
@ -297,7 +310,8 @@
box-shadow: 0 0 3px rgba(0,0,0,.2); } box-shadow: 0 0 3px rgba(0,0,0,.2); }
textarea { textarea {
min-height: 60px; } min-height: 60px; }
label { label,
legend {
display: block; display: block;
font-weight: bold; font-weight: bold;
font-size: 13px; } font-size: 13px; }
@ -305,7 +319,8 @@
width: 220px; } width: 220px; }
input[type="checkbox"] { input[type="checkbox"] {
display: inline; } display: inline; }
label span { label span,
legend span {
font-weight: normal; font-weight: normal;
font-size: 13px; font-size: 13px;
color: #444; } color: #444; }