1
0
mirror of https://github.com/kremalicious/krtmn.git synced 2024-12-22 09:13:25 +01:00

stats pages improvements

This commit is contained in:
Matthias Kretschmann 2012-03-10 00:23:34 +01:00
parent 97740badbe
commit b2ce834291

View File

@ -76,6 +76,9 @@ a:hover {
::-moz-selection { background: #000; color: #fff; } ::-moz-selection { background: #000; color: #fff; }
::selection { background: #000; color: #fff } ::selection { background: #000; color: #fff }
img {
max-width: 100%;
}
/* ============================================================== */ /* ============================================================== */
/* Icons */ /* Icons */
/* ============================================================== */ /* ============================================================== */
@ -90,7 +93,9 @@ a:hover {
li#admin_menu_logout_link:before, li#admin_menu_logout_link:before,
#admin_menu li.admin_menu_toplevel a:before, #admin_menu li.admin_menu_toplevel a:before,
td.actions .button:before, td.actions .button:before,
#toggle_plugins { #toggle_plugins:before,
#share_tw:before,
body.infos #informations + h3 a:before {
font-family: FontAwesome; font-family: FontAwesome;
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
@ -207,6 +212,21 @@ td.actions .button.disabled, #add-button.disabled {
margin-right: 1em; margin-right: 1em;
} }
#share_tw {
background: none;
padding-left: 0;
font-weight: normal !important;
}
#share_tw:before {
content: "\f081";
margin-right: .5em;
}
body.infos #informations + h3 a:before {
content: "\f02e";
}
/* ============================================================== */ /* ============================================================== */
/* Forms & Inputs */ /* Forms & Inputs */
@ -526,17 +546,35 @@ table.tblSorter td.clicks {
/* Stats */ /* Stats */
/* ============================================================== */ /* ============================================================== */
h3 span.label { body.infos h3 {
font-size: 1em;
}
body.infos h3 span.label {
width: 10em; width: 10em;
font-weight: normal; font-weight: normal;
font-size: .7em; font-size: .9em;
} }
body.infos #informations + h3 img {
display: none;
}
body.infos #informations + h3 a:before {
color: #191e1f;
margin-right: .6em;
text-shadow: 0 1px 0 rgba(255,255,255,.2);
}
#tabs ul#headers, #tabs ul#headers,
ul.toggle_display { ul.toggle_display {
border-bottom: 1px solid #333; border: none;
box-shadow: 0 1px 0 rgba(255,255,255,.2); }
padding: 0;
.stat_tab h2 {
font-size: 1em;
font-weight: normal;
} }
.tab { .tab {
@ -544,6 +582,11 @@ ul.toggle_display {
padding-right: 0; padding-right: 0;
} }
#tabs ul#headers li a {
padding: .3em .7em;
display: inline-block;
}
#tabs ul#headers li a, #tabs ul#headers li a,
#tabs ul#headers li a.selected, #tabs ul#headers li a.selected,
#stats_lines li a, #stats_lines li a,
@ -557,25 +600,21 @@ ul.toggle_display {
#tabs ul#headers li a.selected, #tabs ul#headers li a.selected,
#stats_lines li a.selected { #stats_lines li a.selected {
background-color: rgba(0,0,0,.1); background: rgba(0,0,0,.1);
background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 40%, rgba(255,255,255,0) 41%, rgba(255,255,255,0) 100%); border-radius: 20px;
background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.03) 40%, rgba(255,255,255,0) 41%, rgba(255,255,255,0) 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0.03)), color-stop(40%,rgba(255,255,255,0.03)), color-stop(41%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0)));
background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%);
background-image: -o-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%);
background-image: -ms-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 40%,rgba(255,255,255,0) 41%,rgba(255,255,255,0) 100%);
border-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border: 1px solid #354143; border: 1px solid #354143;
box-shadow: inset 0 1px 0 rgba(255,255,255,.2); box-shadow: 0 1px 0 rgba(255,255,255,.2);
}
color: rgba(0,0,0,0); #tabs ul#headers li a.selected h2,
#stats_lines li a.selected h2 {
text-shadow: 0 1px 0 rgba(255,255,255,.2);
color: #191e1f;
} }
#tabs ul#headers li a:hover { #tabs ul#headers li a:hover {
background-color: rgba(0,0,0,.1); background: rgba(0,0,0,.1);
border-radius: 20px;
} }
#stats_lines li a.selected:hover { #stats_lines li a.selected:hover {
@ -596,6 +635,10 @@ ul.toggle_display {
background: none !important; background: none !important;
} }
#stat_line_all {
margin-right: 23px;
}
/* ============================================================== */ /* ============================================================== */
/* Animations */ /* Animations */
/* ============================================================== */ /* ============================================================== */