Warning, /webapps/ocs-webserver/httpdocs/theme/flatui/css/oldMenu.css is written in an unsupported language. File is not indexed.
0001 /****************************************** 0002 /* HEADER 0003 /*******************************************/ 0004 0005 header { 0006 background: rgba(0,0,0,0.8); 0007 color: white; 0008 padding: 10px 0 10px 0; 0009 height: 50px; 0010 font-size: 16px; 0011 font-weight: 300; 0012 width: 100%; 0013 position: fixed; 0014 margin-top: -50px; 0015 z-index: 1; 0016 } 0017 0018 header .wrapper { 0019 width: 1170px; 0020 margin: auto; 0021 } 0022 0023 header .wrapper-fluid { 0024 max-width: 1170px; 0025 margin: auto; 0026 } 0027 0028 header .alignleft { 0029 float: left; 0030 padding: 0 10px 10px 0; 0031 } 0032 0033 header .alignright { 0034 float: right; 0035 padding: 0 0 10px 10px; 0036 } 0037 0038 header form#search { 0039 margin: 0; 0040 margin-top: 5px; 0041 display: inline-block; 0042 } 0043 0044 header input#searchbox { 0045 height: 20px; 0046 width: 300px; 0047 border-radius: 0px; 0048 border: none; 0049 padding: 4px 6px; 0050 padding-left: 10px; 0051 } 0052 0053 header .nav { 0054 margin-left: 0; 0055 margin-bottom: 0; 0056 margin-top: 10px; 0057 list-style: none; 0058 } 0059 0060 header nav#top-menu ul { 0061 list-style: none; 0062 margin-top: 0px; 0063 } 0064 0065 header nav#top-menu > ul > li { 0066 display: inline-block; 0067 margin-left: 30px; 0068 } 0069 0070 header .aligntop { 0071 vertical-align: top; 0072 } 0073 0074 header a { 0075 color: white; 0076 } 0077 0078 header a:hover { 0079 color: #2e3133; 0080 } 0081 0082 header a#whatshot { 0083 color: white; 0084 font-size: 20px; 0085 margin-left: 20px; 0086 } 0087 0088 header ul.menu { 0089 position: relative; 0090 display: inline-block; 0091 padding: 0; 0092 margin: 0; 0093 } 0094 0095 header ul.menu li{ 0096 list-style: none; 0097 display: inline-block; 0098 padding:0 25px; 0099 margin: 0; 0100 text-align: center; 0101 cursor: pointer; 0102 } 0103 0104 header ul.menu li:hover{ 0105 background: white; 0106 color: #2e3133; 0107 } 0108 0109 header ul.menu li:hover a { 0110 color: #2e3133; 0111 } 0112 0113 header ul.left-menu { 0114 margin-left: 40px; 0115 } 0116 0117 header ul.left-menu li { 0118 height: 60px; 0119 border-left: 1px solid #444; 0120 margin-top: -16px; 0121 padding-top: 18px; 0122 margin-right: -4px; 0123 } 0124 0125 header ul.right-menu li { 0126 height: 60px; 0127 border-right: 1px solid #444; 0128 margin-top: -10px; 0129 padding-top: 18px; 0130 margin-left: -4px; 0131 } 0132 0133 header ul.menu li ul{ 0134 padding: 0; 0135 list-style:none; 0136 position:absolute; 0137 left: -9999px; 0138 border: none; 0139 border-radius: 5px; 0140 font-size: 14px; 0141 color: #7f8c8d; 0142 font-weight: normal; 0143 } 0144 0145 header ul.menu ul li{ 0146 text-align: left; 0147 display: block; 0148 float:none; 0149 width: 270px; 0150 height: 35px; 0151 border: none; 0152 background: #ecf0f1; 0153 margin: 0; 0154 padding: 15px 0 35px 15px; 0155 border-bottom: 1px solid white; 0156 } 0157 0158 header ul.menu li:hover ul li a { 0159 color: #7f8c8d; 0160 } 0161 0162 header ul.menu li ul li:hover a, header ul.menu ul li:hover a:hover { 0163 color: white; 0164 } 0165 0166 header ul.left-menu .dropdown-header{ 0167 width: 270px; 0168 height: 12px; 0169 background: url(/images/system/dropdown-header-left.png); 0170 } 0171 0172 header ul.right-menu .dropdown-header{ 0173 display: block; 0174 width: 270px; 0175 height: 12px; 0176 background: url(/images/system/dropdown-header-right.png); 0177 } 0178 0179 header ul.right-menu a.user-dropdown-menu { 0180 display: inline-block; 0181 margin-right: 0px; 0182 width: 15px; 0183 height: 15px; 0184 background: url(/images_sys/sprite.png) no-repeat; 0185 background-position: -22px -314px; 0186 vertical-align: middle; 0187 } 0188 0189 header ul.menu li ul li.first { 0190 border-radius: 5px 5px 0 0; 0191 } 0192 0193 header ul.menu li ul li:last-child { 0194 border-radius: 0 0 5px 5px; 0195 border-bottom: none; 0196 } 0197 0198 header ul.menu li:hover ul.hot{ 0199 left: 0px; 0200 top: 30px; 0201 } 0202 0203 header ul.menu li:hover ul.categories{ 0204 left: 125px; 0205 top: 30px; 0206 } 0207 0208 header ul.menu li:hover ul.profile-menu{ 0209 left: 118px; 0210 top: 35px; 0211 } 0212 0213 header ul.menu ul li:hover { 0214 background: #08a5c1; 0215 color: white; 0216 } 0217 0218 0219 header ul.left-menu li:last-child { 0220 border-right: 1px solid #444; 0221 } 0222 0223 header ul.right-menu li:first-child { 0224 border-left: 1px solid #444; 0225 } 0226 0227 header ul.left-menu li ul li:last-child { 0228 border-right: none; 0229 } 0230 0231 header ul.right-menu li ul li:last-child { 0232 border-left: none; 0233 } 0234 0235 header ul.right-menu li .icon-down { 0236 margin-left: 60px; 0237 } 0238 0239 header ul.menu li ul .profile-summary { 0240 background: #ecf0f1; 0241 border-bottom: 1px solid white; 0242 border-radius: 5px 5px 0 0; 0243 text-align: left; 0244 cursor: default; 0245 } 0246 0247 header .profile-summary { 0248 padding: 30px 0 15px 15px; 0249 } 0250 0251 header .profile-image-header { 0252 min-height: 76px; 0253 } 0254 0255 header .image-overlay-32 { 0256 position: absolute; 0257 width: 32px; 0258 height: 32px; 0259 padding: 0; 0260 margin: 0; 0261 opacity: 1; 0262 } 0263 0264 header .profile-image-header-overlay { 0265 width: 76px; 0266 height: 76px; 0267 background: url(/images/system/profile-image-header-overlay.png) 0268 } 0269 0270 0271 0272 header .welcome-header { 0273 margin-left: 20px; 0274 margin-top: 20px; 0275 } 0276 0277 header .profile-header-name { 0278 font-size: 16px; 0279 color: #34495c; 0280 } 0281 0282 #content { 0283 margin-top: 50px; /* to counter our header margin */ 0284 } 0285 0286 #explore-content { 0287 margin-top: 50px; /* to counter our header margin */ 0288 } 0289 0290 /****************************************** 0291 /* TOP MENU 0292 /*******************************************/ 0293 0294 header nav#top-menu { 0295 font-size: 20px; 0296 margin-top: 10px; 0297 } 0298 0299 header nav#top-menu ul { 0300 list-style: none; 0301 margin-top: 0px; 0302 } 0303 0304 header nav#top-menu > ul > li { 0305 display: inline-block; 0306 margin-left: 30px; 0307 } 0308 0309 header nav#top-menu > ul > li > a { 0310 color: white; 0311 } 0312 0313 header nav#top-menu ul li a:hover { 0314 /* to be decided */ 0315 } 0316 0317 header nav#top-menu ul li a.active { 0318 color: #08a5c1; 0319 }