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