Add table style to settings pages

This commit is contained in:
Brian Miyaji
2015-05-17 00:15:30 +10:00
parent bbb2c033e4
commit ac8c3a184d
6 changed files with 80 additions and 20 deletions

View File

@@ -323,6 +323,54 @@ table.widefat.sp-sortable-table tbody tr .icon {
clear: both;
}
.sp-settings-section {
margin-top: 20px;
position: relative;
max-width: 1050px;
border: 1px solid #e5e5e5;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04);
box-shadow: 0 1px 1px rgba(0,0,0,.04);
background: #fff;
}
.sp-settings-section h3 {
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
border-bottom: 1px solid #e1e1e1;
}
.sp-settings-section > .form-table > tbody > tr > th {
padding: 13px 15px;
font-size: 13px;
line-height: 1.4em;
background: #f9f9f9;
width: 24%;
border-top: 1px solid #e1e1e1;
}
.sp-settings-section > .form-table > tbody > tr > td {
border-left: 1px solid #e1e1e1;
border-top: 1px solid #e1e1e1;
padding: 10px 15px;
font-size: 13px;
line-height: 1.4em;
}
.sp-settings-section > .form-table > tbody > tr:first-child > th,
.sp-settings-section > .form-table > tbody > tr:first-child > td {
border-top: none;
}
.sp-settings-section > p {
border-bottom: 1px solid #e1e1e1;
padding: 13px 15px;
font-size: 13px;
background: #f9f9f9;
margin: 0;
}
.sp-admin-config-table th,
.sp-admin-config-table td {
padding: 8px 10px;
@@ -424,6 +472,10 @@ table.widefat.sp-sortable-table tbody tr .icon {
color: #aaa;
}
.sp-desc-active:before {
color: #7ad03a;
}
#tiptip_holder {
display: none;
position: absolute;
@@ -549,7 +601,7 @@ table.widefat.sp-sortable-table tbody tr .icon {
padding: 10px;
clear: both;
border-top: 1px solid #ddd;
background: #f5f5f5;
background: #f9f9f9;
margin: 0 -14px -10px;
text-align: right;
}
@@ -820,23 +872,13 @@ table.sp-status-table td mark.yes {
display: block;
}
/* ThemeBoy */
.toplevel_page_themeboy #wpbody {
margin-left: -20px;
padding-bottom: 100%;
}
.toplevel_page_themeboy .themeboy-container {
padding-bottom: 100%;
}
.toplevel_page_themeboy .themeboy-container iframe {
border: 0;
width: 100%;
height: 100%;
position: absolute;
display: block;
/* Media Queries */
@media only screen and (max-width: 960px) {
.sportspress_page_sportspress-more iframe {
/*padding-left: 36px;*/
}
}
/* Media Queries */
@media only screen and (max-width: 850px) {
.sp-modules-wrapper {
margin-right: 0;
@@ -868,9 +910,27 @@ table.sp-status-table td mark.yes {
width: 100%;
}
.sp-settings-section > .form-table > tbody > tr > th {
width: auto;
}
.sp-settings-section > .form-table > tbody > tr > td,
.sp-settings-section > .form-table > tbody > tr:first-child > td {
border-left: none;
border-top: 1px solid #e1e1e1;
}
.sp-settings-section .sp-configure-sport {
margin-top: 10px;
}
table.sp-modules-table td .button {
margin: -3px -7px -3px 10px;
}
.sportspress_page_sportspress-more iframe {
/*padding-left: 0;*/
}
}
@media only screen and (max-width: 600px) {

View File

@@ -107,9 +107,6 @@
.sp-icon-availability:before {
content: "\f508";
}
.sp-icon-tutorials:before {
content: "\f118";
}
.sp-icon-popup:before {
content: "\f504";
}
@@ -125,6 +122,9 @@
.sp-icon-edit:before {
content: "\f464";
}
.sp-icon-copy:before {
content: "\f105";
}
#adminmenu #toplevel_page_sportspress .toplevel_page_sportspress div.wp-menu-image:before,
#adminmenu #toplevel_page_themeboy .toplevel_page_themeboy div.wp-menu-image:before,