initial version of frontend layer
[opensuse:webpin2.git] / api / webpin.api / src / main / static / style.css
1 #main {
2         /*
3         min-width:562px;
4         margin-left:159px;
5         margin-right:264px;
6         padding:0 8px;
7         */
8         margin-left: 10%;
9         margin-right: 10%;
10 }
11
12 #footer img {
13         float: right;
14 }
15
16 #results h3 {
17         display: inline;
18         font-size: medium;
19         font-weight: normal;
20         margin: 0;
21         padding: 0;
22         text-decoration: underline;
23 }
24
25 #results p {
26    font-size: small;
27    margin: 0 0 0 0;
28 }
29
30 #results .links {
31         font-size: x-small;
32         list-style-type: none;
33         padding: 0;
34         margin: 0;
35         color: #666666;
36 }
37 #results .links li {
38         display: inline;
39         padding: 0;
40         margin: 0;
41 }
42 #results .links li:before {
43         content: " - ";
44 }
45 #results .links li:first-child:before {
46         content: "";
47 }
48 #results .links a {
49         padding: 0;
50 }
51 #results .links .tag {
52         font-weight: bold;
53         padding: 0px 2px;
54 }
55 #results .links .repotag {
56    background: #669900;
57         color: white;
58 }
59 #results .links .tag-devel {
60         background: #006699;
61         color: #ffffff;
62 }
63 #results .links .tag-lang {
64         background: #fcefa1;
65         color: #000000;
66 }
67 #results .links .tag-doc {
68         background: #666666;
69         color: #ffffff;
70 }
71 #results .links .tag-lib {
72         background: #666666;
73         color: #ffffff;
74 }
75 #results .links .url {
76         font-weight: inherit;
77         color: #006699;
78 }
79
80 #searchForm p {
81         margin: 0 0 0.3em 0;
82 }
83
84 .result em {
85         font-style: normal;
86         font-weight: bold;
87         color: #000000;
88         background: #ffff00;
89 }
90 .result h3 em {
91         background: inherit;
92 }
93
94 p.links {
95         margin: 0 0 1em 0;
96 }
97
98 #search .options {
99         background: #ffffff;
100         border: 1px solid #669900;
101         padding: 0;
102         font-size: small;
103         margin-bottom: 0.3em;
104         width: 56em;
105         -moz-border-radius: 0 0.5em 0.5em 0;
106 }
107 .options > label.options_label {
108         display: block;
109         float: left;
110         padding: 0.2em 0.5em 0.2em 0.5em;
111         margin-right: 1em;
112         min-width: 8em;
113         background: #669900;
114         color: #ffffff;
115         font-weight: bold;
116 }
117 #search #q {
118         margin-bottom: 0.3em;
119         width: 51.5em;
120 }
121 #search fieldset ul {
122         padding: 0;
123         margin: 0;
124         list-style-type: none;
125 }
126 #search fieldset li {
127         display: block;
128         vertical-align: middle;
129         margin-right: 1em;
130         padding: 1px 0 0.1px 0;
131         float: left;
132         width: 10em;
133         margin: 0;
134 }
135 #search fieldset li * {
136         padding: 0;
137         margin: 0;
138         vertical-align: middle;
139 }
140
141 .result:hover {
142         background: #ffffff;
143 }
144
145 #paging {
146         margin-top: 1em;
147         font-size: medium;
148         vertical-align: text-bottom;
149         font-weight: bold;
150 }
151
152 #paging span, #paging > a {
153         display: block;
154         margin-right: 1em;
155         padding: 0.2em 0.1em;
156         float: left;
157         text-align: center;
158 }
159 #paging span {
160         width: 2em;
161         border: 1px solid #669900;
162         background: #ffffff;
163 }
164 #paging #current_page {
165         background: #669900;
166         color: #ffffff;
167 }
168
169 #paging em {
170         font-weight: bold;
171         font-variant: inherit !important;
172 }