Created
September 30, 2013 21:10
-
-
Save brasofilo/6770339 to your computer and use it in GitHub Desktop.
Admin Tweaks custom CSS
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
html, body { | |
min-height: 100%; | |
} | |
body { | |
background: #d8e0de; | |
background: -moz-linear-gradient(top, #d8e0de 0%, #aebfbc 22%, #99afab 33%, #8ea6a2 50%, #829d98 67%, #4e5c5a 82%, #0e0e0e 100%); | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d8e0de), color-stop(22%,#aebfbc), color-stop(33%,#99afab), color-stop(50%,#8ea6a2), color-stop(67%,#829d98), color-stop(82%,#4e5c5a), color-stop(100%,#0e0e0e)); | |
background: -webkit-linear-gradient(top, #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); | |
background: -o-linear-gradient(top, #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); | |
background: -ms-linear-gradient(top, #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); | |
background: linear-gradient(to bottom, #d8e0de 0%,#aebfbc 22%,#99afab 33%,#8ea6a2 50%,#829d98 67%,#4e5c5a 82%,#0e0e0e 100%); | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8e0de', endColorstr='#0e0e0e',GradientType=0 ); | |
height: 100%; | |
} | |
#backtoblog { | |
margin: 20px 0 0; | |
font-family: \'Lato\', Calibri, Arial, sans-serif; | |
font-size: .7em; | |
} | |
#backtoblog a { | |
color: #ccc; | |
text-decoration:none | |
} | |
#login { | |
width: 340px; | |
margin: 0 auto; | |
height: 690px; | |
padding: 10% 0; | |
} | |
#loginform { | |
margin: auto; | |
} | |
h1, #nav {display:none} | |
*, | |
*:after, | |
*:before { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-ms-box-sizing: border-box; | |
-o-box-sizing: border-box; | |
box-sizing: border-box; | |
padding: 0; | |
margin: 0; | |
} | |
.clearfix:after { | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
#loginform input[type=submit] { | |
padding: 7px 5px 6px; | |
} | |
#loginform { | |
/* Size and position */ | |
width: 340px; | |
height: 136px; | |
margin: 0; | |
padding: 15px; | |
position: relative; | |
/* Styles */ | |
background: #fffaf6; | |
border-radius: 4px; | |
color: #7e7975; | |
box-shadow: | |
0 2px 2px rgba(0,0,0,0.2), | |
0 1px 5px rgba(0,0,0,0.2), | |
0 0 0 12px rgba(255,255,255,0.4); | |
} | |
#loginform h1 { | |
font-size: 15px; | |
font-weight: bold; | |
color: #bdb5aa; | |
padding-bottom: 8px; | |
border-bottom: 1px solid #EBE6E2; | |
text-shadow: 0 2px 0 rgba(255,255,255,0.8); | |
box-shadow: 0 1px 0 rgba(255,255,255,0.8); | |
} | |
#loginform label { | |
display: inline-block; | |
text-transform: uppercase; | |
} | |
label[for=user_login] { | |
color: #6c6763 !important; | |
padding-right: 2px; | |
} | |
label[for=user_pass] { | |
color: #ffb347; | |
padding-left: 2px; | |
} | |
#loginform p { | |
width: 50%; | |
float: left; | |
padding-top: 15px; | |
border-top: 1px solid rgba(255,255,255,1); | |
} | |
#loginform .float:first-of-type { | |
padding-right: 5px; | |
} | |
#loginform .float:last-of-type { | |
padding-left: 5px; | |
} | |
#loginform label { | |
display: block; | |
padding: 0 0 5px 2px; | |
cursor: pointer; | |
text-transform: uppercase; | |
font-weight: 400; | |
text-shadow: 0 1px 0 rgba(255,255,255,0.8); | |
font-size: 11px; | |
} | |
#loginform label i { | |
margin-right: 5px; /* Gap between icon and text */ | |
display: inline-block; | |
width: 10px; | |
} | |
#loginform input[type=text], | |
#loginform input[type=password] { | |
font-family: 'Lato', Calibri, Arial, sans-serif; | |
font-size: 13px; | |
font-weight: 400; | |
display: block; | |
width: 100%; | |
padding: 5px; | |
margin-bottom: 5px; | |
border: 3px solid #ebe6e2; | |
border-radius: 5px; | |
-webkit-transition: all 0.3s ease-out; | |
-moz-transition: all 0.3s ease-out; | |
-ms-transition: all 0.3s ease-out; | |
-o-transition: all 0.3s ease-out; | |
transition: all 0.3s ease-out; | |
} | |
#loginform input[type=text]:hover, | |
#loginform input[type=password]:hover { | |
border-color: #CCC; | |
} | |
#loginform label:hover ~ input { | |
border-color: #CCC; | |
} | |
#loginform input[type=text]:focus, | |
#loginform input[type=password]:focus { | |
border-color: #BBB; | |
outline: none; /* Remove Chrome's outline */ | |
} | |
#loginform p.submit, #loginform p.forgetmenot { | |
/* Size and position */ | |
width: 49%; | |
height: 38px; | |
float: left; | |
position: relative; | |
/* Styles */ | |
box-shadow: inset 0 1px rgba(255,255,255,0.3); | |
border-radius: 3px; | |
cursor: pointer; | |
/* Font styles */ | |
font-family: 'Lato', Calibri, Arial, sans-serif; | |
font-size: 14px; | |
line-height: 38px; /* Same as height */ | |
text-align: center; | |
font-weight: bold; | |
padding: 7px 5px 6px; | |
} | |
#loginform input[type=submit] { | |
margin-left: 1%; | |
background: #fbd568; /* Fallback */ | |
background: -moz-linear-gradient(#fbd568, #ffb347); | |
background: -ms-linear-gradient(#fbd568, #ffb347); | |
background: -o-linear-gradient(#fbd568, #ffb347); | |
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fbd568), to(#ffb347)); | |
background: -webkit-linear-gradient(#fbd568, #ffb347); | |
background: linear-gradient(#fbd568, #ffb347); | |
border: 1px solid #f4ab4c; | |
color: #996319; | |
text-shadow: 0 1px rgba(255,255,255,0.3); | |
float: right; | |
} | |
p.forgetmenot { | |
margin-left: 1% !important; | |
text-align: left !important; | |
} | |
#loginform input[type=submit]:hover, | |
#loginform .log-twitter:hover { | |
box-shadow: | |
inset 0 1px rgba(255,255,255,0.3), | |
inset 0 20px 40px rgba(255,255,255,0.15); | |
} | |
#loginform input[type=submit]:active, | |
#loginform .log-twitter:active{ | |
top: 1px; | |
} | |
/* Fallback fro broswers that don't support box shadows */ | |
.no-boxshadow #loginform input[type=submit]:hover { | |
background: #ffb347; | |
} | |
.no-boxshadow #loginform .log-twitter:hover { | |
background: #2a8ac4; | |
} | |
#loginform p:last-of-type { | |
clear: none; | |
} | |
#loginform .opt { | |
text-align: right; | |
margin-right: 3px; | |
} | |
#loginform label[for=showPassword] { | |
display: inline-block; | |
margin-bottom: 10px; | |
font-size: 11px; | |
font-weight: 400; | |
text-transform: capitalize; | |
} | |
#loginform input[type=checkbox] { | |
vertical-align: middle; | |
margin: -1px 5px 0 1px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment