Navigation Menu

Skip to content

Instantly share code, notes, and snippets.

@xavortm
Created January 26, 2016 14:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save xavortm/c85deb5203b43d35a482 to your computer and use it in GitHub Desktop.
Save xavortm/c85deb5203b43d35a482 to your computer and use it in GitHub Desktop.
/** file: admin.css
**
** Samsung Galaxy S5 : 1080x1920 resolution, simulate @ 170% zoom
**
** Sass Source: ./assets/stylesheets/admin/admin.scss
**/
@import '../include/_vars_for_admin';
// Variables to be added in include/_var_for_admin
$color_primary: #344f84;
$color_primary_darken: #24375c;
$color_primary_lighten: #4b67a0;
$color_accent: #f8c957;
/*--------------------------
* Everywhere
*--------------------------*/
button, input {
line-height: normal;
}
button, input, textarea {
border: 1px solid $gray;
border-radius: 3px 3px 3px 3px;
font-family: inherit;
}
div .box.note {
background: url("../images/ico-note.png") no-repeat scroll 20px 45% #fef6d2;
border-color: #efe3ae;
border-style: solid;
border-width: 1px 0;
color: $black_light;
margin: 1em 0 1.5em;
padding: 9px 10px 9px 50px;
text-shadow: none;
width: 40em;
}
/*--------------------------
* WordPress Overrides
*--------------------------*/
#wpbody-content {
width: 100%;
}
#wpfooter {
position: relative;
}
body.store-locator-plus_page_slp_map_settings {
.button-primary {
margin-top: 0.25em;
}
}
/*--------------------------
* SLP Custom Admin Panel
*--------------------------*/
#wpcsl_container {
position: relative;
z-index: 0;
select {
padding: 0em;
}
div.icon32 {
background: url("../images/icons32.png") repeat scroll -75px -3px transparent;
}
div.section_description h4:first-of-type {
margin-top: 0px;
}
.navsave {
position: absolute;
right: 1.5em;
top: 1px;
}
.dashicons-editor-help {
color: #ccc;
transition: 0.6s;
margin-top: 5px;
}
.dashicons-editor-help:hover {
color: $color_primary_lighten;
transition: 0s;
}
.slp_settings_area {
overflow: hidden;
display: inline-block;
.slp_settings_icon {
display:inline-block;
vertical-align: top;
}
.postbox {
transition: 0s;
.handlediv {
background: url(../../assets/images/icon-toggle.png) no-repeat center center;
background-size: 15px;
opacity: 0.2;
position: absolute;
right: 0;
top: -6px;
}
.handlediv:hover {
opacity: 1;
cursor: pointer;
}
h3.hndle {
width: 100%;
}
.dashicons-editor-help {
opacity: 0;
}
&:hover {
transition: 0s;
.dashicons-editor-help {
opacity: 1;
transition: 0s;
}
}
}
}
// Submenu Navigation Interface
//
#wpcsl-nav {
background-color: $color_primary;
margin-bottom: 0.25em;
ul {
margin: 0;
li {
display: inline-block;
margin-bottom: 0;
border-right: 1px solid $color_primary_darken;
transition: 0.3s;
a {
color: white;
}
&:hover {
background-color: $color_primary_lighten;
transition: 0s;
}
&.current {
a {
background-color: $color_primary;
color: white;
&:before {
font-family: dashicons;
content: "\f139";
color: white;
vertical-align: sub;
}
}
}
a {
box-shadow: none;
display: block;
font: bold 1.1em sans-serif;
padding: 0.5em 1em;
text-decoration: none;
line-height: 1.5em;
&:before {
font-family: dashicons;
content: "\f139";
vertical-align: sub;
color: white;
}
}
}
}
}
// Tab Bar
//
#wpcsl-option-navbar_wrapper {
white-space: nowrap;
.about-wrap {
margin: 3px 0px 0px 3px;
}
h2.nav-tab-wrapper {
background-color: $color_primary_darken;
border: none;
}
.nav-tab {
background-color: $color_primary_darken;
border-color: #375a9d;
color: white;
}
.nav-tab-active {
background-color: $color_primary;
box-shadow: 0 -3px 0 0 $color_accent;
}
}
// Content
//
#content {
font-family: sans-serif;
min-height: 650px;
overflow: hidden;
// Groups
//
.group {
margin-top: 0;
h1 {
border-bottom: 1px solid #E0E0E0;
color: #464646;
display: none;
font-size: 23px;
font-weight: normal;
margin: 0 0 20px;
padding: 20px 0;
}
}
// Sections
//
.section {
margin-bottom: 10px;
padding-bottom: 15px;
&:last-child {
margin-bottom: 0;
}
}
}
// Main
//
#main {
height: 100%;
min-width: 10%;
padding-bottom: 0;
position: relative;
}
}
/**
* Navigation Elements
*/
/**
* .section_column div - all admin panel "box contents" go in here
*/
div.section_column {
background-color: #F0F0E0;
border: solid 1px #D0D0D0;
margin: 0 0 0.25em 0;
padding: 0 0 0.25em 0;
min-width: 520px;
overflow: auto;
p.slp_admin_info {
clear: both;
padding-left: 0.5em;
margin: 0;
font-size: 14px;
color: #222;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
}
}
/* Settings : wpcsl-input */
.wpcsl-input {
display: inline-block;
min-width: 30px;
margin-bottom: 7px;
input[type="checkbox"] {
margin-top: 5px;
}
INPUT {
width: 270px;
}
&.disabled {
color: #ABABAB;
}
&.wpcsl-details {
width: 100%;
box-sizing: border-box;
padding: 20px;
br {
min-height: 5px;
display: block;
content: '';
}
label {
min-width: 11em;
}
textarea {
max-width: 270px;
min-width: 15em;
width: 100%;
}
}
#slp_form_buttons {
input {
margin: 15px auto;
display: block;
}
}
}
form#importForm input#bulk_file {
border: none;
width: auto;
}
/* Env Info */
p.envinfo {
margin: 0px;
padding: 0px;
}
span.label {
background-color: #F0F0E0;
display: inline-block;
padding: 4px;
text-align: right;
width: 180px;
margin-right: 6px;
}
/*
* UX : View : Theme Settings
*/
div.theme_details {
display: none;
width: 43em;
.style_sample {
display: block;
margin: 0 auto;
padding: 1em 0;
width: 100%;
}
.add_on_info {
font-size: 1.1em;
line-height: 2em;
padding-top: 1em;
display: block;
}
span.product_link {
display: block;
white-space: normal;
}
.theme_option_value {
height: 4em;
overflow: auto;
&.hidden {
display: none;
}
}
P.slp_admin_info {
padding-left: 0px;
}
UL {
list-style: disc;
margin-left: 3em;
}
PRE {
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
display: block;
margin: 0px 0px 0px 3em;
padding: 0.5em;
white-space: pre-wrap;
width: 80%;
resize: both;
}
li.product {
&.inactive {
list-style: circle outside none;
A {
text-decoration: underline;
}
}
&.active {
list-style: disc outside none;
A {
text-decoration: none;
}
}
}
}
/**
* Settings Panel
*/
.section_description {
font-size: 12px;
padding: 0px;
}
.section_description H3 {
margin: 0px;
}
.section_description H4 {
margin: 0px 0px 3px 6px;
}
/**
* Line Entries
*/
.form_entry {
display: block;
position: relative;
.small {
width: 3em;
vertical-align: top;
}
input,
select {
display: inline-block;
width: 270px;
padding: 5px 7px;
}
INPUT[type="checkbox"] {
box-shadow: none;
height: 1.1em;
text-align: left;
width: auto;
-webkit-box-shadow: none;
}
LABEL {
display: inline-block;
overflow: hidden;
text-align: right;
vertical-align: top;
white-space: nowrap;
min-width: 15em;
margin-right: 0.2em;
line-height: 2.3;
&.disabled {
color: #CCC;
}
}
textarea {
display: inline-block;
min-height: 3em;
margin-left: 1px;
box-shadow: none;
min-width: 20em;
}
}
/**
* Line Entries : Label and Input Wrapper
*/
.csl-slplus-input {
display: inline-block;
}
/**
* Line Entries : Slider (a label + checkbox input combo
*/
input.onoffswitch-checkbox[type="checkbox"] {
display: none;
}
.onoffswitch-block {
display: inline-block;
float: right;
margin-right: 8px;
}
.onoffswitch-pretext {
display: linline-block;
padding-right: 12px;
vertical-align: super;
}
.onoffswitch {
display: inline-block;
position: relative;
width: 56px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.onoffswitch-checkbox {
display: none;
}
LABEL.onoffswitch-label {
display: block;
overflow: hidden;
cursor: pointer;
border: 2px solid #999999;
border-radius: 20px;
width: auto;
text-align: left;
}
.onoffswitch-inner {
width: 200%;
margin-left: -100%;
-moz-transition: margin 0.3s ease-in 0s;
-webkit-transition: margin 0.3s ease-in 0s;
-o-transition: margin 0.3s ease-in 0s;
transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
float: left;
width: 50%;
height: 17px;
padding: 0;
line-height: 17px;
font-size: 10px;
color: white;
font-family: Trebuchet, Arial, sans-serif;
font-weight: bold;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.onoffswitch-inner:before {
padding-left: 8px;
background-color: #2FCCFF;
color: #FFFFFF;
}
.onoffswitch-inner:after {
padding-right: 8px;
background-color: #EEEEEE;
color: #999999;
text-align: right;
}
.onoffswitch-switch {
width: 8px;
margin: 4.5px;
background: #FFFFFF;
border: 2px solid #999999;
border-radius: 20px;
position: absolute;
top: 0;
bottom: 0;
right: 35px;
-moz-transition: all 0.3s ease-in 0s;
-webkit-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
right: 0px;
}
/**
* DashIcons
*/
.dashicons {
&.slp-no-box-shadow {
box-shadow: none;
}
}
/* Action Icons */
div#action_buttons {
display: inline;
margin: 12px 0px 0px 0px;
padding: 0px;
position: relative;
line-height: normal;
}
/**
* Line Entries : Help
*/
.input_note {
clear: both;
margin-left: 198px; // 200 - 2 per side border
background-color: #fff;
border: 1px solid #e6e6e6;
color: #314162;
font-size: 13px;
color: #999;
padding: 5px 10px 5px 40px;
font-style: italic;
margin-bottom: 10px;
max-width: 206px;
margin-top: 3px;
background: url(../../assets/images/icon-notice.png) no-repeat left 10px top 4px;
background-size: 20px;
}
/**
* DebugMP Formatting
*/
div.debugging {
margin: 12px;
padding: 6px;
background-color: #EEE;
border: solid 1px #888;
font-family: "Courier", sans-serif;
}
div.debugging_wrap {
margin: 2px;
padding: 3px;
background-color: #F4F4F4;
border: solid 1px #888;
font-family: "Courier", sans-serif;
}
/* More Info Box */
p.message {
clear: both;
color: #999999;
font-size: 11px;
margin: -18px 0 9px;
padding: 0 0 0 9px;
text-align: left;
}
/*----------------------------------
* Option Packs
*/
div.optionpack_box {
float: left;
background-color: #F4F4AA;
border: 1px solid #888844;
padding: 12px;
text-align: center;
width: 340px;
margin: 6px;
/* Corners */
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px 10px 10px 10px;
}
div.optionpack_box iframe {
margin: 0px auto;
width: 180px;
}
div.optionpack_name {
font-size: 17px;
font-weight: bold;
text-align: center;
margin-bottom: 12px;
}
div.optionpack_info {
text-align: center;
}
/***************************
* The Navbar
*/
/* WP3.8 (MP6) Tweaks */
#slplus_navbar .nav-tab-wrapper {
margin-bottom: 0;
}
#slplus_navbar .wrap {
margin-left: 0;
margin-right: 0;
}
div#csa_admin_wrapper.metabox-holder {
margin: 0px;
padding: 0px;
}
/*
* .tablenav : Action / Filter Bar
*/
div.tablenav {
height: auto;
margin: 0px;
&.top {
//position: fixed;
z-index: 999;
padding: 0.25em;
margin:0 0 0.25em 0;
border:$box_border;
background-color: $gray_light;
}
INPUT[type="text"] {
padding: 2px;
height: 2em;
margin-right: 6px;
}
.alignleft.actions {
display: inline-block;
float: none;
clear: both;
}
.button.action {
width: auto;
}
#column_hider {
font-size: 2em;
vertical-align: text-top;
&.drop_activated {
color: $green_dark;
}
}
}
/*
* Bulk and Filter Actions
*/
.bulk_extras, .filter_extras {
background-color: #FAFAD2;
border: 1px solid gray;
padding: 6px;
display: none;
}
div.bulkextras, div.filterextras {
border: solid 1px silver;
display: inline-block;
min-width: 180px;
}
div.bulkextras:last-child, div.filterextras:last-child {
border: none;
}
/*-- Pagination --*/
div#slp_pagination {
margin: 3px 0px 0px;
overflow: auto;
padding: 0px;
position: relative;
width: 100%;
}
div#slp_pagination a.nav-tab {
background-color: #EEEEDD;
color: #6666AA;
}
div#slp_pagination a.nav-tab-active {
background-color: #DDDDCC;
color: $gray_very_dark;
}
div.subtab-wrap {
padding: 0px;
margin: 0px;
border-bottom: solid 1px $gray;
}
div#slp_pagination_pages {
bottom: 4px;
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
padding: 0 0 0 24px;
right: 0;
text-align: right;
white-space: nowrap;
}
a.page-button {
margin: 0px 2px;
}
a.page-button.thispage {
font-weight: bold;
background-color: #FAFAD2;
border-color: #B8860B;
color: #B8860B;
}
div#search,
div#csa_plugin_info {
margin-top: 18px;
}
div#list_options select {
padding: 0px;
margin: 0px;
}
p.centerbutton {
margin: auto;
width: 166px;
}
/***************************
* Locations: Add Form / Edit
*/
div.locations_div_add {
display: block;
position: relative;
width: 100%;
}
table.slp_locationinfoform_table LABEL,
table.manual_add_table LABEL {
clear: both;
width: 120px;
float: left;
text-align: right;
margin-right: 0.5em;
margin-top: 3px;
display: block;
}
// Add Location Form
//
.add_location_form {
#slp_form_buttons {
padding-left: 124px;
}
INPUT {
box-sizing: content-box;
background-color: #FFF;
display: inline-block;
margin-right: 3px;
width: 29em;
font-size: 1em;
&.mediumfield {
width: 16em;
}
&.shortfield {
width: 4.75em;
}
}
INPUT[type='button'] {
margin: 3px;
width: 150px;
}
INPUT[type='checkbox'] {
display: inline-block;
width: auto;
}
INPUT[type='submit'] {
margin: 3px;
width: 150px;
&:hover {
background: none;
background-color: #228b22;
}
}
LABEL {
box-sizing: content-box;
display: inline-block;
font-size: 1em;
width: 9em;
text-align: right;
margin-right: 0.5em;
margin-top: 3px;
}
TEXTAREA {
box-sizing: content-box;
font-size: 1em;
width: 30em;
}
}
/* Add / Edit Locations */
div.add_location_form input.iconfield {
width: 31em;
margin-bottom: 12px;
}
td#slp_manual_update_table_right_cell {
min-width: 300px;
}
table.slp_locationinfoform_table {
padding-left: 0px;
padding-right: 0px;
}
table.slp_locationinfoform_table td {
border-bottom: none;
clear: both;
padding-left: 0px;
padding-right: 0px;
}
/* Address Search */
div#sl_div div#address_search input[type="submit"] {
margin: 3px;
padding: 3px;
}
.menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] {
cursor: pointer;
}
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], li.bypostauthor cite span {
background-color: #E6E6E6;
background-image: -moz-linear-gradient(center top, #F4F4F4, #E6E6E6);
background-repeat: repeat-x;
border: 1px solid #D2D2D2;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1);
color: #7C7C7C;
font-size: 0.785714rem;
font-weight: normal;
line-height: 1.42857;
padding: 0.428571rem 0.714286rem;
}
div#sl_div div#address_search {
text-align: left;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
div.slp_editform_section {
clear: both;
margin-bottom: 9px;
}
div.slp_editform_section small {
margin-left: 9px;
}
.slp_editform_section > a {
vertical-align: top;
}
/***************************
* Locations: Manage
*/
.manage_locations_table_outside {
clear: both;
overflow: visible;
position: relative;
#manage_locations_table_wrapper {
clear: both;
position: relative;
height: auto;
display:block;
#manage_locations_table {
// Column Headers
//
th {
font-size: 1em;
vertical-align: top;
white-space: nowrap;
a {
box-shadow: none;
margin-right: 1em;
}
&.address a {
display: inline-block;
padding: 7px 0px;
}
&.slp_checkbox {
padding-left:0;
padding-right: 0;
}
&#top_of_checkbox_column {
padding-left: 0;
padding-right: 0;
}
}
.infoid {
color: gray;
display: block;
font-family: "Courier New", Courier, monospace;
font-size: 0.75em;
text-align: right;
width: 100%;
&.floater {
width: auto;
float: right;
}
}
.location_image {
max-width: 100px;
max-height: 100px;
overflow: none;
}
.manage-column a.slp_hidden {
font-size: 1em;
color: grey;
}
// Location Marked Private
//
.private {
TD {
color: $inactive_text;
A {
color: $inactive_text;
}
}
}
// Manage Locations Row
//
tr.slp_managelocations_row {
td.slp_manage_locations_cell {
display: table-cell;
word-wrap: break-word;
word-break: keep-all;
max-width: 20em;
&.hidden {
display: none;
}
}
// Standard Row Hover
&:hover {
background-color: $highlighted_selector;
}
// Invalid/non-geocoded rows
&.invalid {
background-color: $invalid;
&:hover {
background-color: $invalid_hover;
}
}
// featured locations
&.featured {
background-color: $featured_location;
&:hover {
background-color: $featured_location_hover;
}
td.slp_manage_locations_cell {
&.name {
font-size: 1.25em;
}
&.featured {
background-image: url("../images/star-open-2x.png");
background-position: 12% 70%;
background-repeat: no-repeat;
background-size: 16px auto;
}
}
}
// alternate rows invalid and featured coloring
&.alternate {
&.invalid {
background-color: $invalid_alternate;
&:hover {
background-color: $invalid_hover;
}
}
&.featured {
background-color: $featured_location_alternate;
&:hover {
background-color: $featured_location_hover;
}
}
}
&.collapsed {
display: none;
}
.store_latlong {
display: block;
font-size: 0.75em;
font-style: italic;
}
.location_details_field {
display: block;
.label {
text-align: right;
}
.content {
text-align: left;
&.textblock {
white-space: pre-wrap;
max-width: 100em;
}
}
}
}
}
}
}
div#location_unhider{
a {
box-shadow: none;
}
span.unhider{
margin-left: 1.5em;
}
}
input.disabled {
background: none repeat scroll 0 0 #FEFEFE;
border: 1px solid #DDDDDD;
color: #888888;
}
tr td.slp_locationinfoform_cell {
background-color: #FFFFFA;
}
span.slp-edit-location-id {
display: inline-block;
margin: 24px 3px;
width: 100%;
color: #B4B4B4;
font-size: 1.5em;
}
.slplus_innertable td {
vertical-align: top;
border: none;
width: 100%;
}
div.slp_icon_row {
margin: 0 0 2em 0;
overflow: auto;
min-height: 4em;
width: 43em;
resize: both;
}
div.slp_icon_selector_box {
border: solid 1px transparent;
float: left;
min-width: 48px;
min-height: 48px;
text-align: center;
}
div.slp_icon_selector_box:hover {
border: solid 1px #AAA;
background-color: $highlighted_selector;
}
img.slp_icon_selector {
cursor: pointer;
padding: 2px;
margin: 0px 2px;
vertical-align: middle;
}
/***************************
* Settings: General
**/
.tableRowHeader, .tableRowHeader td, .tableRowHeader th {
background-color: black;
color: white;
font-weight: bold;
}
.highlight {
background-color: $notice_background;
border: $notice_border;
color: #000000;
left: auto;
min-width: 180px;
padding: 7px;
position: absolute;
right: 6px;
text-align: center;
top: 6px;
vertical-align: middle;
z-index: 9999;
}
.sl_footer td a, .sl_footer td a:link, .sl_footer td a:hover, .sl_footer td a:active, .sl_footer td a:visited {
font-weight: normal;
font-size: 8px;
}
div.feedburnerFeedBlock ul, .sl_product_rss {
margin-left: 0;
padding-left: 0;
list-style-type: none
}
div.feedburnerFeedBlock ul li span.headline {
font-weight: bold;
display: block;
margin: 12px 0 0 0;
}
div.feedburnerFeedBlock ul li span.headline {
font-weight: bold;
}
.map_designer_section td {
border-bottom: none;
}
.left_side {
border-right: solid #ddd 1px;
}
th.optionpack {
background-color: #D4D4D4;
}
td.optionpack {
background-color: #D4D4D4;
}
.form-table td.optionpack_topline {
border-top: 1px solid #949494;
background: #B4B4B4;
line-height: 1em;
margin: 0;
padding: 5px 3px;
}
div.section_column_intro {
padding: 0px 6px;
}
div.section_column_content {
padding: 0px 6px;
}
.section_description {
padding-bottom: 6px;
color: #666666;
}
div.section_column h2 {
background: none repeat scroll 0 0 #E0E0D0;
border-bottom: 1px solid #D0D0D0;
font-size: 16px;
margin-bottom: 12px;
margin-top: 0;
padding: 0 6px;
}
.inside.section H2,
.section_description H2,
.inside.section H3,
.section_description H3 {
font-weight: 600;
font-family: "Open Sans", sans-serif;
font-size: 1em;
line-height: 1.4em;
&.hndle {
display: inline-block;
line-height: 1em;
margin: 0;
padding: 0.5em;
width:90%;
}
}
.inside.section H2,
.section_description H2 {
color: #222;
font-size: 14px;
}
.inside.section H3,
.section_description H3 {
color: #333;
font-size: 13px;
}
.alignright {
text-align: right;
}
.rowon {
background: #F4F4F4;
}
.rowoff {
background: #FFFFFF;
}
/*** Generic Formatting ***/
.floatright {
float: right;
}
.floatleft {
float: left;
}
.helpicon {
padding-left: 5px;
position: relative;
vertical-align: top;
}
.form-table .input_label,
.form-table .input_label-disabled {
color: #222;
font-size: 12px;
font-weight: 500;
line-height: 3em;
padding: 0px;
text-align: right;
vertical-align: top;
}
.form-table .input_label-disabled {
color: #CCCCCC;
}
div#wpbody-content div.wrap div.updated,
div.geocode_error {
clear: both;
}
div.geocode_error {
padding-bottom: 6px;
}
div.csa_info_msg {
clear: both;
border: none;
margin: 0px;
padding: 12px;
font-weight: bold;
font-size: 1.25em;
}
div#slp_edit_left_column small,
div#slp_edit_right_column small {
line-height: 2em;
vertical-align: top;
}
/*----------------------------------
*
* A div that looks like a button.
*/
.like-a-button {
background: #FFF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DDD));
background: -moz-linear-gradient(top, #FFF, #DDD);
text-decoration: none;
border: 1px solid #BBBBBB;
border-radius: 3px 3px 3px 3px;
margin: 6px;
padding: 3px;
text-align: center;
width: 150px;
cursor: pointer;
color: #5F5E5E;
display: block;
/* Corners */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
/* Shadow */
-moz-box-shadow: 0px 1px 3px #AAA;
-webkit-box-shadow: 0px 1px 3px #AAA;
box-shadow: 0px 1px 3px #AAA;
A {
text-decoration: none;
}
:hover {
background: #DDD;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF');
background: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#FFF));
background: -moz-linear-gradient(top, #DDD, #FFF);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment