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

new nav bar, public page h1 color switch

Browse Source
This commit is contained in:
Matthias Kretschmann 2012-02-28 20:49:58 +01:00
parent 94f2074035
commit ff97e6ec4c
1 changed files with 103 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

139
user/css/krtmn.css
View File

@ -13,7 +13,10 @@ table.tblSorter,
/*main text color*/ /*main text color*/
body, body,
table.tblSorter tbody td { table.tblSorter tbody td,
#public h1,
#public h1 a,
#login:before {
color: #191e1f; color: #191e1f;
text-shadow: 0 1px 0 rgba(255,255,255,.1); text-shadow: 0 1px 0 rgba(255,255,255,.1);
} }
@ -90,7 +93,8 @@ a:hover {
td.actions .button:before, td.actions .button:before,
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,
li#admin_menu_help_link a:before { li#admin_menu_help_link a:before,
.error:before {
font-family: 'iconSweetsRegular'; font-family: 'iconSweetsRegular';
font-weight: normal; font-weight: normal;
} }
@ -105,9 +109,17 @@ li#admin_menu_logout_link:before {
font-size: 16px; font-size: 16px;
} }
#admin_menu li.admin_menu_toplevel a:before { #admin_menu li.admin_menu_toplevel a:before,
li#admin_menu_help_link a:before {
margin-right: .7em; margin-right: .7em;
margin-left: -.7em;
font-size: 16px; font-size: 16px;
color: #191e1f;
text-shadow: 0 1px 0 rgba(255,255,255,.1);
font-size: 24px;
vertical-align: text-bottom;
position: relative;
top: -.1em;
} }
li#admin_menu_admin_link a:before { li#admin_menu_admin_link a:before {
@ -125,7 +137,6 @@ li#admin_menu_plugins_link a:before {
li#admin_menu_help_link a:before { li#admin_menu_help_link a:before {
content: "?"; content: "?";
margin-right: .7em; margin-right: .7em;
font-size: 16px;
} }
#public h1.icon.link:before { #public h1.icon.link:before {
@ -133,6 +144,16 @@ li#admin_menu_help_link a:before {
font-size: .8em; font-size: .8em;
} }
.error:before {
content: "!";
margin-right: .7em;
margin-left: -.7em;
font-size: 32px;
vertical-align: top;
line-height: .3em;
position: relative;
}
/* Action Icons */ /* Action Icons */
table.tblSorter tbody td.actions { table.tblSorter tbody td.actions {
@ -262,21 +283,26 @@ input.button {
ul#admin_menu { ul#admin_menu {
min-height: 10px; min-height: 10px;
position: relative; position: relative;
border-top: 1px dashed rgba(255,255,255,.1);
border-bottom: 1px dashed rgba(255,255,255,.1);
margin-bottom: 2em; margin-bottom: 2em;
position: relative; position: relative;
background-color: rgba(0,0,0,.1);
background-image: -webkit-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 53%,rgba(255,255,255,0) 54%,rgba(255,255,255,0) 100%);
background-image: -moz-linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 53%,rgba(255,255,255,0) 54%,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) 53%,rgba(255,255,255,0) 54%,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) 53%,rgba(255,255,255,0) 54%,rgba(255,255,255,0) 100%);
background-image: linear-gradient(-45deg, rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.03) 53%,rgba(255,255,255,0) 54%,rgba(255,255,255,0) 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #354143;
-webkit-box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2);
-moz-box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2);
box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2);
} }
ul#admin_menu:after {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: 0;
border-bottom: 1px dashed #2f393b;
}
ul#admin_menu li { ul#admin_menu li {
display: inline; display: inline;
@ -285,8 +311,18 @@ ul#admin_menu li {
ul#admin_menu a { ul#admin_menu a {
padding: .5em 2em; padding: .5em 2em;
display: inline-block; display: inline-block;
border-right: 1px solid rgba(255,255,255,.1);
box-shadow: inset -1px 0 0 #333e40;
width: 24%;
text-align: center;
font-size: .9em;
} }
ul#admin_menu #admin_menu_plugins_link a {
border-right: none;
box-shadow: none;
}
ul#admin_menu a:hover { ul#admin_menu a:hover {
background: rgba(255,255,255,.1); background: rgba(255,255,255,.1);
text-decoration: none; text-decoration: none;
@ -309,6 +345,13 @@ ul#admin_menu li#admin_menu_logout_link {
ul#admin_menu li#admin_menu_logout_link a { ul#admin_menu li#admin_menu_logout_link a {
padding: .5em; padding: .5em;
width: auto;
border: none;
box-shadow: none;
}
li#admin_menu_help_link {
display: none !important;
} }
@ -337,6 +380,10 @@ div.share {
margin-top: 2em; margin-top: 2em;
} }
#new_url {
margin: 4em 0;
}
#new_url div { #new_url div {
background: none; background: none;
padding: 0; padding: 0;
@ -561,7 +608,7 @@ ul.toggle_display {
a, a,
input, input,
td, td,
#public footer, #public footer p,
td.actions .button:before { td.actions .button:before {
-webkit-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out;
@ -590,8 +637,6 @@ td.actions .button:before {
width: 100%; width: 100%;
padding-bottom: .5em; padding-bottom: .5em;
display: block; display: block;
color: #a8b5b9;
text-shadow: 0 -1px 0 #2f393b;
} }
#login .text { #login .text {
@ -608,14 +653,32 @@ td.actions .button:before {
margin-top: 1.5em; margin-top: 1.5em;
} }
.error,
#login p.error { #login p.error {
text-align: center !important; text-align: center !important;
padding: 1em; padding: 1em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; border-radius: 5px;
background: rgba(255, 238, 238, .3); background-color: rgba(255, 238, 238, .1);
color: #4e1b1c; 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%);
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: 1px solid #354143;
-webkit-box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2);
-moz-box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2);
box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2);
color: #401c1c;
text-shadow: 0 1px 0 rgba(255,255,255,.2), 0 0 5px rgba(139, 60, 62, .7);
} }
/* ============================================================== */ /* ============================================================== */
/* Public Page */ /* Public Page */
@ -634,8 +697,6 @@ body#public {
font-style: normal; font-style: normal;
margin-bottom: 0; margin-bottom: 0;
line-height: 1em; line-height: 1em;
color: #a8b5b9;
text-shadow: 0 -1px 0 #2f393b;
cursor: default; cursor: default;
} }
@ -655,8 +716,7 @@ body#public {
} }
#public article:before, #public article:before,
#public footer:before, #public footer:before {
ul#admin_menu:before {
content: ""; content: "";
width: 100%; width: 100%;
height: 1px; height: 1px;
@ -669,19 +729,20 @@ body#public {
#public footer { #public footer {
padding-top: 1em; padding-top: 1em;
font-size: .8em; font-size: .8em;
opacity: .5;
} }
#public footer:hover {
opacity: 1;
}
#public footer p { #public footer p {
margin: 0; margin: 0;
font-size: .9em; font-size: .9em;
line-height: 1.4em; line-height: 1.4em;
opacity: .5;
} }
#public footer:hover p {
opacity: 1;
}
#public article p { #public article p {
margin: 1em 0; margin: 1em 0;
} }
@ -784,11 +845,17 @@ body#public {
} }
ul#admin_menu a { ul#admin_menu a {
padding: .5em; padding: .1em;
display: inline-block; font-size: .7em;
font-size: .8em; width: 32.6%;
} }
#admin_menu li.admin_menu_toplevel a:before {
margin-left: -10px;
margin-right: .1em;
font-size: 16px;
}
ul#admin_menu li#admin_menu_logout_link { ul#admin_menu li#admin_menu_logout_link {
position: absolute; position: absolute;
top: -2.2em; top: -2.2em;
@ -797,10 +864,10 @@ body#public {
text-shadow: 0 1px 0 rgba(255,255,255,.1); text-shadow: 0 1px 0 rgba(255,255,255,.1);
font-size: .8em; font-size: .8em;
} }
li#admin_menu_help_link { ul#admin_menu li#admin_menu_logout_link a {
display: none !important; display: inline-block;
} }
#new_url { #new_url {
margin-bottom: 1em; margin-bottom: 1em;