diff --git a/style/fsfeurope.css b/look/generic.css similarity index 100% rename from style/fsfeurope.css rename to look/generic.css diff --git a/style/grid.css b/look/grid.css similarity index 100% rename from style/grid.css rename to look/grid.css diff --git a/look/input.css b/look/input.css new file mode 100644 index 0000000000..fe0ee92d1d --- /dev/null +++ b/look/input.css @@ -0,0 +1,203 @@ +input[type=input], +input[type=text], +input[type=email], +input[type=url], +input[type=submit], +button, +select, +.button { + background-image: url("input-bg.png"); + background-repeat: repeat-x; + background-position: 0 0; + border-top: 1px solid rgb(132,132,132); + border-left: 1px solid rgb(193,193,193); + border-bottom: 1px solid rgb(225,225,225); + border-right: 1px solid rgb(193,193,193); + color: rgb(50,50,50); + text-decoration: none; + font-family: "Lucida Grande", "Helvetica", "Arial", sans-serif; + font-size: 9pt; + padding: 5px 8px 5px 5px; + /* + border-radius: 11px; + -moz-border-radius: 11px; + -webkit-border-radius: 11px; + */ +} + +input[type=url], +input[type=email], +input[type=text] { + /* + box-shadow: inset 0 1px 1px rgb(90,90,90); + -moz-box-shadow: inset 0 1px 1px rgb(90,90,90); + -webkit-box-shadow: inset 0 1px 1px rgb(90,90,90); + */ +} + +select { + padding: 2px 0; + width: 132px; +} + +input[type=submit], +button, +.button { + background: white url("../images/input/input-bg.png") repeat-x bottom left; + border-radius: 6px; + -moz-border-radius: 6px; + -webkit-border-radius: 6px; + cursor: pointer; + /*text-shadow: rgb(120,120,120) .5px .5px 3px;*/ + /* + * Opera and WebKit listens to border-radius, while Firefox requires the + * prefix. + */ +} + +input[_placeholder_on] { + color: rgb(120,120,120); +} + +.button-group { + display: inline; +} + +.button-group > * { + margin-right: -4px; +} + +.button-group .button:nth-child(1) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + -webkit-border-radius-topright: 0; + -webkit-border-radius-bottomright: 0; + border-right: 0; +} + +.button-group .button:nth-child(1n+2) { + border-radius: 0; + border-right: 0; + -moz-border-radius: 0; + -webkit-border-radius: 0; +} + +.button-group .button:last-child { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topleft: 0; + -moz-border-radius-bottomleft: 0; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; + -webkit-border-radius-topleft: 0; + -webkit-border-radius-bottomleft: 0; + -webkit-border-radius-topright: 6px; + -webkit-border-radius-bottomright: 6px; + border-right: 1px solid rgb(200,200,200); +} + +/* +input.left, +button.left, +.button.left { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-right: 0; +} + +input.right, +button.right, +.button.right { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +input.middle, +button.middle, +.button.middle { + border-radius: 0; + border-right: 0; +} +*/ + +input[type=submit]:hover, +input[type=submit]:focus, +button:hover, +button:focus, +.button:hover, +.button:focus { + -moz-box-shadow: 0 0 10px #fffc64; + -webkit-box-shadow: 0 0 10px #fffc64; + /* A bug in Opera prevents us from enabling this in that browser. */ +} + +input[type=submit]:active, +button:active, +.button:active, +input[type=submit].toggled, +button.toggled, +.button.toggled { + box-shadow: inset 0 1px 2px rgb(180,180,180); + -moz-box-shadow: inset 0 1px 2px rgb(180,180,180); + /* + * A bug in Webkit prevents us from enabling this in Chrome and Safari. + * Opera listens to box-shadow, while Firefox requires the prefix. + */ +} + +.button.toggled { +} + +input[type=submit] span, +button span, +.button span { + padding: 0 0 3px 3px; /*22px;*/ + background-repeat: no-repeat; +} + +.minibutton { + font-family: "Helvetica", "Arial", "Freesans", "Clean", sans-serif; + display: inline-block !important; + height: 23px; + padding: 0 0 0 3px; + font-size: 11px; + font-weight: bold; + color: rgb(50,50,50) !important; + text-shadow: 1px 1px 0 #fff; + background: url("minibutton_matrix.png") 0 0 no-repeat; + white-space: nowrap; + overflow: visible; + cursor: pointer; +} + +.minibutton > span { + display: block; + height: 23px; + padding: 0 10px 0 8px; + line-height: 23px; + background: urL("minibutton_matrix.png") 100% 0 no-repeat; +} + +.minibutton:hover { + color: white !important; + text-decoration: none !important; + text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); + background-position: 0 -30px; +} + +.minibutton:hover > span { + background-position: 100% -30px; +} + +.minibutton.mousedown { + background-position: 0 -60px; +} + +.minibutton.mousedown > span { + background-position: 100% -60px; +} + diff --git a/style/print.css b/look/print.css similarity index 100% rename from style/print.css rename to look/print.css diff --git a/style/rtl.css b/look/rtl.css similarity index 100% rename from style/rtl.css rename to look/rtl.css