Christian Boos avatar Christian Boos committed 72ade1d

css: nicer looking #prefs boxes and buttons (#10012)

Comments (0)

Files changed (1)


 input[type=button], input[type=submit], input[type=reset] {
  background: #eee;
  color: #222;
- border: 1px outset #ccc;
- padding: .1em .5em;
+ border: 1px outset #eee;
+ border-radius: .3em;
+ box-shadow: .1em .1em .4em 0 #888;
+ padding: .1em .5em .2em;
+ text-shadow: .1em .1em #ddd;
 input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
- background: #ccb;
+ background: #f6f6f6;
+ box-shadow: .1em .1em .6em 0 #999;
+ text-shadow: .1em .1em #fcfcfc;
 input[type=button][disabled], input[type=submit][disabled],
 input[type=reset][disabled] {
 .buttons input { margin: 1em .5em .1em 0 }
 .inlinebuttons input { 
  font-size: 70%;
- border-width: 1px;
- border-style: dotted;
+ border: 1px dotted #ccc;
+ box-shadow: none;
  margin: 0 .1em;
  padding: 0.1em;
  background: none;
 /* Page preferences form */
 #prefs {
  background: #f7f7f0;
- border: 1px outset #998;
+ border: 1px outset #eee;
+ border-radius: 1em;
+ box-shadow: .2em .2em .7em 0 #777;
  float: right;
  font-size: 9px;
  padding: .8em;
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.