Last active
September 6, 2015 08:26
-
-
Save xhinking/58540b5d216e0466af7c to your computer and use it in GitHub Desktop.
Umeng New Style
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { | |
height: auto; | |
min-height: 100%; | |
margin: 0; | |
padding: 0; | |
font-family: 'Helvetica Neue', "Hiragino Sans GB","Microsoft YaHei",sans-serif; | |
font-size: 14px; | |
-webkit-font-smoothing: antialiased; | |
} | |
.report { | |
background-color: #F0F1F5; | |
} | |
table a { | |
color: #2095F0; | |
} | |
.borders { | |
height: 30px; | |
line-height: 30px; | |
border-radius: 6px; | |
} | |
.custom1 { | |
box-shadow: none; | |
} | |
/* Header */ | |
.bd2 { | |
width: 1335px; | |
margin: 0 auto; | |
} | |
.hd .userHeader { | |
border-bottom: none; | |
background: none; | |
background-color: #444; | |
} | |
.hd .globalNav { | |
height: 50px; | |
line-height: 50px; | |
background-image: none; | |
background-color: #5d5d5d; | |
} | |
.app-select { | |
margin-top: 12px; | |
border: none; | |
border-radius: 4px; | |
} | |
.app-select .custom { | |
border: none; | |
} | |
.topNav .icon { | |
display: none; | |
} | |
.topNav .navItem span { | |
color: #fff; | |
} | |
.currentItem .bot { | |
height: 2px; | |
background: #fff; | |
} | |
#doc { | |
/*height: 100%;*/ | |
/*#f6f6f6;*/ | |
} | |
#doc .bd { | |
height: 100%; | |
min-height: 910px; | |
max-width: 1100px; | |
margin: 0 auto; | |
margin-top: 40px; | |
position: relative; | |
padding: 0 20px 0 215px; | |
background-color: #fff; | |
border-radius: 6px; | |
box-shadow: 0 5px 15px rgba(5,5,5,0.05); | |
} | |
/* Sidebar */ | |
#leftColContainer { | |
height: 100%; | |
background-color: #41434F; | |
padding-bottom: 0; | |
margin-left: -215px; | |
position: absolute; | |
border-top-left-radius: 6px; | |
border-bottom-left-radius: 6px; | |
bottom: 0; | |
} | |
#siderNav ul.nav-items { | |
border: none; | |
} | |
#siderNav .nav-item { | |
border-top: 0; | |
background-color: #41434F; | |
border-bottom: 0px; | |
} | |
#siderNav .nav-item span a { | |
color: #fff; | |
} | |
#siderNav .nav-item .icon { | |
display: none; | |
} | |
#siderNav li.item-bottom { | |
border-radius: 0; | |
} | |
ul.sub-list { | |
background-color: #5C5F71; | |
border-top: none; | |
color: #fff; | |
} | |
#siderNav .nav-items ul.sub-list a { | |
color: #fff; | |
font-size: 14px; | |
} | |
#siderNav .nav-items ul.sub-list a.current-item { | |
font-weight: bold; | |
} | |
#siderDownLoad .sdkdown a { | |
width: 70%; | |
padding: 8px 0; | |
box-shadow: none; | |
margin: 0 30px; | |
border-radius: 4px; | |
} | |
.updatetime { | |
color: #fff; | |
padding: 10px; | |
} | |
.icon-new { | |
display: none; | |
} | |
/* Footer */ | |
#doc .ft { | |
background: none; | |
position: static; | |
} | |
#doc .ft, #doc .ft a { | |
color: #666; | |
} | |
#doc .hiddenft { | |
display: none; | |
} | |
/* Main content */ | |
.bd #mainContainer { | |
padding-top: 15px; | |
} | |
.mod .mod-header { | |
background: none; | |
border: none; | |
/*border-bottom: 1px solid #999;*/ | |
background-color: #F1F1F1; | |
border-radius: 6px; | |
margin-bottom: 2px; | |
} | |
.mod .mod-body { | |
border: none; | |
} | |
/* UI: Segments */ | |
.tabpanel ul { | |
border-color: #999; | |
border-radius: 4px; | |
border: none; | |
box-shadow: 1px 1px 1px #ddd ; | |
} | |
.tabpanel li { | |
height: 30px; | |
font-size: 14px; | |
background: #F7F7F7; | |
border-left: none; | |
border-color: #E4E4E4; | |
} | |
.tabpanel li:first-child { | |
border-top-left-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.tabpanel li:last-child { | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
.tabpanel li.on, .tabpanel li.active { | |
background: #2095F0; | |
color: #fff; | |
border-color: #2095F0; | |
} | |
/* UI: filters */ | |
.filteritems.borders { | |
border: none; | |
box-shadow: 1px 1px 1px #ddd ; | |
} | |
.filteritems li.items { | |
height: 30px; | |
line-height: 30px; | |
background-image: none; | |
background-color: #F7F7F7; | |
border-left: none; | |
border-color: #E2E2E2; | |
} | |
.filteritems li.items.on { | |
background-color: #3999ED; | |
color: #fff; | |
border-color: #EDF4FE; | |
} | |
/* UI: Particle */ | |
.particle li.on { | |
background: none; | |
border-bottom: 3px solid #2095F0; | |
} | |
/* UI: Compare button */ | |
.constr { | |
background: none; | |
} | |
/* UI: Table */ | |
table.data-load > tbody > tr:hover { | |
background-color: #E0E7F0; | |
} | |
/* Page: realtime summary */ | |
#base-indices .digest-block { | |
width: 23%; | |
border: none; | |
margin: 10px; | |
background-color: #eaeaea; | |
border-radius: 6px; | |
} | |
#base-indices .digest-block.current { | |
background-color: #E0E7F1; | |
} | |
/* Page: trend summary */ | |
#app-digest .digest-block { | |
width: 18%; | |
border: none; | |
margin: 10px; | |
background-color: #eaeaea; | |
border-radius: 6px; | |
} | |
.showdetails { | |
border: none; | |
} | |
/* Page: installation */ | |
.top-info-bar { | |
background-color: #ECF4FF; | |
border-color: #2095F0; | |
border: none; | |
} | |
/* Page: error types */ | |
.filters-container { | |
border: none; | |
border-radius: 6px; | |
} | |
.filters-container-row { | |
border: none; | |
} | |
.version-label { | |
box-shadow: none; | |
border-radius: 6px; | |
} | |
/* Page: group_trend */ | |
.leftCol .addNewApp .addApp { | |
color: #fff; | |
text-decoration: none; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment