root / snf-cyclades-app / synnefo / helpdesk / static / css / extra.css @ 634e55b3
History | View | Annotate | Download (4.9 kB)
1 |
.container-fluid { margin-top: 20px; } |
---|---|
2 |
h1 { margin-bottom: 20px; } |
3 |
|
4 |
/* Subnav */
|
5 |
.subnav {
|
6 |
width: 100%; |
7 |
height: 36px; |
8 |
background-color: #eeeeee; /* Old browsers */ |
9 |
background-repeat: repeat-x; /* Repeat the gradient */ |
10 |
background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ |
11 |
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ |
12 |
background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ |
13 |
background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ |
14 |
background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ |
15 |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ |
16 |
background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ |
17 |
border: 1px solid #e5e5e5; |
18 |
-webkit-border-radius: 4px; |
19 |
-moz-border-radius: 4px; |
20 |
border-radius: 4px; |
21 |
} |
22 |
.subnav .nav { |
23 |
margin-bottom: 0; |
24 |
} |
25 |
.subnav .nav > li > a { |
26 |
margin: 0; |
27 |
padding-top: 11px; |
28 |
padding-bottom: 11px; |
29 |
border-left: 1px solid #f5f5f5; |
30 |
border-right: 1px solid #e5e5e5; |
31 |
-webkit-border-radius: 0; |
32 |
-moz-border-radius: 0; |
33 |
border-radius: 0; |
34 |
} |
35 |
.subnav .nav > .active > a, |
36 |
.subnav .nav > .active > a:hover { |
37 |
padding-left: 13px; |
38 |
color: #777; |
39 |
background-color: #e9e9e9; |
40 |
border-right-color: #ddd; |
41 |
border-left: 0; |
42 |
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); |
43 |
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); |
44 |
box-shadow: inset 0 3px 5px rgba(0,0,0,.05); |
45 |
} |
46 |
.subnav .nav > .active > a .caret, |
47 |
.subnav .nav > .active > a:hover .caret { |
48 |
border-top-color: #777; |
49 |
} |
50 |
.subnav .nav > li:first-child > a, |
51 |
.subnav .nav > li:first-child > a:hover { |
52 |
border-left: 0; |
53 |
padding-left: 12px; |
54 |
-webkit-border-radius: 4px 0 0 4px; |
55 |
-moz-border-radius: 4px 0 0 4px; |
56 |
border-radius: 4px 0 0 4px; |
57 |
} |
58 |
.subnav .nav > li:last-child > a { |
59 |
border-right: 0; |
60 |
} |
61 |
.subnav .dropdown-menu { |
62 |
-webkit-border-radius: 0 0 4px 4px; |
63 |
-moz-border-radius: 0 0 4px 4px; |
64 |
border-radius: 0 0 4px 4px; |
65 |
} |
66 |
|
67 |
/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
|
68 |
@media (min-width: 220px) { |
69 |
.subnav-fixed {
|
70 |
position: fixed; |
71 |
top: 0; |
72 |
left: 0; |
73 |
right: 0; |
74 |
z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ |
75 |
border-color: #d5d5d5; |
76 |
border-width: 0 0 1px; /* drop the border on the fixed edges */ |
77 |
-webkit-border-radius: 0; |
78 |
-moz-border-radius: 0; |
79 |
border-radius: 0; |
80 |
-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); |
81 |
-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); |
82 |
box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); |
83 |
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ |
84 |
} |
85 |
.subnav-fixed .nav { |
86 |
width: 938px; |
87 |
margin: 0 auto; |
88 |
padding: 0 1px; |
89 |
} |
90 |
.subnav .nav > li:first-child > a, |
91 |
.subnav .nav > li:first-child > a:hover { |
92 |
-webkit-border-radius: 0; |
93 |
-moz-border-radius: 0; |
94 |
border-radius: 0; |
95 |
} |
96 |
} |
97 |
|
98 |
|
99 |
.subnav h2 { padding: 9px; font-size: 1em; line-height: 18px; display: none} |
100 |
.subnav-fixed h2 { display: block } |
101 |
|
102 |
.account-form { float: right; margin-top: 2px; margin-bottom: 0} |
103 |
.info-block { margin-top: 30px; background-color: #fff} |
104 |
|
105 |
.info-block h3 .badge { float: right; font-size: 0.8em; padding: 5px 8px; background-color:#659CEF;} |
106 |
.info-block table { margin-bottom: 0 } |
107 |
.object-details h5 { float: right; margin-top: 10px; margin-right: 10px; font-size: 1em; color: #D9397E } |
108 |
.object-anchor { margin-bottom: 70px } |
109 |
|
110 |
|
111 |
.subnav a.deleted { color: #F00 !important } |
112 |
|
113 |
|
114 |
/* new styles olga */
|
115 |
.search-query { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } |
116 |
a { color:#659CEF; } |
117 |
a:hover { color:#2956B2 } |
118 |
h3 { color:#D61153; font-size:21px;} |
119 |
h4 { font-size:18px; margin-bottom:1em; color:#F46906; } |
120 |
input:focus, |
121 |
textarea:focus { |
122 |
border-color: #659CEF; |
123 |
outline: 0; |
124 |
outline: thin dotted \9; |
125 |
/* IE6-9 */
|
126 |
|
127 |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #659CEF; |
128 |
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #659CEF; |
129 |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #659CEF; |
130 |
} |
131 |
|
132 |
.object-details-content { margin:1em 0; } |
133 |
.nav-tabs { margin:0; border:0 none; } |
134 |
.tab-content .dl-horizontal { margin:0; } |
135 |
.nav-tabs > .active > a, |
136 |
.nav-tabs > .active > a:hover { background-color:#F5F5F5; color:#2956B2; font-weight:bold;} |
137 |
.nav-tabs > li { margin-bottom:-2px; } |
138 |
.badge { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:5px; } |
139 |
.object-details .badge { margin-right:8px; } |
140 |
.label-success,
|
141 |
.badge-success { background-color:#8BBA00 } |
142 |
.badge-important { background-color: #F81A23; } |
143 |
.badge-info { background-color:#659CEF } |