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 }