mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 03:01:43 +09:00
185 lines
2.6 KiB
CSS
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;
|
|
}
|
|
}
|