Mercurial > pub > site.implab
comparison public_html/static/css/forms.css @ 11:573272ec604b
almost comlete doxygen library
author | sergey |
---|---|
date | Thu, 15 May 2014 18:24:02 +0400 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
10:83ad674a8cdd | 11:573272ec604b |
---|---|
1 /**************** BLACK BLOCK ****************/ | |
2 | |
3 .float-left { | |
4 float: left; | |
5 } | |
6 | |
7 .black-block { | |
8 background-color: black; | |
9 margin: 3px; | |
10 } | |
11 | |
12 .black-block .content { | |
13 margin: 5px 0; | |
14 color: #ffffff; | |
15 border-left: 6px solid black; | |
16 padding: 10px 10px 10px 5px; | |
17 display: inline-block; | |
18 } | |
19 | |
20 .black-block.green .content { | |
21 border-left: 6px #007000 solid; | |
22 } | |
23 | |
24 .black-block.blue .content { | |
25 border-left: 6px #004070 solid; | |
26 } | |
27 | |
28 .black-block a { | |
29 text-transform: uppercase; | |
30 text-decoration: none; | |
31 } | |
32 | |
33 .black-block.green a:hover { | |
34 border-left: 6px #00ff00 solid; | |
35 } | |
36 | |
37 .black-block.blue a:hover { | |
38 border-left: 6px #0070ff solid; | |
39 } | |
40 | |
41 /* forms */ | |
42 | |
43 .form-error { | |
44 padding: 3px 3px 3px 21px; | |
45 background: #ffc0c0 url('warning-icon-small.png') 2px 2px no-repeat; | |
46 color: #900000; | |
47 border: 1px solid #900000 | |
48 } | |
49 | |
50 .control-errors { | |
51 color: #900000; | |
52 font-style: italic; | |
53 } | |
54 | |
55 .tundra .dijitValidationTextBoxError .dijitValidationIcon { | |
56 background: url('warning-icon-small.png') no-repeat scroll center center transparent; | |
57 } | |
58 | |
59 /* box form */ | |
60 | |
61 .input-control, | |
62 .control-content, | |
63 .control-label { | |
64 position: relative; | |
65 } | |
66 | |
67 .box-form { | |
68 margin: 50px auto; | |
69 width: 300px; | |
70 border: 1px solid #000000; | |
71 } | |
72 | |
73 .box-form .content { | |
74 padding: 10px; | |
75 } | |
76 | |
77 .box-form .title { | |
78 background-color: #000000; | |
79 padding: 10px; | |
80 color: #ffffff; | |
81 font-size: 120%; | |
82 text-transform: uppercase; | |
83 font-weight: bold; | |
84 } | |
85 | |
86 .box-form .dijitTextBox { | |
87 padding: 3px; | |
88 position: relative; | |
89 left: 0px; | |
90 right: 10px; | |
91 width: 100%; | |
92 } | |
93 | |
94 .box-form .input-control .control-content { | |
95 padding-right: 8px; | |
96 } | |
97 | |
98 | |
99 .box-form .control-label { | |
100 padding: 3px 0; | |
101 } | |
102 | |
103 .box-form .control-title { | |
104 text-transform: uppercase; | |
105 } | |
106 | |
107 .box-form .dijitButtonActive .dijitButtonNode, | |
108 .box-form .dijitButtonHover .dijitButtonNode, | |
109 .box-form .dijitButtonNode { | |
110 padding: 5px 0; | |
111 border: none; | |
112 background: #000000; | |
113 color: #f0f0f0; | |
114 } | |
115 | |
116 .box-form .dijitButtonContents { | |
117 border-left: 5px solid #c0c0c0; | |
118 padding: 2px 10px 2px 5px; | |
119 transition: all 0.5s; | |
120 } | |
121 | |
122 .box-form .dijitButtonActive .dijitButtonContents, | |
123 .box-form .dijitButtonHover .dijitButtonContents { | |
124 border-left: 5px solid #00ff00; | |
125 } | |
126 | |
127 /*************** DISPLAY FORM *******************/ | |
128 | |
129 .propertyGroup { | |
130 margin: 10px 0; | |
131 } | |
132 | |
133 .propertyDisplay { | |
134 margin: 0 15px 0 0; | |
135 } | |
136 | |
137 .propertyValue { | |
138 font-weight: bold; | |
139 } |