Commit dbac92b91700e9167f5e31c74ba3796e5165f84c
1 parent
9acf4d5b
Exists in
master
and in
1 other branch
Adding css for new form.
Showing
4 changed files
with
184 additions
and
2 deletions
Show diff stats
| @@ -0,0 +1,66 @@ | @@ -0,0 +1,66 @@ | ||
| 1 | +.dropdown { | ||
| 2 | + background:#dad9d4 url(../gfx/calendar.gif) no-repeat 2px 2px; | ||
| 3 | + border:1px solid #cac9c2; | ||
| 4 | + padding:0.2em; | ||
| 5 | + cursor:default; | ||
| 6 | + filter:alpha(opacity=90); | ||
| 7 | + -moz-opacity:0.9; | ||
| 8 | + opacity: 0.9; | ||
| 9 | + -moz-border-radius:0 2em 0 0; | ||
| 10 | + -khtml-border-radius:0 2em 0 0; | ||
| 11 | + border-radius:0 2em 0 0; | ||
| 12 | + width:21em; | ||
| 13 | +} | ||
| 14 | + | ||
| 15 | +.dropdown .month { | ||
| 16 | + margin-left:48px; | ||
| 17 | + width:37%; | ||
| 18 | +} | ||
| 19 | +.dropdown .year { | ||
| 20 | + margin-left:1em; | ||
| 21 | + width:25%; | ||
| 22 | +} | ||
| 23 | +.dropdown .close { | ||
| 24 | + display:block; | ||
| 25 | + overflow:hidden; | ||
| 26 | + border:0; | ||
| 27 | + position:absolute; | ||
| 28 | + top:0.5em; right:1em; | ||
| 29 | + background:url(../gfx/close.png) no-repeat 50% 50%; | ||
| 30 | + width:16px; height:16px; | ||
| 31 | + border:none; | ||
| 32 | + text-indent:-9999px; | ||
| 33 | +} | ||
| 34 | + | ||
| 35 | +.dropdown table { | ||
| 36 | + border-spacing:0; | ||
| 37 | + table-layout:fixed; | ||
| 38 | + empty-cells:show; | ||
| 39 | + margin-top:0.5em; | ||
| 40 | + width:100%; | ||
| 41 | +} | ||
| 42 | +.dropdown thead th { | ||
| 43 | + width:14%; | ||
| 44 | +} | ||
| 45 | + | ||
| 46 | +.dropdown tbody td { | ||
| 47 | + background:#fff; | ||
| 48 | + text-align:center; | ||
| 49 | + line-height:2; | ||
| 50 | + border:1px solid #dad9d4; | ||
| 51 | +} | ||
| 52 | +.dropdown tbody td.hover { | ||
| 53 | + background:#748098; | ||
| 54 | + color:#fff; | ||
| 55 | + cursor:pointer; | ||
| 56 | +} | ||
| 57 | +.dropdown .weekend { | ||
| 58 | + color:#f00; | ||
| 59 | +} | ||
| 60 | +.dropdown .today { | ||
| 61 | + border:1px solid #f00; | ||
| 62 | +} | ||
| 63 | +.dropdown .selected { | ||
| 64 | + background:#748098; | ||
| 65 | + color:#fff; | ||
| 66 | +} | ||
| 0 | \ No newline at end of file | 67 | \ No newline at end of file |
| @@ -0,0 +1,31 @@ | @@ -0,0 +1,31 @@ | ||
| 1 | +.quimby_box { | ||
| 2 | + background: #EBEFF9 url(chrome://quimby/skin/bottom-left.gif) no-repeat left bottom; | ||
| 3 | +} | ||
| 4 | + | ||
| 5 | +.quimby_box-outer { | ||
| 6 | + background: url(chrome://quimby/skin/bottom-right.gif) no-repeat right bottom; | ||
| 7 | + padding-bottom: 15px; | ||
| 8 | +} | ||
| 9 | + | ||
| 10 | +.quimby_box-inner { | ||
| 11 | + background: url(chrome://quimby/skin/top-left.gif) no-repeat left top; | ||
| 12 | +} | ||
| 13 | + | ||
| 14 | +.quimby_box-header { | ||
| 15 | + background: url(chrome://quimby/skin/top-right.gif) no-repeat right top; | ||
| 16 | + padding-top: 15px; | ||
| 17 | + padding-left: 25px; | ||
| 18 | + padding-right: 25px; | ||
| 19 | +} | ||
| 20 | + | ||
| 21 | +.quimby_search { | ||
| 22 | + background: url(chrome://quimby/skin/btn_normal.png) no-repeat scroll 0 0 transparent!important; | ||
| 23 | + background-position: 5px 5px!important; | ||
| 24 | +} | ||
| 25 | +.quimby_search:hover { | ||
| 26 | + background: url(chrome://quimby/skin/btn_hover.png) no-repeat scroll 0 0 transparent!important; | ||
| 27 | +} | ||
| 28 | +.quimby_search:active { | ||
| 29 | + background: url(chrome://quimby/skin/btn_hover.png) no-repeat scroll 0 0 transparent!important; | ||
| 30 | + background-position: 1px 1px!important; | ||
| 31 | +} |
| @@ -0,0 +1,86 @@ | @@ -0,0 +1,86 @@ | ||
| 1 | +form { | ||
| 2 | + background:#fff; | ||
| 3 | + padding:1em; | ||
| 4 | +} | ||
| 5 | +fieldset div { | ||
| 6 | + margin:0.3em 0; | ||
| 7 | + clear:both; | ||
| 8 | +} | ||
| 9 | +form { | ||
| 10 | + margin:1em; | ||
| 11 | + width:33em; | ||
| 12 | +} | ||
| 13 | +label { | ||
| 14 | + float:left; | ||
| 15 | + width:10em; | ||
| 16 | + text-align:right; | ||
| 17 | + margin-right:1em; | ||
| 18 | +} | ||
| 19 | + | ||
| 20 | +.special { | ||
| 21 | + float:right; | ||
| 22 | + width:19.5em; | ||
| 23 | + text-align:left; | ||
| 24 | + margin-right:1em; | ||
| 25 | +} | ||
| 26 | +legend { | ||
| 27 | + font-size: 120%; | ||
| 28 | + margin: 0.5em 0 0.5em 0; | ||
| 29 | + color: #757575; | ||
| 30 | + font-weight: bolder; | ||
| 31 | +} | ||
| 32 | +legend span { | ||
| 33 | + width:10em; | ||
| 34 | + text-align:right; | ||
| 35 | +} | ||
| 36 | +input { | ||
| 37 | + padding:0.15em; | ||
| 38 | +/* width:10em; */ | ||
| 39 | + border:1px solid #ddd; | ||
| 40 | + background:#fafafa; | ||
| 41 | +/* font:bold 0.95em arial, sans-serif; | ||
| 42 | + -moz-border-radius:0.4em; | ||
| 43 | + -khtml-border-radius:0.4em;*/ | ||
| 44 | +} | ||
| 45 | +input:hover, input:focus { | ||
| 46 | + border-color:#c5c5c5; | ||
| 47 | + background:#f6f6f6; | ||
| 48 | +} | ||
| 49 | +fieldset { | ||
| 50 | + border:1px solid #ddd; | ||
| 51 | + padding:0 0.5em 0.5em; | ||
| 52 | +} | ||
| 53 | + | ||
| 54 | +.radio fieldset, .date fieldset { | ||
| 55 | + border:none; | ||
| 56 | + width:auto; | ||
| 57 | + padding:1px 0 0 11em; | ||
| 58 | +} | ||
| 59 | +.radio legend, .date legend { | ||
| 60 | + font-size:1em; | ||
| 61 | + color:#000; | ||
| 62 | +} | ||
| 63 | +.radio legend span, .date legend span { | ||
| 64 | + position:absolute; | ||
| 65 | + left:0; | ||
| 66 | + top:0.3em; | ||
| 67 | + width:10em; | ||
| 68 | + display:block; | ||
| 69 | +} | ||
| 70 | +.radio label, .radio input { | ||
| 71 | + vertical-align:middle; | ||
| 72 | + display:inline; | ||
| 73 | + float:none; | ||
| 74 | + width:auto; | ||
| 75 | + background:none; | ||
| 76 | + border:none; | ||
| 77 | +} | ||
| 78 | +.radio div { | ||
| 79 | + float:left; | ||
| 80 | + white-space:nowrap; | ||
| 81 | + clear:none; | ||
| 82 | +} | ||
| 83 | + | ||
| 84 | +input.default { | ||
| 85 | + color:#bbb; | ||
| 86 | +} |
src/web/templates/package.html
| 1 | $def with (pkg) | 1 | $def with (pkg) |
| 2 | -<!-- | ||
| 3 | <br /> | 2 | <br /> |
| 4 | <div class="align-right"> | 3 | <div class="align-right"> |
| 5 | <button type="button" class="like_button" onclick=";return false;" id="like" > | 4 | <button type="button" class="like_button" onclick=";return false;" id="like" > |
| @@ -18,7 +17,7 @@ $def with (pkg) | @@ -18,7 +17,7 @@ $def with (pkg) | ||
| 18 | </div> | 17 | </div> |
| 19 | </div> | 18 | </div> |
| 20 | <br /> | 19 | <br /> |
| 21 | ---> | 20 | +<br /> |
| 22 | <div class="graybox"> | 21 | <div class="graybox"> |
| 23 | <h1>$pkg['package'] - <i>$pkg['description']</i></h1> | 22 | <h1>$pkg['package'] - <i>$pkg['description']</i></h1> |
| 24 | <table><tr><td class="noborder"> | 23 | <table><tr><td class="noborder"> |