Merge branch 'onelab' of ssh://git.onelab.eu/git/myslice into onelab
[unfold.git] / portal / static / css / onelab.css
1 /* @override unfold/static/css/plugin.css */
2
3 /*-------------------------------- MARKO'S STYLES -----*/
4
5
6
7
8 /*** NEW CSS STYLES FOR ONLEAB ***/
9
10 body {
11     background-color:white;
12     color:black;
13     margin:0;
14     padding:0;
15 }
16 a, a:active, a:focus {
17     outline: 0;
18 }
19
20 h1 {
21     border-bottom:1px solid #DDDDDD;
22     padding:0 0 15px 0;
23     margin:0 0 15px 0;
24 }
25 h1 img {
26     vertical-align:top;
27 }
28 div.wrapper {
29     width:980px;
30     margin:0 auto;
31     position:relative;
32 }
33
34 span.label {
35     font-size:11pt;
36     color:gray;
37     font-weight:normal;
38     padding:0;
39 }
40 /***** Notifications *****/
41 .warning {
42     border: 1px solid red;
43     margin: 20px 60px;
44     padding: 10px 20px;
45     color: red;
46     background-color: #f2dbdb;
47     text-align: center;
48 }
49 /* HEADER */
50 div#header {
51     height:100px;
52     background-color:white;
53 }
54
55 div#secondary {
56     
57 }
58
59 div#secondary ul {
60     position:absolute;
61     top:20px;
62     right:0;
63 }
64
65 div#secondary li {
66     font-size:10pt;
67     float:left;
68     list-style:none;
69     margin-right:30px;
70 }
71 div#secondary li a {
72     color:black;
73 }
74 div#secondary li a:hover {
75     color:#270A5A;
76     text-decoration:none;
77 }
78 div#secondary li:last-child {
79     margin-right:0;
80 }
81
82 div#navigation {
83     background-color:black;
84     width:100%;
85     height:40px;
86 }
87 div#navigation div.wrapper {
88     text-align:center;
89 }
90 div#navigation ul {
91     margin:0;
92     padding:0;
93     display: inline-block;
94     list-style-type: none;
95     white-space: nowrap;
96 }
97
98 div#navigation li {
99     color:white;
100     font-family:helvetica, sans-serif;
101     font-size:10pt ;
102     font-weight:normal;
103     line-height:0.8em;
104     letter-spacing:0.6pt;
105     list-style:none;
106     float:left;
107     padding:0;
108     margin:15px 50px 0 0;
109 }
110 div#navigation li a {
111     color:white;
112 }
113 div#navigation li a:hover {
114     text-decoration:none;
115     color:#B8B2FF;
116 }
117 div#navigation li:last-child {
118     margin-right:0;
119 }
120
121 /* HOME DASHBOARD */
122 div#home-dashboard {
123     color:black;
124     margin:25px auto;
125 }
126 div#home-dashboard table {
127     margin:25px;
128     width:100%;
129 }
130 div#home-dashboard table td {
131     text-align:center;
132     padding:15px 0;
133     width:33%;
134 }
135 div#home-dashboard table tr:first-child td {
136     font-size:12pt;
137     font-weight:bold;
138     color:#270A5A;
139 }
140 div#home-dashboard table tr:last-child td {
141     vertical-align:top;
142     padding:25px 0;
143 }
144 div#home-dashboard table tr:last-child td.logged-in {
145     border-right:1px solid #DDDDDD;
146     padding:25px;
147 }
148 div#home-dashboard table tr:last-child td.support {
149     border-left:1px solid #DDDDDD;
150     padding:25px;
151 }
152 div#home-dashboard table tr:last-child td:first-child {
153 }
154 div#home-dashboard table tr:last-child td:last-child {
155     border-right:0;
156 }
157 div#home-dashboard table tr:last-child td.logged-in div {
158     text-align:left;
159     padding:25px 0;
160 }
161 div#home-dashboard table tr:last-child td.support div {
162     text-align:left;
163     padding:25px 0;
164 }
165 div#home-dashboard div.login-widget {
166     padding:20px;
167 }
168 div#home-dashboard table td.support {
169 }
170 div#home-dashboard table td.support a {
171 }
172 div#home-dashboard table td.support a:hover {
173     text-decoration:none;
174 }
175
176 div#home-dashboard div#manager {
177     display:none;
178 }
179
180 .login-submit {
181     vertical-align:middle;
182     padding:0;
183 }
184 .lost-password {
185     font-size:10pt;
186     color:#CCCCCC;
187     text-align:right;
188     padding:0px;
189 }
190 .lost-password a {
191 }
192 .login-signup {
193     border-top:1px solid #CCCCCC;
194     text-align:center;
195     margin-top:15px;
196     padding:5px 0 0 0;
197 }
198 /**/
199
200 /* NAV TABS */
201
202 .nav.nav-tabs {
203 }
204
205 .nav.nav-tabs li.active a {
206    
207 }
208
209 .nav.nav-tabs li a {
210 }
211
212 .nav.nav-tabs li a:hover {
213 }
214
215 /**/
216 /* WELL */
217 div.well {
218 }
219 /**/
220 /* BUTTON */
221 .btn.btn-default {
222     font-weight: bold;
223 }
224
225 .btn.btn-default:hover {
226     font-weight: bold;
227 }
228
229
230 /* SLICE REQUEST */
231 div#slice-request {
232     color:black;
233     margin:25px auto;
234 }
235 .form-hint {
236     font-size:11pt;
237     font-style:italic;
238     color:gray;
239 }
240
241
242
243 /* TICKET REQUEST */
244 div#ticket-request {
245     color:black;
246     margin:25px auto;
247 }
248 .form-hint {
249     font-size:11pt;
250     font-style:italic;
251     color:gray;
252 }
253 div#ticket-request p {
254     margin:20px 0;
255 }