display: block;
line-height: 50px;
width: 50px;
text-align: center;
text-decoration: none;
color: rgb(102,102,102);
border-left: 1px solid rgb(235,235,235);
}
.topbar a:hover {
background-color: rgb(247,247,247);
}
.topbar li:first-child a {
border: none;
border-right: 1px solid rgb(235,235,235);
}
/*mainContent*/
.mainContent h4 {
line-height: 1;
font-size: 18px;
margin: 1.3em 0 1em;
margin-left: 17px;
}
.mainContent>div {
position: absolute;
opacity: 0;
-webkit-transition:opacity 200ms linear;
-moz-transition:opacity 200ms linear;
-ms-transition:opacity 200ms linear;
transition:opacity 200ms linear;
}
/*通过opacity来切换不同的选项卡*/
.mainContent>div:target {
opacity: 1;
}
.mainContent h2 {
margin:1em 30px;
color: rgb(234,83,63);
font-size: 20px;
}
.mainContent h2:before {
font-family: ‘icomoon’;
content: attr(data-icon);
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 10px;
-webkit-font-smoothing: antialiased;
}
.mainContent div:nth-child(1) h2:before {content: “63”;}
.mainContent div:nth-child(2) h2:before {content: “64”;}
.mainContent div:nth-child(3) h2:before {content: “62”;}
.mainContent div:nth-child(4) h2:before {content: “65”;}
.mainContent div:nth-child(5) h2:before {content: “74”;}
.mainContent div:nth-child(6) h2:before {content: “66”;}
.mainContent div:nth-child(7) h2:before {content: “67”;}
.mainContent div:nth-child(8) h2:before {content: “68”;}
.mainContent div:nth-child(9) h2:before {content: “69”;}
.mainContent div:nth-child(10) h2:before {content: “6a”;}
.mainContent div:nth-child(11) h2:before {content: “75”;}
#dashboard>div {
border: 1px solid rgb(235,235,235);
margin-left: 30px;
float: left;
border-radius: 5px;
min-width: 345px;
height: 262px;
display: inline-block;
}
.monitor ul {
float: left;
padding: 0;
margin: 0 31px 0 17px;
}
.monitor li {
list-style:none;
font: 600 14px/28px helvetica,verdana,sans-serif;
color: rgb(102,102,102);
text-transform: capitalize;
}
.monitor li a {
color: rgb(102,102,102);
text-transform: capitalize;
text-decoration: none;
}
.monitor li:first-child {
border-bottom: 1px dotted rgb(153,153,153);
}
.discussions .comments {color: rgb(27,106,173);}
.discussions .approved {color: rgb(105,174,48);}
.discussions .pending {color: rgb(246,129,15);}
.discussions .spam {color: rgb(243,47,47);}
.monitor .count {
color: rgb(27,106,173);
text-align: right;
