~vcs-imports/clansuite/trunk

« back to all changes in this revision

Viewing changes to themes/frontend/dark/css/screen/multisearch.css

  • Committer: paulbr
  • Date: 2011-05-17 09:43:57 UTC
  • Revision ID: paulbr-20110517094357-yzy4qzdy62rc5dwb
- smarty function.icon.php fixed
- new table for news comments (test)
- entities: user/comment fixed
- new theme dark / csfw modified

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/*
 
2
 * -----------------------------------------------------------------------------------------------
 
3
 * Clansuite CSS2 Framework (CSFW)
 
4
 * -------------------------------------------------------------------------------------------------
 
5
 * Clansuite - just an eSports CMS
 
6
 * Jens-André Koch © 2005 - onwards
 
7
 * http://www.clansuite.com/
 
8
 * -----------------------------------------------------------------------------------------------
 
9
 * Document   : multisearch.css
 
10
 * Description : form definitions
 
11
 * Syntax recommendation http://www.w3.org/TR/REC-CSS2
 
12
 * -----------------------------------------------------------------------------------------------
 
13
 * @license    GNU/GPL v2 or (at your option) any later version, see "/doc/LICENSE".
 
14
 * @author     Jens-André Koch <vain@clansuite.com>
 
15
 * @package      CSFW
 
16
 * subpackage    Theme
 
17
 * @version        1.0
 
18
 * -----------------------------------------------------------------------------------------------
 
19
*/
 
20
 
 
21
    /***********************************************************************
 
22
       MULTI SEARCH FORM
 
23
         e.g. Quick Search im header
 
24
    ***********************************************************************/
 
25
 
 
26
@media screen
 
27
{
 
28
    /* Ausgabe des Search -string/ -modul im header von action_mutlisearch */
 
29
    .quicksearchstring,
 
30
    .quicksearchmodul,
 
31
    .quicksearchfields
 
32
    {
 
33
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 
34
        font-size: 9pt;
 
35
        font-style: italic;
 
36
        font-weight: normal;
 
37
        color: #FFCC00;
 
38
    }
 
39
 
 
40
 
 
41
    /* DIV zur Positionierung des Formulares */
 
42
    #multiSearchForm
 
43
    {
 
44
        float: right;
 
45
        margin: 5px 0px;
 
46
        /*margin-right: 10px;*/
 
47
        padding: 4px 0px 5px 10px;
 
48
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 
49
        font-size: 9pt; 
 
50
        display: block;
 
51
    }
 
52
 
 
53
    #multiSearchForm #searchForm
 
54
    {
 
55
        padding: 0px 5px 8px 5px;
 
56
        border: 1px solid #7e9dba;
 
57
        display: inline-block;
 
58
        width: auto;
 
59
    }
 
60
 
 
61
    #multiSearchForm #searchForm h2
 
62
    {
 
63
        margin: 5px 0px 3px 0px;
 
64
        font-size: 11pt; 
 
65
        font-weight: bold;
 
66
    }
 
67
 
 
68
    #multiSearchForm #searchForm .note
 
69
    {
 
70
        float: right;
 
71
        margin: 8px 0px 3px 0px;
 
72
        padding: 0;
 
73
        font-size: 8pt; 
 
74
        font-weight: normal;
 
75
        font-style: italic;
 
76
    }
 
77
 
 
78
    #multiSearchForm #searchForm #selectedsearch
 
79
    {
 
80
        font-size: 10pt; 
 
81
        font-weight: bold;
 
82
    }
 
83
 
 
84
    #multiSearchForm #searchForm .multisearchInput
 
85
    {
 
86
        padding: 2px 1px 1px 10px;
 
87
        border: 0;
 
88
        border-left: 1px solid #7e9dba;
 
89
        margin: 0;
 
90
        height: 21px;
 
91
        display: inline-block;
 
92
        width: 230px;
 
93
        vertical-align: top;
 
94
        background-color: #FFFFFF;
 
95
        background-image: url('../images/icons/search.gif');
 
96
        background-repeat: no-repeat;
 
97
        background-position: 222px 3px;
 
98
        color: #ACACAC;
 
99
    }
 
100
 
 
101
    /* first ul */
 
102
    #multiSearchForm #searchForm ul.dropDown {
 
103
        float: left;
 
104
        margin:0px;
 
105
        padding: 0px;
 
106
        list-style:none;
 
107
        background-image: url('../images/icons/bg_multisearch.gif');
 
108
        background-repeat: repeat;
 
109
        background-position: top;
 
110
        font-weight: normal;
 
111
        display: block;
 
112
    }
 
113
 
 
114
    #multiSearchForm #searchForm ul.dropDown li
 
115
    {
 
116
        float: left;
 
117
        margin: 0px;
 
118
        padding: 0px;
 
119
        display: block;
 
120
    }
 
121
 
 
122
    #multiSearchForm #searchForm ul.dropDown li img
 
123
    {
 
124
        padding: 0px
 
125
        border: 0;
 
126
        vertical-align: middle;
 
127
    }
 
128
 
 
129
    #multiSearchForm ul.dropDown li a
 
130
    {
 
131
        width: 120px;
 
132
        margin: 0px;
 
133
        padding: 2px 0px 2px 8px;
 
134
        border-right: 0px solid #CCCCCC;
 
135
        background-image: url('../images/icons/multisearchForm.gif');
 
136
        background-repeat: no-repeat;
 
137
        background-position: 115px center;
 
138
        vertical-align:middle;
 
139
        text-decoration:none;
 
140
        text-align:left;
 
141
        font-size: 10pt; 
 
142
        line-height: 20px;
 
143
        color: #FFFFFF;
 
144
        font-weight: normal;
 
145
        display:block;
 
146
        outline: none;
 
147
    }
 
148
 
 
149
    #multiSearchForm ul.dropDown li:hover
 
150
    {
 
151
        position:relative;
 
152
    }
 
153
 
 
154
    /* selectedsearch bei hover */
 
155
    #multiSearchForm ul.dropDown li:hover>a
 
156
    {
 
157
        background-color: transparent;
 
158
        text-decoration: none;
 
159
    }
 
160
 
 
161
    #multiSearchForm ul.dropDown li a:hover
 
162
    {
 
163
        position: relative;
 
164
        background-color: transparent;
 
165
        text-decoration: none;
 
166
    }
 
167
 
 
168
    #multiSearchForm ul.dropDown a:active,
 
169
    #multiSearchForm ul.dropDown a:focus
 
170
    {
 
171
        outline-style: none;
 
172
    }
 
173
 
 
174
    #multiSearchForm ul.dropDownm li a:hover,
 
175
    #multiSearchForm ul.dropDownm li a
 
176
    {
 
177
        color: #000;
 
178
    }
 
179
 
 
180
    #multiSearchForm ul.dropDownm li a:hover
 
181
    {
 
182
        background-color: #f5db89;
 
183
    }
 
184
 
 
185
    /* second ul */
 
186
    #multiSearchForm ul.dropDown ul
 
187
    {
 
188
        position: absolute;
 
189
        left: -1px;
 
190
        top: 98%;
 
191
        background-color:#fff;
 
192
        margin: -2px 0px 0px 0px;
 
193
        border-top: 1px solid #7e9dba;
 
194
        border-left: 1px solid #7e9dba;
 
195
        border-right: 1px solid #7e9dba;
 
196
        border-bottom: 1px solid #7e9dba;
 
197
    }
 
198
 
 
199
    #multiSearchForm ul.dropDown a:hover ul,
 
200
    #multiSearchForm ul.dropDown a:hover a:hover ul,
 
201
    #multiSearchForm ul.dropDown a:hover a:hover a:hover ul
 
202
    {
 
203
        display:block;
 
204
    }
 
205
 
 
206
    #multiSearchForm ul.dropDown ul
 
207
    {
 
208
        margin:0px;
 
209
        list-style:none;
 
210
        padding:0px;
 
211
    }
 
212
 
 
213
    #multiSearchForm ul.dropDown ul li
 
214
    {
 
215
        float: left;
 
216
        margin: 0px 0px 0px -1px;
 
217
    }
 
218
 
 
219
    #multiSearchForm ul.dropDown ul a
 
220
    {
 
221
        white-space:nowrap;
 
222
        text-align:left;
 
223
        border-right: 0px solid #CCCCCC;
 
224
        border-left: 0px solid #7e9dba;
 
225
        border-top: 0px solid #7e9dba;
 
226
        background-image: none;
 
227
        padding: 3px 5px 3px 5px;
 
228
    }
 
229
 
 
230
    #multiSearchForm ul.dropDown ul,
 
231
    #multiSearchForm ul.dropDown a:hover ul ul
 
232
    {
 
233
        display:none;
 
234
        z-index:99999;
 
235
    }
 
236
 
 
237
    #multiSearchForm ul.dropDown li:hover>ul
 
238
    {
 
239
        display:block;
 
240
    }
 
241
 
 
242
}
 
 
b'\\ No newline at end of file'