PHP Classes

File: contents/themes/hine/src/panel/css/panel.css

Recommend this page to a friend!
  Classes of Subin Siby   Lobby   contents/themes/hine/src/panel/css/panel.css   Download  
File: contents/themes/hine/src/panel/css/panel.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Lobby
Web OS to install and run Web applications
Author: By
Last change: Lobby 1.0 Cobra
Date: 7 years ago
Size: 2,473 bytes
 

Contents

Class file image Download
nav{position:absolute;top:0;left:0;right:0;height:50px;padding:5px;background:#4280EC;color:white;z-index:1000;box-shadow:0 2px 4px rgba(0,0,0,.5)}nav a{color:white}nav li img{height:40px;width:40px}#panel-top-left,#panel-top-right{display:inline-block;list-style:none}#panel-top-left{margin:0 0 0 60px;padding:0}#panel-top-left li.parent,#panel-top-right li.parent{position:relative;cursor:pointer;margin-right:15px;line-height:40px;min-height:40px;max-height:40px}#panel-top-left ul,#panel-top-right ul{display:none;position:absolute;top:46px;list-style:none;padding:0;max-width:150px;background:#000;line-height:20px;z-index:1000}nav .parent ul .item a{display:block;margin:0;padding:5px 10px;min-width:120px}#panel-top-right{margin:0 60px 0 0;float:right}#panel-top-right ul{text-align:right;right:0}#panel-top-left #lobby a.parent{font-size:30px}#panel-top-left #home a{display:block;height:40px;width:40px;background:url(<?THEME_URL?>/src/panel/image/home.svg);background-size:contain}#panel-top-right .item span{height:22px;width:17px;display:inline-block}#panel-top-right #notifyToggle{background:url(<?THEME_URL?>/src/panel/image/notify.svg) 0 -1px no-repeat;background-size:45px;width:50px;display:block;height:40px}#panel-top-right #notifyToggle.active{background:url(<?THEME_URL?>/src/panel/image/notify-active.svg) 0 -1px no-repeat;background-size:45px}nav .button-collapse{display:inline-block;float:none}nav a.button-collapse i{font-size:3rem;height:43px;line-height:43px}#panel-left{top:50px}#panel-left ul{margin:0}#panel-left li a{padding:0}#notifyBox{display:none;width:300px;height:350px;position:absolute;top:50px;right:0;border:1px solid rgba(100,100,100,.2);-webkit-box-shadow:0 3px 8px rgba(0,0,0,.2);background:#FFF;color:#000;line-height:2rem;z-index:3}#notifyBox:before{content:'';display:block;width:0;height:0;color:transparent;border:10px solid #CCC;border-color:transparent transparent #FFF;margin-top:-20px;margin-left:260px}#notifyBox .notifyItem{margin:0;padding:20px;color:#000}#notifyBox .notifyItem:hover{background:#EEE}#notifyBox .notifyItem img{max-height:32px;max-width:32px}#notifyBox .notifyItemIconupdate{display:block;background:url(<?THEME_URL?>/src/panel/image/update.svg) 0 -1px no-repeat;background-size:30px;width:30px;height:30px}@media screen and (max-width:600px){#panel-top-left{margin-left:0}#panel-top-right{margin-right:0}nav ul a{padding:0 5px}#panel-top-left li.parent,#panel-top-right li.parent{margin-right:5px}}