|
1 /*! |
|
2 * modif from bootstrap for p4l |
|
3 */ |
|
4 |
|
5 html, |
|
6 body { |
|
7 height: 100%; |
|
8 /* The html and body elements cannot have any padding or margin. */ |
|
9 } |
|
10 |
|
11 .container { |
|
12 margin: 0 auto; |
|
13 width: 950px; |
|
14 } |
|
15 .navbar { |
|
16 border-radius: 0; |
|
17 } |
|
18 .navbar-inverse { |
|
19 background-color: #333333; |
|
20 border: medium none; |
|
21 } |
|
22 .divctn{ |
|
23 min-height: 800px; |
|
24 } |
|
25 .videotitle{ |
|
26 margin-top: 10px; |
|
27 border-bottom: 1px dotted #333333; |
|
28 } |
|
29 .videolink{ |
|
30 cursor: pointer; |
|
31 } |
|
32 iframe { |
|
33 /*padding: 0; |
|
34 margin: 0;*/ |
|
35 border: none; |
|
36 } |
|
37 |
|
38 footer { |
|
39 padding-bottom: 20px; |
|
40 border-top: 1px solid gray; |
|
41 } |
|
42 |
|
43 .record-table thead td:first-child { |
|
44 width: 190px; |
|
45 } |
|
46 .record-table tbody td:first-child:first-letter { |
|
47 text-transform: uppercase; |
|
48 } |
|
49 .table thead td:first-letter { |
|
50 text-transform: uppercase; |
|
51 } |
|
52 .table thead { |
|
53 font-weight: bold; |
|
54 } |
|
55 .two_buttons{ |
|
56 min-width: 100px; |
|
57 } |
|
58 |
|
59 |
|
60 .bottom-5 { |
|
61 margin-bottom: 5px; |
|
62 } |
|
63 .after-plus { |
|
64 margin-top: 5px; |
|
65 } |
|
66 .after-plus button { |
|
67 margin-right: 5px; |
|
68 } |
|
69 |
|
70 .rotate{ |
|
71 transform:rotate(90deg); |
|
72 -ms-transform:rotate(90deg); |
|
73 -webkit-transform:rotate(90deg); |
|
74 } |
|
75 |
|
76 .spinner { |
|
77 width: 14px; |
|
78 height: 14px; |
|
79 float: left; |
|
80 background:url(./img/ajax-loader.gif) no-repeat center center; |
|
81 border-radius: 50%; |
|
82 opacity: .7; |
|
83 margin-right: 4px; |
|
84 } |
|
85 |
|
86 .grey-bottom { |
|
87 border-bottom: 1px dotted #CCC; |
|
88 } |
|
89 |
|
90 .well { |
|
91 margin-bottom: 5px; |
|
92 padding: 4px 5px 8px 8px; |
|
93 } |
|
94 |
|
95 label { |
|
96 margin-bottom: 0px; |
|
97 } |
|
98 |
|
99 .edit-form-row:nth-child(odd) { |
|
100 background: #EEE; |
|
101 } |
|
102 |
|
103 .break-word { |
|
104 word-wrap: break-word; |
|
105 } |
|
106 |
|
107 /* Flags */ |
|
108 .flag { |
|
109 width: 16px; |
|
110 height: 11px; |
|
111 padding: 0; |
|
112 border: none; |
|
113 background:url(./img/flags.png) no-repeat; |
|
114 /* hack to hide the button text */ |
|
115 text-indent: -999em; /* Hide the text, works in most modern browsers */ |
|
116 font-size: 0px; /* works well in IE7. still a black line (basically the text) in IE6. */ |
|
117 /*display: block;*/ /* Negative text-indent works in IE(6? worked fine in 7) only if this is added. */ |
|
118 line-height: 0px; /* Another fix for IE6. */ |
|
119 } |
|
120 .flag.flag-es {background-position: -16px 0} |
|
121 .flag.flag-fr {background-position: 0 -11px} |
|
122 .flag.flag-en {background-position: -16px -11px} |
|
123 |
|
124 /* css class to avoid angular flicker */ |
|
125 [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { |
|
126 display: none !important; |
|
127 } |
|
128 |
|
129 |
|
130 .version { |
|
131 text-align: right; |
|
132 color: white; |
|
133 font-size:9px; |
|
134 } |
|
135 |
|
136 .version:hover { |
|
137 color: inherit; |
|
138 text-decoration: none; |
|
139 border-bottom-width: 0px; |
|
140 border-bottom-style: none; |
|
141 } |
|
142 |
|
143 #wrapper { |
|
144 min-height: 100%; |
|
145 height: auto !important; |
|
146 height: 100%; |
|
147 /* Negative indent footer by it's height */ |
|
148 margin: 0 auto -70px; |
|
149 } |
|
150 |
|
151 /* Set the fixed height of the footer here */ |
|
152 #push, |
|
153 footer { |
|
154 height: 70px; |
|
155 } |
|
156 |
|
157 .footer-img { |
|
158 padding: 10px 0; |
|
159 } |
|
160 |
|
161 #search-input { |
|
162 padding-right: 24px; |
|
163 } |
|
164 |
|
165 #search-input-cancel { |
|
166 text-indent: -1000em; |
|
167 top: 3px; |
|
168 right: 0.5em; |
|
169 } |
|
170 |
|
171 #langselect { |
|
172 padding-bottom: 10px; |
|
173 } |
|
174 |
|
175 |
|
176 #copyright-version a { |
|
177 text-decoration: none; |
|
178 color: inherit; |
|
179 } |