new_url box style

This commit is contained in:
Matthias Kretschmann 2012-02-27 09:10:27 +01:00
parent 877c46c748
commit 67659a7ff1
1 changed files with 33 additions and 27 deletions

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 {
color: #28cbc3;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
a:hover {
color: #fff;
}
@ -66,6 +72,9 @@ a, a:link, a:active, a:visited {
display: none;
}
::-moz-selection { background: #000; color: #fff; }
::selection { background: #000; color: #fff }
/* ============================================================== */
/* Forms & Inputs */
/* ============================================================== */
@ -99,7 +108,7 @@ input.text, select, textarea {
input.button {
margin: .5em 0;
padding: .5em 2em !important;
padding: .6em 2em !important;
display: inline-block;
background-color: #28cbc3;
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: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%);
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-top-color: #000;
text-shadow: 0 1px 0 rgba(255,255,255,.4);
@ -159,7 +171,7 @@ ul#admin_menu a {
}
ul#admin_menu a:hover {
background: rgba(255,255,255,.2);
background: rgba(255,255,255,.1);
text-decoration: none;
}
@ -188,10 +200,17 @@ ul#admin_menu li#admin_menu_logout_link a {
#new_url {
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: 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;
}
@ -251,9 +270,14 @@ table.tblSorter tbody td {
table.tblSorter td.timestamp,
table.tblSorter td.ip {
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 {
font-size: 2em;
font-family: Georgia, serif;
@ -352,9 +376,7 @@ td {
body#public {
font: 16px/22px 'Lato', sans-serif;
text-align: center;
color: #a8b5b9;
text-shadow: 0 -1px 0 #2f393b;
text-align: center;
font-weight: 100;
font-style: normal;
max-width: 600px;
@ -368,6 +390,7 @@ body#public {
margin-bottom: 0;
line-height: 1em;
color: #a8b5b9;
text-shadow: 0 -1px 0 #2f393b;
}
#public header h1 {
@ -403,21 +426,4 @@ body#public {
#public article p {
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; }
}