rhymix/modules/ncenterlite/skins/default/ncenterlite.css
2022-04-25 02:13:20 +09:00

185 lines
2.6 KiB
CSS

#nc_container {
z-index:99;
position:fixed;
top:0;
left:0;
margin:0;
padding:0;
width:100%;
height:30px;
border-bottom:1px solid;
font-size:12px;
line-height:15px;
}
.ncenterlite_block {
height:28px;
}
#nc_container a {
padding:0;
font-size:12px;
text-decoration:none;
}
#nc_container ul.nc_memu {
display:block;
margin:0;
padding:4px;
list-style:none;
line-height:20px;
}
#nc_container ul:after {
content:"";
display:block;
clear:both;
}
#nc_container ul.nc_memu li {
display:inline-block;
padding:0 5px;
height:20px;
width:auto;
background:transparent!important;
}
#nc_container ul.nc_memu li.fLeft {
float:left;
}
#nc_container ul.nc_memu li.fRight {
float:right;
}
#nc_container ul.nc_memu li a.notify {
display:block;
float:left;
}
#nc_container a.close {
display:block;
}
#nc_container .nc_profile img {
width:20px;
height:20px;
vertical-align:top;
}
#nc_container a.notify .num {
padding:1px 2px;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:12px;
font-weight:700;
font-family:Gulim,"lucida grande",tahoma,verdana,arial,sans-serif;
}
#nc_container .list {
display:none;
position:absolute;
top:30px;
left:0;
max-width:330px;
width:330px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}
#nc_container a.readall {
display:none;
float:left;
margin:0 4px;
font-size:11px;
font-weight:700;
}
#nc_container .listscroll {
overflow-y:auto;
overflow-x:hidden;
}
#nc_container .list ul {
overflow:hidden;
margin:-1px 0;
padding:0;
list-style:none;
}
#nc_container .list li {
margin:-1px 0;
border:1px solid #555;
border-width:1px 0;
}
#nc_container .list li img {
float:left;
margin-right:5px;
width:45px;
height:45px;
border:0;
}
#nc_container .list li a {
display:block;
overflow:hidden;
padding:10px;
font-size:12px;
}
#nc_container .list span.ago {
display:block;
font-size:10px;
}
#nc_container .list .more {
display:block;
padding:10px;
text-align:center;
}
#nc_container ~ .navbar.navbar-fixed-top {
top:28px;
}
#nc_container a:hover,#nc_container .list li a:hover,#nc_container .list .more:hover {
text-decoration:none;
}
@media only screen and (max-device-width: 480px) {
#nc_container {
position:relative;
height:auto;
}
#nc_container .list {
top:2px;
position:relative;
}
#nc_container .list ul {
display:block;
position:relative;
}
#nc_container ul.nc_memu:after {
content:"";
display:block;
visibility:hidden;
height:0;
clear:both;
}
#nc_container .listscroll {
overflow:visible;
}
.ncenterlite_block {
display:none;
}
}