Merge branch 'onelab' of ssh://git.onelab.eu/git/myslice into onelab
[myslice.git] / portal / static / reputation_static / css / main.css
1 /*\r
2 *\r
3 */\r
4 \r
5 \r
6 \r
7 *{ margin: 0; padding: 0; }\r
8 \r
9 :focus,:active { outline: 0; }\r
10 body {\r
11         font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;\r
12         font-size:12px;\r
13         color: #111; \r
14         background: #f7f7f7;\r
15 }\r
16 .registration_form {\r
17         margin:0 auto;\r
18         width:500px;\r
19         padding:14px;\r
20 }\r
21 label {\r
22         width: 10em;\r
23         float: left;\r
24         margin-right: 0.5em;\r
25         display: block\r
26 }\r
27 .submit {\r
28         float:right;\r
29 }\r
30 fieldset {\r
31         background:#EBF4FB none repeat scroll 0 0;\r
32         border:2px solid #B7DDF2;\r
33         width: 500px;\r
34 }\r
35 legend {\r
36         color: #fff;\r
37         background: #80D3E2;\r
38         border: 1px solid #781351;\r
39         padding: 2px 6px\r
40 }\r
41 .elements {\r
42         padding:10px;\r
43 }\r
44 p {\r
45         color:#666666;\r
46         font-size:13px;\r
47         margin-bottom:20px;\r
48         padding-bottom:10px;\r
49 }\r
50 a{\r
51     color:#0099FF;\r
52 font-weight:bold;\r
53 }\r
54 \r
55 /* Box Style */\r
56  .success, .warning, .errormsgbox, .validation {\r
57         border: 1px solid;\r
58         margin: 0 auto;\r
59         padding:10px 5px 10px 60px;\r
60         background-repeat: no-repeat;\r
61         background-position: 10px center;\r
62      font-weight:bold;\r
63      width:450px;\r
64      \r
65 }\r
66 .success {\r
67    \r
68         color: #4F8A10;\r
69         background-color: #DFF2BF;\r
70         background-image:url('../images/success.png');\r
71 }\r
72 .warning {\r
73 \r
74         color: #9F6000;\r
75         background-color: #FEEFB3;\r
76         background-image: url('../images/warning.png');\r
77 }\r
78 .errormsgbox {\r
79  \r
80         color: #D8000C;\r
81         background-color: #FFBABA;\r
82         background-image: url('../images/error.png');\r
83         \r
84 }\r
85 .validation {\r
86  \r
87         color: #D63301;\r
88         background-color: #FFCCBA;\r
89         background-image: url('../images/error.png');\r
90 }\r
91 \r
92 a { text-decoration: none; color: #000; }\r
93         a:hover { color: #000; }\r
94 .x { clear: both; }\r
95 \r
96 p { line-height: 22px; margin: 0 0 22px; color:#666; }\r
97 img { border: 0; }\r
98 \r
99 h1 { font-size: 24px; font-weight: normal; margin-bottom: 15px;}\r
100 h2 { font-size: 14px; font-weight: normal; margin-bottom: 2px; color: #333; }\r
101 h3 { font-size: 14px; font-weight: bolder; margin-bottom: 10px; color: #333; }\r
102 h4 { font-size: 18px; font-weight: normal; float: left; margin: 3px 0 10px; width: 460px; }\r
103 \r
104 #wrapper { margin: 0 auto; width: 980px; background: url(../images/bg.jpg) no-repeat; }\r
105 \r
106 #logo { padding: 20px 12px 10px; }\r
107         #logo h1 { font: bold 24px Arial; text-shadow: 1px 1px 1px #fff; letter-spacing: 4px; }\r
108                 #logo h1 a { color: #333; }\r
109                 #logo h1 a span { color: #000; }\r
110 #content { background: #fff; width: 980px; }\r
111         \r
112 .menu { list-style:none; margin: 14px 25px 0 10px; width: 600px; float: left; }\r
113         .menu li { float: left; margin: 0 4px 0 0; }\r
114         .menu li a { display: block; font-size: 14px; padding: 14px 24px; border: 1px solid #fff; }\r
115         .menu a:hover, .menu li.current a { border: 1px solid #ddd; }\r
116 \r
117                 .menu li ul { display: block; background: #fff; margin: -1px 0 0; position: absolute; display: none; z-index: 2; border: 1px solid #ddd; }\r
118                 .menu li ul li { float: none; display: inline; margin: 0; padding: 0; }\r
119                 .menu li ul li a { width: auto; margin: 4px; white-space: nowrap; }\r
120 \r
121 #search { float: right; width: 275px; margin: 23px 18px; display: inline; }\r
122         #search .text { width: 227px; height: 16px; border: 1px solid #ddd; padding: 5px; float: left; color: #888; }\r
123         #search .submit { float: right; border: 0; background: #000 url(../images/search.gif) no-repeat center 8px; width: 32px; height: 28px; padding-top: 1px; }\r
124 \r
125 #pitch { margin-bottom: 30px; }\r
126         #pitch .infoline { margin-top: -70px; padding: 25px 0 25px 25px; background: #000; font-size: 18px; width: 955px; height: 18px; opacity:0.70; filter:alpha(opacity=70); color: #fff; }\r
127 \r
128         .pitch-gallery { overflow: hidden; width: 980px; position: relative; }\r
129                 .pitch-gallery-holder { width: 3920px; position: relative; top: 0; left: 0; }\r
130                 .pitch-gallery-div { float: left; }\r
131                 \r
132 #left { width: 600px; float: left; margin-left: 25px; display: inline; }\r
133         #left img { float: left; margin: 5px 20px 2px 0; padding: 3px; border: 1px solid #ccc; }\r
134         #left form { padding-left: 45px; }\r
135         #left label { float: left; display: block; clear: both; padding: 3px 0; color: #666; font-weight: normal; width: 150px; }\r
136                 #left .lcurrent { font-weight: bold; }\r
137         #left label img { vertical-align: middle; }\r
138         #left input.text, textarea, select { float: left; margin: 0 5px 10px 0; padding: 2px; width: 250px; border: 1px solid #ccc; }\r
139         #left textarea { height: 200px; }\r
140         #left select { width: 366px; }\r
141         #left input.radio {  }\r
142                 #left input:focus { border-color:#aaa; }\r
143                 #left textarea:focus { border-color: #aaa; }    \r
144         .error { font-size: 10px; color: #666; margin: 0 0 10px 150px; display: none; }\r
145         #left .submit { border: 0; background: #000; color: #fff; padding: 5px; float: left; margin-left: 150px; }\r
146         \r
147 ul { color: #666; margin: 0 0 10px 10px; line-height: 18px; }\r
148 ol { color: #666; margin: 5px 0 5px 30px; line-height: 18px; }\r
149         \r
150         #contact-back { margin: 12px 40px 0 0; float: right; }\r
151 \r
152 .post { position: relative; margin-bottom: 20px; height: 127px; }\r
153 .post-options { position: relative; margin: -37px 0 40px 0; font-size: 10px; color: #666; }\r
154 \r
155 #right { width: 260px; float: right; border-left: 1px solid #ccc; padding-left: 36px; margin-right: 25px; display: inline; }\r
156         \r
157 #feature { margin-left: 25px; padding-bottom: 10px; }\r
158         .small-post { float: left; width: 260px; margin-right: 75px; }\r
159                 .small-post img { border: 1px solid #ccc; padding: 3px; margin-bottom: 10px; }\r
160         .last { margin-right: 0; }\r
161         #feature ul { margin-top: -11px; }\r
162         \r
163 #footer { color: #666; font-size: 11px; margin: 20px 0 20px 10px; }\r
164 \r
165 .post-info { font-size: 11px; color: #999; }\r
166 .read-more { background: url(../images/link.gif) no-repeat center left; padding-left: 13px; font-size: 10px; }\r
167 .break { border-top: 1px solid #ccc; margin: 30px 0; display: block; }\r
168         .no-border { border: 0; }\r
169 .space { margin-bottom: 20px; }\r
170 \r
171 .ui-widget-header {\r
172         background: transparent !important;\r
173         border: none !important;\r
174         border-bottom: 1px solid #AAA !important;\r
175         border-radius: 0px !important;\r
176 }\r
177 \r
178 \r
179 #tabs{\r
180         margin-top: 30px !important;\r
181         min-height: 700px;\r
182 }\r
183 \r
184 \r
185 #temp_log{\r
186         display: block;\r
187         width:700px;\r
188         height:500px;\r
189         overflow: auto;\r
190         background-color:grey;\r
191         color:white !important;\r
192         padding: 10px 10px 10px 10px;\r
193         margin-left:auto;\r
194         margin-right:auto;\r
195         \r
196 }\r