root / snf-cyclades-app / synnefo / admin-interface / static / css / extra.css @ c204fcff
History | View | Annotate | Download (7.4 kB)
1 | c204fcff | Alex Pyrgiotis | /*body { background: url(../img/roughcloth.png);}*/
|
---|---|---|---|
2 | c204fcff | Alex Pyrgiotis | |
3 | c204fcff | Alex Pyrgiotis | .container-fluid { margin-top: 20px; } |
4 | c204fcff | Alex Pyrgiotis | h1 { margin-bottom: 20px; } |
5 | c204fcff | Alex Pyrgiotis | |
6 | c204fcff | Alex Pyrgiotis | /* Subnav */
|
7 | c204fcff | Alex Pyrgiotis | .subnav {
|
8 | c204fcff | Alex Pyrgiotis | width: 100%; |
9 | c204fcff | Alex Pyrgiotis | height: 36px; |
10 | c204fcff | Alex Pyrgiotis | background-color: #eeeeee; /* Old browsers */ |
11 | c204fcff | Alex Pyrgiotis | background-repeat: repeat-x; /* Repeat the gradient */ |
12 | c204fcff | Alex Pyrgiotis | background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ |
13 | c204fcff | Alex Pyrgiotis | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ |
14 | c204fcff | Alex Pyrgiotis | background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ |
15 | c204fcff | Alex Pyrgiotis | background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ |
16 | c204fcff | Alex Pyrgiotis | background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ |
17 | c204fcff | Alex Pyrgiotis | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ |
18 | c204fcff | Alex Pyrgiotis | background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ |
19 | c204fcff | Alex Pyrgiotis | border: 1px solid #e5e5e5; |
20 | c204fcff | Alex Pyrgiotis | -webkit-border-radius: 4px; |
21 | c204fcff | Alex Pyrgiotis | -moz-border-radius: 4px; |
22 | c204fcff | Alex Pyrgiotis | border-radius: 4px; |
23 | c204fcff | Alex Pyrgiotis | } |
24 | c204fcff | Alex Pyrgiotis | .subnav .nav { |
25 | c204fcff | Alex Pyrgiotis | margin-bottom: 0; |
26 | c204fcff | Alex Pyrgiotis | } |
27 | c204fcff | Alex Pyrgiotis | .subnav .nav > li > a { |
28 | c204fcff | Alex Pyrgiotis | margin: 0; |
29 | c204fcff | Alex Pyrgiotis | padding-top: 11px; |
30 | c204fcff | Alex Pyrgiotis | padding-bottom: 11px; |
31 | c204fcff | Alex Pyrgiotis | border-left: 1px solid #f5f5f5; |
32 | c204fcff | Alex Pyrgiotis | border-right: 1px solid #e5e5e5; |
33 | c204fcff | Alex Pyrgiotis | -webkit-border-radius: 0; |
34 | c204fcff | Alex Pyrgiotis | -moz-border-radius: 0; |
35 | c204fcff | Alex Pyrgiotis | border-radius: 0; |
36 | c204fcff | Alex Pyrgiotis | } |
37 | c204fcff | Alex Pyrgiotis | .subnav .nav > .active > a, |
38 | c204fcff | Alex Pyrgiotis | .subnav .nav > .active > a:hover { |
39 | c204fcff | Alex Pyrgiotis | padding-left: 13px; |
40 | c204fcff | Alex Pyrgiotis | color: #777; |
41 | c204fcff | Alex Pyrgiotis | background-color: #e9e9e9; |
42 | c204fcff | Alex Pyrgiotis | border-right-color: #ddd; |
43 | c204fcff | Alex Pyrgiotis | border-left: 0; |
44 | c204fcff | Alex Pyrgiotis | -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); |
45 | c204fcff | Alex Pyrgiotis | -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); |
46 | c204fcff | Alex Pyrgiotis | box-shadow: inset 0 3px 5px rgba(0,0,0,.05); |
47 | c204fcff | Alex Pyrgiotis | } |
48 | c204fcff | Alex Pyrgiotis | .subnav .nav > .active > a .caret, |
49 | c204fcff | Alex Pyrgiotis | .subnav .nav > .active > a:hover .caret { |
50 | c204fcff | Alex Pyrgiotis | border-top-color: #777; |
51 | c204fcff | Alex Pyrgiotis | } |
52 | c204fcff | Alex Pyrgiotis | .subnav .nav > li:first-child > a, |
53 | c204fcff | Alex Pyrgiotis | .subnav .nav > li:first-child > a:hover { |
54 | c204fcff | Alex Pyrgiotis | border-left: 0; |
55 | c204fcff | Alex Pyrgiotis | padding-left: 12px; |
56 | c204fcff | Alex Pyrgiotis | -webkit-border-radius: 4px 0 0 4px; |
57 | c204fcff | Alex Pyrgiotis | -moz-border-radius: 4px 0 0 4px; |
58 | c204fcff | Alex Pyrgiotis | border-radius: 4px 0 0 4px; |
59 | c204fcff | Alex Pyrgiotis | } |
60 | c204fcff | Alex Pyrgiotis | .subnav .nav > li:last-child > a { |
61 | c204fcff | Alex Pyrgiotis | border-right: 0; |
62 | c204fcff | Alex Pyrgiotis | } |
63 | c204fcff | Alex Pyrgiotis | .subnav .dropdown-menu { |
64 | c204fcff | Alex Pyrgiotis | -webkit-border-radius: 0 0 4px 4px; |
65 | c204fcff | Alex Pyrgiotis | -moz-border-radius: 0 0 4px 4px; |
66 | c204fcff | Alex Pyrgiotis | border-radius: 0 0 4px 4px; |
67 | c204fcff | Alex Pyrgiotis | } |
68 | c204fcff | Alex Pyrgiotis | |
69 | c204fcff | Alex Pyrgiotis | /* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
|
70 | c204fcff | Alex Pyrgiotis | @media (min-width: 220px) { |
71 | c204fcff | Alex Pyrgiotis | .subnav-fixed {
|
72 | c204fcff | Alex Pyrgiotis | position: fixed; |
73 | c204fcff | Alex Pyrgiotis | top: 0; |
74 | c204fcff | Alex Pyrgiotis | left: 0; |
75 | c204fcff | Alex Pyrgiotis | right: 0; |
76 | c204fcff | Alex Pyrgiotis | z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */ |
77 | c204fcff | Alex Pyrgiotis | border-color: #d5d5d5; |
78 | c204fcff | Alex Pyrgiotis | border-width: 0 0 1px; /* drop the border on the fixed edges */ |
79 | c204fcff | Alex Pyrgiotis | -webkit-border-radius: 0; |
80 | c204fcff | Alex Pyrgiotis | -moz-border-radius: 0; |
81 | c204fcff | Alex Pyrgiotis | border-radius: 0; |
82 | c204fcff | Alex Pyrgiotis | -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); |
83 | c204fcff | Alex Pyrgiotis | -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); |
84 | c204fcff | Alex Pyrgiotis | box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); |
85 | c204fcff | Alex Pyrgiotis | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */ |
86 | c204fcff | Alex Pyrgiotis | } |
87 | c204fcff | Alex Pyrgiotis | .subnav-fixed .nav { |
88 | c204fcff | Alex Pyrgiotis | /*width: 938px; εαν το ξε-σχολιάσω θα κεντραριστεί*/
|
89 | c204fcff | Alex Pyrgiotis | margin: 0 auto; |
90 | c204fcff | Alex Pyrgiotis | padding: 0 20px; |
91 | c204fcff | Alex Pyrgiotis | } |
92 | c204fcff | Alex Pyrgiotis | .subnav .nav > li:first-child > a, |
93 | c204fcff | Alex Pyrgiotis | .subnav .nav > li:first-child > a:hover { |
94 | c204fcff | Alex Pyrgiotis | -webkit-border-radius: 0; |
95 | c204fcff | Alex Pyrgiotis | -moz-border-radius: 0; |
96 | c204fcff | Alex Pyrgiotis | border-radius: 0; |
97 | c204fcff | Alex Pyrgiotis | } |
98 | c204fcff | Alex Pyrgiotis | } |
99 | c204fcff | Alex Pyrgiotis | |
100 | c204fcff | Alex Pyrgiotis | |
101 | c204fcff | Alex Pyrgiotis | .subnav h2 { padding: 9px; font-size: 1em; line-height: 18px; display: none} |
102 | c204fcff | Alex Pyrgiotis | .subnav-fixed h2 { display: block } |
103 | c204fcff | Alex Pyrgiotis | |
104 | c204fcff | Alex Pyrgiotis | .account-form { float: right; margin-top: 2px; margin-bottom: 0} |
105 | c204fcff | Alex Pyrgiotis | .info-block { margin-top: 30px; background-color: #fff; padding:0;} |
106 | c204fcff | Alex Pyrgiotis | |
107 | c204fcff | Alex Pyrgiotis | .info-block h3 .badge { font-size: 0.8em; padding: 5px 8px; background-color:#659CEF;} |
108 | c204fcff | Alex Pyrgiotis | .info-block table { margin-bottom: 0 } |
109 | c204fcff | Alex Pyrgiotis | .object-details h5 { float: right; margin-top: 10px; margin-right: 10px; font-size: 1em; color: #D9397E } |
110 | c204fcff | Alex Pyrgiotis | .object-anchor { margin-bottom: 5px; height:15px; } |
111 | c204fcff | Alex Pyrgiotis | |
112 | c204fcff | Alex Pyrgiotis | |
113 | c204fcff | Alex Pyrgiotis | .subnav a.deleted { color: #F00 !important } |
114 | c204fcff | Alex Pyrgiotis | |
115 | c204fcff | Alex Pyrgiotis | |
116 | c204fcff | Alex Pyrgiotis | /* new styles olga */
|
117 | c204fcff | Alex Pyrgiotis | |
118 | c204fcff | Alex Pyrgiotis | h1 a:hover { text-decoration:none; } |
119 | c204fcff | Alex Pyrgiotis | .search-query { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } |
120 | c204fcff | Alex Pyrgiotis | a { color:#659CEF; } |
121 | c204fcff | Alex Pyrgiotis | a:hover { color:#2956B2 } |
122 | c204fcff | Alex Pyrgiotis | |
123 | c204fcff | Alex Pyrgiotis | h3 { font-size:21px; cursor:pointer; margin:20px;} |
124 | c204fcff | Alex Pyrgiotis | h4 { font-size:18px; margin-bottom:1em; } |
125 | c204fcff | Alex Pyrgiotis | input:focus, |
126 | c204fcff | Alex Pyrgiotis | textarea:focus { |
127 | c204fcff | Alex Pyrgiotis | border-color: #659CEF; |
128 | c204fcff | Alex Pyrgiotis | outline: 0; |
129 | c204fcff | Alex Pyrgiotis | outline: thin dotted \9; |
130 | c204fcff | Alex Pyrgiotis | /* IE6-9 */
|
131 | c204fcff | Alex Pyrgiotis | |
132 | c204fcff | Alex Pyrgiotis | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #659CEF; |
133 | c204fcff | Alex Pyrgiotis | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #659CEF; |
134 | c204fcff | Alex Pyrgiotis | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #659CEF; |
135 | c204fcff | Alex Pyrgiotis | } |
136 | c204fcff | Alex Pyrgiotis | |
137 | c204fcff | Alex Pyrgiotis | |
138 | c204fcff | Alex Pyrgiotis | .dropdown-menu li > a:hover, |
139 | c204fcff | Alex Pyrgiotis | .dropdown-menu .active > a, |
140 | c204fcff | Alex Pyrgiotis | .dropdown-menu .active > a:hover { background-color: #d5d5d5; } |
141 | c204fcff | Alex Pyrgiotis | |
142 | c204fcff | Alex Pyrgiotis | .object-details-content { margin:1em 0; display:none; } |
143 | c204fcff | Alex Pyrgiotis | .account .object-details-content{ display:block; } |
144 | c204fcff | Alex Pyrgiotis | .nav-tabs { margin:0; border:0 none; } |
145 | c204fcff | Alex Pyrgiotis | .tab-content .dl-horizontal { margin:0; } |
146 | c204fcff | Alex Pyrgiotis | .nav-tabs > .active > a, |
147 | c204fcff | Alex Pyrgiotis | .nav-tabs > .active > a:hover { background-color:#F5F5F5; color:#2956B2; font-weight:bold;} |
148 | c204fcff | Alex Pyrgiotis | .nav-tabs > li { margin-bottom:-2px; } |
149 | c204fcff | Alex Pyrgiotis | .badge { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } |
150 | c204fcff | Alex Pyrgiotis | .object-details .badge { margin-right:8px; } |
151 | c204fcff | Alex Pyrgiotis | .label-success,
|
152 | c204fcff | Alex Pyrgiotis | .badge-success { background-color:#8BBA00 } |
153 | c204fcff | Alex Pyrgiotis | .badge-important { background-color: #F81A23; } |
154 | c204fcff | Alex Pyrgiotis | .badge-info { background-color:#659CEF } |
155 | c204fcff | Alex Pyrgiotis | .show-hide-tabs { margin:2em 0; } |
156 | c204fcff | Alex Pyrgiotis | .show-hide-all { float:right; margin:20px; line-height:27px;} |
157 | c204fcff | Alex Pyrgiotis | .toggle .badge { font-size:14px; padding:5px 9px; } |
158 | c204fcff | Alex Pyrgiotis | .toggle .badge:hover { cursor:pointer; } |
159 | c204fcff | Alex Pyrgiotis | .show-hide-tabs .badge { background-color:#8BBA00; } |
160 | c204fcff | Alex Pyrgiotis | .show-hide-tabs .badge:hover { background-color:#789B0F } |
161 | c204fcff | Alex Pyrgiotis | .show-hide-all .badge { background-color:#8BBA00; } |
162 | c204fcff | Alex Pyrgiotis | .show-hide-all .badge:hover { background-color:#789B0F } |
163 | c204fcff | Alex Pyrgiotis | .vms h3, |
164 | c204fcff | Alex Pyrgiotis | .vms h4 { color:#444 } |
165 | c204fcff | Alex Pyrgiotis | .vms h3:hover, |
166 | c204fcff | Alex Pyrgiotis | .vms h4:hover { color:#666 } |
167 | c204fcff | Alex Pyrgiotis | .networks h3, |
168 | c204fcff | Alex Pyrgiotis | .networks h4 { color:#444 } |
169 | c204fcff | Alex Pyrgiotis | .networks h3:hover, |
170 | c204fcff | Alex Pyrgiotis | .networks h4:hover { color:#666 } |
171 | c204fcff | Alex Pyrgiotis | .account h3, |
172 | c204fcff | Alex Pyrgiotis | .account h4 { color:#444 } |
173 | c204fcff | Alex Pyrgiotis | .account h3:hover, |
174 | c204fcff | Alex Pyrgiotis | .account h4:hover { color:#666 } |
175 | c204fcff | Alex Pyrgiotis | .object-details { padding:20px; } |
176 | c204fcff | Alex Pyrgiotis | .object-details h4 { cursor:pointer; } |
177 | c204fcff | Alex Pyrgiotis | .object-details h4 em { float:right; font-style:normal; font-size:0.833em;} |
178 | c204fcff | Alex Pyrgiotis | .object-details h4 em img { margin:0 5px; } |
179 | c204fcff | Alex Pyrgiotis | h4 .badge { padding:6px 9px 2px; background:url(../img/glyphicons-halflings.png) 160px 43px transparent;} |
180 | c204fcff | Alex Pyrgiotis | h4.expanded .badge { background-position: 185px 43px} |
181 | c204fcff | Alex Pyrgiotis | .row2 { background-color:#EDEDED; } |
182 | c204fcff | Alex Pyrgiotis | |
183 | c204fcff | Alex Pyrgiotis | .row1:hover { background-color:#DDD; } |
184 | c204fcff | Alex Pyrgiotis | .row2:hover { background-color:#DDD; } |
185 | c204fcff | Alex Pyrgiotis | |
186 | c204fcff | Alex Pyrgiotis | h4 i { margin-top: 4px; margin-right: 10px;} |
187 | c204fcff | Alex Pyrgiotis | .container-fluid { margin-left:auto; margin-right:auto; max-width:960px; } |
188 | c204fcff | Alex Pyrgiotis | h3.info { cursor:default; color:#2956B2; text-align:center; font-size:16px; margin-bottom:0;} |
189 | c204fcff | Alex Pyrgiotis | |
190 | c204fcff | Alex Pyrgiotis | .vm-actions { margin-top: 20px; text-align: right; } |
191 | c204fcff | Alex Pyrgiotis | .vm-action { float: right; margin-left: 10px;} |
192 | c204fcff | Alex Pyrgiotis | .vm-action form { margin-bottom: 0px; } |
193 | c204fcff | Alex Pyrgiotis | .vm-action.inactive form input { background-color: #2956B2; color: #ffffff;} |
194 | c204fcff | Alex Pyrgiotis | .vm-action form input { background-color: #F81A23; color: #ffffff;} |
195 | c204fcff | Alex Pyrgiotis | |
196 | c204fcff | Alex Pyrgiotis | .table-sorted th:hover { color:#2956B2; cursor:pointer; } |
197 | c204fcff | Alex Pyrgiotis | .table-sorted th span { padding-right:20px; } |
198 | c204fcff | Alex Pyrgiotis | .table-sorted th:hover span { background:url(../img/arrow-down.png) no-repeat right center; } |
199 | c204fcff | Alex Pyrgiotis | .table-sorted th.headerSortDown span, |
200 | c204fcff | Alex Pyrgiotis | .table-sorted th.headerSortDown:hover span { background:url(../img/arrow-up.png) no-repeat right center; } |
201 | c204fcff | Alex Pyrgiotis | |
202 | c204fcff | Alex Pyrgiotis | .table-sorted th.headerSortUp span, |
203 | c204fcff | Alex Pyrgiotis | .table-sorted th.headerSortUp:hover span { background:url(../img/arrow-down.png) no-repeat right center; } |