Created
January 26, 2016 14:41
-
-
Save xavortm/c85deb5203b43d35a482 to your computer and use it in GitHub Desktop.
Screenshot: http://imageshack.com/a/img911/6632/v0T2kh.png
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
/** 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