← Back to branch summary

~replaceafill/schooltool/flourish_junk

« back to all changes in this revision

Viewing changes to src/schooltool/skin/flourish/resources/form.css

  • Committer: Douglas Cerna
  • Date: 2011-06-12 07:07:24 UTC
  • Revision ID: douglascerna@yahoo.com-20110612070724-57wg3mie0hsltlj9
Friday changes

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/schooltool/skin/flourish/resources/form.css
 
1
/*
 
2
 
 
3
  Form CSS:
 
4
 
 
5
  - fieldset
 
6
  - rows: labels, widgets
 
7
 
 
8
*/
 
9
 
 
10
form {
 
11
    position: relative;
 
12
}
 
13
 
 
14
form > .count {
 
15
    color: #ffffff;
 
16
    font-size: 12px;
 
17
    line-height: 16px;
 
18
    position: absolute;
 
19
    right: 8px;
 
20
    top: -24px;
 
21
    z-index: 1;
 
22
}
 
23
 
 
24
form > fieldset {
 
25
    background-color: #dfdcd9;
 
26
    margin-bottom: 8px;
 
27
    margin-top: 32px;
 
28
    padding-bottom: 4px;
 
29
    position: relative;
 
30
}
 
31
 
 
32
form > fieldset > legend > span {
 
33
    background-color: #aea79f;
 
34
    color: #ffffff;
 
35
    font-size: 16px;
 
36
    line-height: 16px;
 
37
    padding: 8px;
 
38
    position: absolute;
 
39
    top: -32px;
 
40
}
 
41
 
 
42
form > fieldset > legend > span {
 
43
    width: 528px;
 
44
}
 
45
 
 
46
.expand_container form > fieldset > legend > span {
 
47
    width: 928px;
 
48
}
 
49
 
 
50
form fieldset .row {
 
51
    padding: 4px 8px;
 
52
}
 
53
 
 
54
form fieldset .row:first-child {
 
55
    padding-top: 8px;
 
56
}
 
57
 
 
58
form fieldset .row .label {
 
59
    margin-bottom: 4px;
 
60
}
 
61
 
 
62
form fieldset .row .label span {
 
63
    font-size: 12px;
 
64
}
 
65
 
 
66
form fieldset .row .widget .text-widget {
 
67
    background-color: #ffffff;
 
68
    border: 1px solid #ccc1c1;
 
69
    color: #333333;
 
70
    font-size: 12px;
 
71
    height: 20px;
 
72
    width: 286px;
 
73
}
 
74
 
 
75
form fieldset .row .widget .text-widget:focus {
 
76
    border: 2px solid #dd4814;
 
77
    height: 18px;
 
78
}
 
79
 
 
80
form fieldset .row .widget .select-widget {
 
81
    width: 286px;
 
82
}
 
83
 
 
84
form .button-controls {
 
85
    margin-bottom: 8px;
 
86
}
 
87
 
 
88
form .button-controls .submit-widget {
 
89
    background-color: #aea79f;
 
90
    color: #ffffff;
 
91
    font-size: 14px;
 
92
    line-height: 20px;
 
93
}
 
94
 
 
95
form .button-controls .submit-widget:hover {
 
96
    background-color: #dd4814;
 
97
}