Skip to content

Instantly share code, notes, and snippets.

@norcross
Created December 13, 2011 12:29
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save norcross/1471971 to your computer and use it in GitHub Desktop.
Save norcross/1471971 to your computer and use it in GitHub Desktop.
WP Admin Skin
@charset "utf-8";
/* CSS Document */
html, body {
height: 100%;
}
html {
background-color: #fff;
}
body.login {
background:#1D2736;
padding-top:0;
}
/* Set Gradient */
.widget .widget-top,
.postbox h3,
.stuffbox h3,
#widgets-right .sidebar-name,
#widgets-left .sidebar-name,
#widget-list .widget-top {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#435366', endColorstr='#1D2736'); /* for IE */
background: -webkit-gradient(linear, center bottom, center top, from(#435366), to(#1D2736)); /* for webkit browsers */
background: -moz-linear-gradient(center bottom, #435366, #1D2736) repeat scroll 0 0 transparent;
}
/* Standardize Fonts */
#wphead h1,
.tablenav,
table.wp-list-table,
.widefat th,
#poststuff h3,
.metabox-holder h3,
#menu-management .nav-tab,
#thesis_options,
div.sidebar-name h3,
#dashboard_right_now td.b {
font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
}
/* Login Screen */
#login {
margin:0 auto;
padding-top:30px;
}
#login h1 {
margin-top:60px;
padding:20px 0 0;
}
#login h1 a {
background:url(../../inc/img/login_logo.png) no-repeat top center !important;
height:69px;
width:300px;
margin:0 auto;
}
#login form {
box-shadow: 0 4px 18px #1D2736;
-moz-box-shadow: 0 4px 18px #1D2736;
}
.login #nav a, .login #backtoblog a {
color: #fff !important;
text-shadow:none;
}
/* Dashboard */
#wphead #header-logo {
background:url(../../inc/img/favicon.png) no-repeat scroll center center transparent;
height:16px;
width:16px;
}
#wphead {
border-bottom: 1px solid #435366;
}
#wphead h1 a {
color:#435366;
}
#user_info {
color: #435366;
}
#user_info a:link, #user_info a:visited {
color: #435366;
}
#adminmenu .wp-menu-arrow div,
ul#adminmenu li.wp-has-current-submenu .wp-menu-arrow,
ul#adminmenu li.wp-has-current-submenu a.menu-top,
.folded ul#adminmenu li.wp-has-current-submenu .wp-menu-arrow,
.folded ul#adminmenu li.wp-has-current-submenu {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#435366', endColorstr='#1D2736'); /* for IE */
background: -webkit-gradient(linear, center bottom, center top, from(#435366), to(#1D2736)); /* for webkit browsers */
background: -moz-linear-gradient(center bottom, #435366, #1D2736) repeat scroll 0 0 transparent;
}
#adminmenu li.wp-has-current-submenu a.menu-top {
border-bottom-color: #435366;
border-top-color: #1D2736;
}
.widget .widget-top, .postbox h3, .stuffbox h3 {
color:#fff;
text-shadow: 0 1px 0 #000000;
font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
}
.ui-sortable .postbox h3 {
color:#fff;
}
.widget .widget-top,
.sidebar-name:hover h3,
.postbox h3:hover,
.ui-sortable .postbox h3:hover {
color: #f9f2f7;
}
#adminmenu a {
color:#435366;
}
#adminmenu .wp-submenu a {
color:#000000;
}
.widget, .postbox, .stuffbox {
border-style: solid;
border-color:#435366;
}
#side-sortables #global_select input{
margin-right:5px;
}
#widgets-right .sidebar-name {
border-color:#435366;
color: #FFFFFF;
text-shadow: 0 -1px 0 #3F3F3F;
}
#widgets-left .sidebar-name {
border-color:#435366;
color: #FFFFFF;
text-shadow: 0 -1px 0 #3F3F3F;
}
#available-widgets .widget-holder,
div.widgets-sortables, #widgets-left .inactive {
background-color: #ffffff;
border-color: #435366;
}
#available-widgets .widget-description {
background-color: #ffffff;
color:#000000;
}
#normal-sortables #offerings_select table.form-table ul li{
display:inline;
margin-right:15px;
}
#normal-sortables #offerings_select table.form-table ul li label{
margin-left:5px;
}
#footer {
}
/* Full Screen setup */
#wp-fullscreen-body #fullscreen-topbar {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#435366', endColorstr='#1D2736');
background: -webkit-gradient(linear, center bottom, center top, from(#435366), to(#1D2736));
background: -moz-linear-gradient(center bottom, #435366, #1D2736) repeat scroll 0 0 transparent;
}
#wp-fullscreen-body #fullscreen-topbar #wp-fullscreen-close a {
color:#fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment