Subversion Repositories oidplus

Rev

Rev 43 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
4 daniel-mar 1
/*
2
 * OIDplus 2.0
3
 * Copyright 2019 Daniel Marschall, ViaThinkSoft
4
 *
5
 * Licensed under the Apache License, Version 2.0 (the "License");
6
 * you may not use this file except in compliance with the License.
7
 * You may obtain a copy of the License at
8
 *
9
 *     http://www.apache.org/licenses/LICENSE-2.0
10
 *
11
 * Unless required by applicable law or agreed to in writing, software
12
 * distributed under the License is distributed on an "AS IS" BASIS,
13
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14
 * See the License for the specific language governing permissions and
15
 * limitations under the License.
16
 */
2 daniel-mar 17
 
43 daniel-mar 18
label.padding_label {
19
        font-weight: normal !important;
20
        display: inline-block;
21
        float: left;
22
        clear: left;
23
        width: 100px;
24
        text-align: right;
25
        padding-top: 3px;
26
        margin-right: 8px;
27
}
28
 
4 daniel-mar 29
.box {
30
        width:auto !important;
31
        padding:20px;
32
        background-color:#fff;
33
        border:1px solid #ccc;
34
        border-radius:5px;
35
        margin-top:10px;
36
}
37
#titleedit {
38
        width:100%;
39
}
40
#system_title_1 {
11 daniel-mar 41
        color:#2D6A9F;
4 daniel-mar 42
}
95 daniel-mar 43
#system_title_1.mobile {
44
        margin-left:50px;
45
        padding-left:13px;
46
}
4 daniel-mar 47
#system_title_2 {
11 daniel-mar 48
        color:#2B336F;
4 daniel-mar 49
        font-size:2em;
50
}
95 daniel-mar 51
#system_title_2.mobile {
52
        margin-left:50px;
53
        padding-left:13px;
54
}
55
#system_title_bar a.icon {
56
        color: white;
57
        padding: 15px 17px;
58
        text-decoration: none;
59
        font-size: 17px;
60
        display: block;
61
        background: black;
62
        position: absolute;
63
        left: 0;
64
        top: 0;
65
}
66
 
67
#system_title_bar a.icon:hover {
68
        background-color: #ddd;
69
        color: black;
70
}
71
 
4 daniel-mar 72
#system_title_bar {
73
        line-height:1.75em;
2 daniel-mar 74
 
4 daniel-mar 75
        height:55px !important;
2 daniel-mar 76
 
4 daniel-mar 77
        font-style:italic;
78
        font-weight:bolder;
79
        float:left;
80
        border-bottom:1px;
2 daniel-mar 81
 
4 daniel-mar 82
        width:100%; /* brauchen wir fuer NoScript */
83
        padding-left:5px;/* brauchen wir fuer NoScript */
84
        padding-right:5px;/* brauchen wir fuer NoScript */
2 daniel-mar 85
 
4 daniel-mar 86
        padding-left:0px;
9 daniel-mar 87
        margin-left:0px;
2 daniel-mar 88
 
4 daniel-mar 89
        display:block; /* TODO: geht nicht */
2 daniel-mar 90
 
4 daniel-mar 91
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0d8ef+0,ddf1f9+65,feffff+100 */
92
        background: #a0d8ef; /* Old browsers */
93
        background: -moz-linear-gradient(left, #a0d8ef 0%, #ddf1f9 65%, #feffff 100%); /* FF3.6-15 */
94
        background: -webkit-linear-gradient(left, #a0d8ef 0%,#ddf1f9 65%,#feffff 100%); /* Chrome10-25,Safari5.1-6 */
95
        background: linear-gradient(to right, #a0d8ef 0%,#ddf1f9 65%,#feffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
96
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d8ef', endColorstr='#feffff',GradientType=1 ); /* IE6-9 */
95 daniel-mar 97
 
98
        overflow:hidden;
4 daniel-mar 99
}
13 daniel-mar 100
#system_title_bar a:hover, #system_title_bar a:active, #system_title_bar a:focus, #system_title_bar a:visited, #system_title_bar a:link {
4 daniel-mar 101
        text-decoration:none;
102
}
95 daniel-mar 103
#oidtree.pc {
4 daniel-mar 104
        position:absolute;
105
        left:0px;
106
        bottom:0px;
107
        padding-left:5px;/* brauchen wir fuer NoScript */
108
        padding-right:5px;/* brauchen wir fuer NoScript */
109
        top:55px; /* brauchen wir fuer NoScript */
110
        width:400px; /* brauchen wir fuer NoScript */
111
}
95 daniel-mar 112
#oidtree.mobile {
113
        display: none;
114
        margin-top:45px;
115
}
116
#content_window.mobile {
117
        padding-left:16px;
118
        padding-top:28px;
119
}
120
#content_window.pc {
4 daniel-mar 121
        position:absolute;
122
        left:400px;
123
        right:0px;
124
        bottom:0px;
125
        top:55px; /* brauchen wir fuer NoScript */
126
        padding-left:20px;
127
        padding-right:20px;
128
}
129
html {
130
        margin:0;
131
        padding:0;
132
        height:100%;
133
        font-family:Helvetica;
134
}
135
body {
136
        margin:0px;
137
        padding:0px;
138
        font-size:0.85em;
139
        height:100%;
140
}
95 daniel-mar 141
body.pc {
142
        overflow:hidden;
143
}
4 daniel-mar 144
h1 {
145
        font-size:1.8em;
146
}
11 daniel-mar 147
h2 {
148
        font-size:1.6em !important;
149
}
4 daniel-mar 150
.borderbox {
151
        overflow:auto;
152
        border:1px solid silver;
153
}
154
 
155
/**
156
 *      Splitter / uiLayout
157
 */
158
.ui-layout-pane { /* all 'panes' */
159
        border: 1px solid #BBB;
160
}
161
.ui-layout-pane-center { /* content body */
162
        padding: 0;
163
        margin:  0;
164
}
165
.ui-layout-pane-west { /* west pane */
166
        padding: 0 10px;
167
        background-color: #f9f9f9 !important;
168
        overflow: auto;
169
}
170
.ui-layout-resizer { /* all 'resizer-bars' */
171
        background: #DDD;
172
        top:55px !important; /* DM 13.03.2019 */
173
}
174
.ui-layout-resizer-open:hover { /* mouse-over */
175
        background: #9D9;
176
}
177
.ui-layout-resizer-north {
178
        background:#2b336f !important;
179
        z-index:10 !important; /* DM 13.03.30291 */
180
}
181
.ui-layout-toggler { /* all 'toggler-buttons' */
182
        background: #AAA;
2 daniel-mar 183
        }
4 daniel-mar 184
.ui-layout-toggler-closed { /* closed toggler-button */
185
        background: #CCC;
186
        border-bottom: 1px solid #BBB;
187
}
188
.ui-layout-toggler .content { /* toggler-text */
189
        font: 14px bold Verdana, Verdana, Arial, Helvetica, sans-serif;
190
}
191
.ui-layout-toggler:hover { /* mouse-over */
192
        background: #DCA;
193
}
194
.ui-layout-toggler:hover .content { /* mouse-over */
195
        color: #009;
196
}
2 daniel-mar 197
 
4 daniel-mar 198
/* masks are usually transparent - make them visible (must 'override' default) */
199
.ui-layout-mask {
6 daniel-mar 200
        background: #C00 !important;
201
        opacity: .20 !important;
202
        filter: alpha(opacity=20) !important;
4 daniel-mar 203
}
10 daniel-mar 204
 
205
/* Tabs */
206
 
207
#loginTab .tab-content {
208
        color: black;
209
        background-color: #eeeeee;
210
        padding : 5px 15px;
211
}
212
 
213
#loginTab .nav-pills > li > a {
214
        border-radius: 0;
215
}
216
 
217
#loginTab .nav-pills > li.active > a {
218
        color: black;
219
        font-weight: bold;
220
        background-color: #eeeeee;
221
}
222