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

new_url box style

This commit is contained in:
Matthias Kretschmann 2012-02-27 09:10:27 +01:00
parent 877c46c748
commit 67659a7ff1

View File

@ -59,6 +59,12 @@ table.tblSorter thead tr th, table.tblSorter tfoot tr th, table.tblSorter th.hea
} }
a, a:link, a:active, a:visited { a, a:link, a:active, a:visited {
color: #28cbc3;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
a:hover {
color: #fff; color: #fff;
} }
@ -66,6 +72,9 @@ a, a:link, a:active, a:visited {
display: none; display: none;
} }
::-moz-selection { background: #000; color: #fff; }
::selection { background: #000; color: #fff }
/* ============================================================== */ /* ============================================================== */
/* Forms & Inputs */ /* Forms & Inputs */
/* ============================================================== */ /* ============================================================== */
@ -99,7 +108,7 @@ input.text, select, textarea {
input.button { input.button {
margin: .5em 0; margin: .5em 0;
padding: .5em 2em !important; padding: .6em 2em !important;
display: inline-block; display: inline-block;
background-color: #28cbc3; background-color: #28cbc3;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
@ -109,7 +118,10 @@ input.button {
background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
background-image: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background-image: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
color: #082a28; color: #082a28;
box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 1px 0 rgba(255,255,255,.6); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.6);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.6);
box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.6);
border: 1px solid #0b3836; border: 1px solid #0b3836;
border-top-color: #000; border-top-color: #000;
text-shadow: 0 1px 0 rgba(255,255,255,.4); text-shadow: 0 1px 0 rgba(255,255,255,.4);
@ -159,7 +171,7 @@ ul#admin_menu a {
} }
ul#admin_menu a:hover { ul#admin_menu a:hover {
background: rgba(255,255,255,.2); background: rgba(255,255,255,.1);
text-decoration: none; text-decoration: none;
} }
@ -188,10 +200,17 @@ ul#admin_menu li#admin_menu_logout_link a {
#new_url { #new_url {
margin-bottom: 2em; margin-bottom: 2em;
background: rgba(0,0,0,.1); background-color: 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%);
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-radius: 5px;
border: 1px solid #354143; border: 1px solid #354143;
box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 1px 10px #354143; box-shadow: 0 2px 5px #354143, inset 0 1px 0 rgba(255,255,255,.2);
margin-top: 2em; margin-top: 2em;
} }
@ -251,7 +270,12 @@ table.tblSorter tbody td {
table.tblSorter td.timestamp, table.tblSorter td.timestamp,
table.tblSorter td.ip { table.tblSorter td.ip {
font-size: .8em; font-size: .8em;
color: rgba(0,0,0,.5);
}
table.tblSorter td.timestamp:hover,
table.tblSorter td.ip:hover {
color: #000;
} }
table.tblSorter td.clicks { table.tblSorter td.clicks {
@ -353,8 +377,6 @@ td {
body#public { body#public {
font: 16px/22px 'Lato', sans-serif; font: 16px/22px 'Lato', sans-serif;
text-align: center; text-align: center;
color: #a8b5b9;
text-shadow: 0 -1px 0 #2f393b;
font-weight: 100; font-weight: 100;
font-style: normal; font-style: normal;
max-width: 600px; max-width: 600px;
@ -368,6 +390,7 @@ body#public {
margin-bottom: 0; margin-bottom: 0;
line-height: 1em; line-height: 1em;
color: #a8b5b9; color: #a8b5b9;
text-shadow: 0 -1px 0 #2f393b;
} }
#public header h1 { #public header h1 {
@ -404,20 +427,3 @@ body#public {
#public article p { #public article p {
margin: 1em 0; margin: 1em 0;
} }
#public a {
color: #c5d5da;
text-decoration: none;
-webkit-transition: color .4s ease-in-out 0s;
-moz-transition: color .4s ease-in-out 0s;
-o-transition: color .4s ease-in-out 0s;
-ms-transition: color .4s ease-in-out 0s;
transition: color .4s ease-in-out 0s;
}
#public a:hover {
color: #28cbc3;
}
#public ::-moz-selection { background: #000; }
#public ::selection { background: #000; }