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

input styles, login styles

Browse Source
This commit is contained in:
Matthias Kretschmann 2012-02-27 07:52:46 +01:00
parent 933f8f4a15
commit a3dc60950f
1 changed files with 51 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
user/css/krtmn.css
View File

@ -73,6 +73,22 @@ a, a:link, a:active, a:visited {
input.text, select, textarea { input.text, select, textarea {
border: 1px solid #2c3637; border: 1px solid #2c3637;
padding: .5em; padding: .5em;
outline: none;
background: rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
color: #fff;
}
input.text:focus, textarea:focus {
border: 1px solid #28cbc3;
outline: none;
-webkit-box-shadow: 0 0 8px #28cbc3 !important;
-moz-box-shadow: 0 0 8px #28cbc3 !important;
box-shadow: 0 0 8px #28cbc3 !important;
margin: 1px;
background: rgba(0, 0, 0, .4);
} }
input.button { input.button {
@ -87,6 +103,8 @@ 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: #fff; color: #fff;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3);
box-shadow: 0 1px 0 rgba(255,255,255,.3); box-shadow: 0 1px 0 rgba(255,255,255,.3);
border: 1px solid #2c3637; border: 1px solid #2c3637;
border-top-color: #000; border-top-color: #000;
@ -162,7 +180,7 @@ ul#admin_menu {
} }
#new_url_form input { #new_url_form input {
max-width: 94%;
border-color: #2c3637; border-color: #2c3637;
font-weight: bold; font-weight: bold;
} }
@ -222,6 +240,21 @@ table.tblSorter td.clicks {
} }
/* ============================================================== */
/* Animations */
/* ============================================================== */
a,
input {
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
/* ============================================================== */ /* ============================================================== */
/* Login */ /* Login */
/* ============================================================== */ /* ============================================================== */
@ -232,6 +265,19 @@ table.tblSorter td.clicks {
margin: 15% auto 0px auto; margin: 15% auto 0px auto;
} }
#login:before {
content: "krt.mn";
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 3em;
border-bottom: 1px dashed #2f393b;
width: 100%;
padding-bottom: .5em;
display: block;
color: #a8b5b9;
text-shadow: 0 -1px 0 #2f393b;
}
#login .text { #login .text {
width: 94%; width: 94%;
} }
@ -246,10 +292,12 @@ table.tblSorter td.clicks {
margin-top: 1.5em; margin-top: 1.5em;
} }
.error { #login p.error {
text-align: center; text-align: center !important;
padding: 1em; padding: 1em;
border-radius: 5px; border-radius: 5px;
background: rgba(255, 238, 238, .3);
color: #4e1b1c;
} }