| 15 |
15 |
#wrapper {background: white;overflow: hidden;}
|
| 16 |
16 |
#wrapper3 { display: flex; flex-direction: column; }
|
| 17 |
17 |
|
| 18 |
|
#top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
|
|
18 |
#top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 10px 0px 12px;}
|
| 19 |
19 |
#top-menu ul {margin: 0; padding: 0;}
|
| 20 |
20 |
#top-menu li {
|
| 21 |
21 |
float:left;
|
| ... | ... | |
| 29 |
29 |
|
| 30 |
30 |
#account {float:right;}
|
| 31 |
31 |
|
| 32 |
|
#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 8px 20px 6px; position:relative;}
|
|
32 |
#header {min-height:5.3em;margin:0;background-color:#628DB6;color:#f8f8f8; padding: 4px 16px 20px 16px; position:relative;}
|
| 33 |
33 |
#header a {color:#f8f8f8;}
|
| 34 |
34 |
#header h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
|
| 35 |
35 |
#header h1 .breadcrumbs { display:block; font-size: .5em; font-weight: normal; }
|
| ... | ... | |
| 37 |
37 |
#quick-search {float:right;}
|
| 38 |
38 |
#quick-search #q {width:130px; height:24px; box-sizing:border-box; vertical-align:middle; border:1px solid #ccc; border-radius:3px;}
|
| 39 |
39 |
|
| 40 |
|
#main-menu {position: absolute; bottom: 0px; left:6px; margin-right: -500px; width: 100%;}
|
|
40 |
#main-menu {position: absolute; bottom: 0px; left: 10px; margin-right: -500px; width: 100%;}
|
| 41 |
41 |
#main-menu ul {margin: 0; padding: 0; width: 100%; white-space: nowrap;}
|
| 42 |
42 |
#main-menu li {
|
| 43 |
43 |
float:none;
|
| ... | ... | |
| 87 |
87 |
|
| 88 |
88 |
#main {flex-grow: 2; display: flex; flex-direction: row-reverse;}
|
| 89 |
89 |
|
| 90 |
|
#sidebar{ flex-shrink: 0; padding-left: 20px; background: #EEEEEE; border-left: 1px solid #ddd}
|
|
90 |
#sidebar{ flex-shrink: 0; padding-left: 20px; padding-right: 8px; background: #EEEEEE; border-left: 1px solid #ddd}
|
| 91 |
91 |
@media screen and (min-width: 0px) and (max-width: 1089px) {#sidebar{width: 22%;}}
|
| 92 |
92 |
@media screen and (min-width: 1090px) and (max-width: 1279px) {#sidebar{width: 240px;}}
|
| 93 |
93 |
@media screen and (min-width: 1280px) and (max-width: 1599px) {#sidebar{width: 280px;}}
|
| ... | ... | |
| 106 |
106 |
#sidebar a.icon-only:hover {opacity: 1;}
|
| 107 |
107 |
#sidebar li input[type=checkbox] {height: 20px;}
|
| 108 |
108 |
|
| 109 |
|
#content { flex-grow: 1; background-color: #fff; margin: 0px; padding: 6px 10px 10px 10px; overflow-x: auto;}
|
|
109 |
#content { flex-grow: 1; background-color: #fff; margin: 0px; padding: 10px 16px 10px 16px; overflow-x: auto;}
|
| 110 |
110 |
html>body #content { min-height: 600px; }
|
| 111 |
111 |
* html body #content { height: 600px; } /* IE */
|
| 112 |
112 |
|
| ... | ... | |
| 1161 |
1161 |
border-bottom: 1px solid #bbbbbb;
|
| 1162 |
1162 |
position:absolute;
|
| 1163 |
1163 |
padding:4px;
|
| 1164 |
|
width: 20px;
|
|
1164 |
width: 24px;
|
| 1165 |
1165 |
bottom: -1px;
|
| 1166 |
1166 |
}
|
| 1167 |
1167 |
button.tab-left:hover, button.tab-right:hover {
|
| ... | ... | |
| 1172 |
1172 |
}
|
| 1173 |
1173 |
|
| 1174 |
1174 |
button.tab-left {
|
| 1175 |
|
right: 20px;
|
|
1175 |
right: 28px;
|
| 1176 |
1176 |
background: #eeeeee url(../images/arrow_left.png) no-repeat 50% 50%;
|
| 1177 |
1177 |
border-top-left-radius:3px;
|
| 1178 |
1178 |
}
|
| 1179 |
1179 |
|
| 1180 |
1180 |
button.tab-right {
|
| 1181 |
|
right: 0;
|
|
1181 |
right: 4px;
|
| 1182 |
1182 |
background: #eeeeee url(../images/arrow_right.png) no-repeat 50% 50%;
|
| 1183 |
1183 |
border-top-right-radius:3px;
|
| 1184 |
1184 |
}
|
