From ac8c3a184da1cf54e37b6e1634854b2f8fb94757 Mon Sep 17 00:00:00 2001 From: Brian Miyaji Date: Sun, 17 May 2015 00:15:30 +1000 Subject: [PATCH] Add table style to settings pages --- assets/css/admin.css | 92 ++++++++++++++++++++++++++++------ assets/css/menu.css | 6 +-- assets/fonts/sportspress.eot | Bin 8532 -> 8552 bytes assets/fonts/sportspress.svg | 2 +- assets/fonts/sportspress.ttf | Bin 8352 -> 8372 bytes assets/fonts/sportspress.woff | Bin 8428 -> 8448 bytes 6 files changed, 80 insertions(+), 20 deletions(-) diff --git a/assets/css/admin.css b/assets/css/admin.css index 6fc2c9e5..27511052 100644 --- a/assets/css/admin.css +++ b/assets/css/admin.css @@ -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) { diff --git a/assets/css/menu.css b/assets/css/menu.css index e86f1d70..e28405ea 100644 --- a/assets/css/menu.css +++ b/assets/css/menu.css @@ -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, diff --git a/assets/fonts/sportspress.eot b/assets/fonts/sportspress.eot index 6e11d895b33dacf2bb914ccb5fdad5132df2a7be..36cad26520e3a6d7f66878b265f81cc91e0d8ae5 100755 GIT binary patch delta 798 zcmXw$Pe>GD7{=dk=9_VMW_L%kT|u{P%#gqkb#^sSNfuf9!&)v8A%#xsxEt)wEbA_4 z2z!x=f>6gxdk7JUPF*HS!b{+x%NzuQ4qeKKE)i??2O;epnhwvrzvp?r;d`0cj(>@B z*;at(i(DTa?OGUH9J*WC0)P$FL^`h)26qM<0Z14%kWr@#nAZa^*Km3=x!I|2b2~cv z34j(~R#PWw#@5vly@+887-Z^e40V(#*M+yp8@1`jwoKR_7mA@N6WDK9yHz z3UINL^kCpDAnR&gn<~Hkj{ZF^@SGPX@X5)Z*?2nM*O2uWxr7O|k-TH!wsE9UJ8hQ}7VM#rUrA0RS#24L&U7L;PXi`+|)1LivOl-XmiuvPXmm1&kP(`R&>{^okQ9Jk6R_*MQ>-Ja)y zXVZJxyX4&vMudlAyO(0R|Bm_Ocy~p_tDH}XKN;#^-enedjk`>dAGypS zx4O(Dr(G7H8D8P9A=HaW2%CS*KmZ=N%wnE&nIf+_EaM9tn$vEEx#nb3nyUe>~0H+MsOag!jW z>_LZKWr^@5>LHUreDV(n1d9lts)vY(mh_>AptH^T7R>pb&-Z)goEgr{*Y=%u?n)g% zeu*>Kq4l}mrMCIpM*!Hw7#dER=`-J2egKeKjCjJ#q|x^R(94*`#KhgPll1;F>H&b7 zi{qo_2(x)D0pNdzb$uKS<`b1r@1oYmli8W`Z}?S!07}SDOb(k5cIIYL=TY}1&6zY@ zXe2Q-_Rt8W%;ac(S;+td6?}o4>B&qM7_30(Uhx2if|VtMM=7eJui#1kWtN06cR(9( zz@ir_(1KX-71TndCDK;mfO}|*=>Fs0cNg40*OsZ1UGoXwNsa*-H1dl)1vfOpDF7ot zDgvZArWOMA zcn(DxsPy6Q$ub)(&$h7(>}&QdyT?^>{oEqA#gFk@0xK%w zE%A$#mR?D_j+Eo2v&%UpSIZ;v2UnSEz_n_nf=xLUA648w{tvje;Sw{T!jTfQ$hS+( zA*&_k!3pgpc0e5Fi{Fuz&?(Ne*`8^$J=11;CbEtV_E5XPV{><@*&dpKG)%%2WT8k? kFp4>|l&i27L%Ifis1tApCcwnnfA6)*>I@2uwM_$m0YJBxegFUf diff --git a/assets/fonts/sportspress.svg b/assets/fonts/sportspress.svg index f3739253..f27b6d37 100755 --- a/assets/fonts/sportspress.svg +++ b/assets/fonts/sportspress.svg @@ -8,10 +8,10 @@ + - diff --git a/assets/fonts/sportspress.ttf b/assets/fonts/sportspress.ttf index 68fd58c3e5cc1abfa9df53ac1d3a15fa51f5e4f9..bead2985edd048b214c11cb1d076a0c75bc936fe 100755 GIT binary patch delta 801 zcmX|;Pe>GD7{;G(XLj7(+1=4>SMpzDiUfwOj;n!67$I4$))o>`=(LWz!tTtnyMjir z2@*jN<#=fiA>yG^myL?>(4m8uISAINOBtPt(CiN$w0CIg@XY&rp7;IuUgldGcs5W3 z10doyI7CJ+9q;rc#C1wmN#lu(n(g20uLf8>sV}MKvy@i?t}9eM$@J{xw_BS!`Ej7m zpVHI`zIyj7(2%BncZve;qsvQvg?vjYQP!~r zSSNXV0a;fw+T`@x@8sXp0?)HXzCerGtws9-j{SQ0dhC!L*{TO~Dn~@#jIdCJd&{#` zwG}qcvy=aMf%SPL1owhJgWKhIOyr9k6uQD<77m~WM}eN^s1j15U9D~Gh!Cne817{? zO0+pt-5Dk)P}&-;>gw)gaRYCTpW}7en52546uIldgxy@*BV9w3gt0U9Z4}; z8t)FWJ=ZnY6W0!RnJaOhd6`e~i~Li5ga7UBcBkFT!l1A$e5%;-ob|l%Uhpn>SAE02 z`(mpY7kB-q{V)C7ffIo{=5}L8QKYNve@Bms3d}pq(XOW)=7}FU>?Uq_aVH z(OWRyOG%hIf7yi~?m5g+9&?x{Ua?uG18y?MoQ6QGJM2RjHcVb_Y8usY`6)w}JK7@{ zg@zpRn1Vr*GCI(Xh&^R16xWi|X*Gv9O(ijnG*sm5PVJzf7v!X-YdN)`O~^N9<)MTT PGYq}m9Flv?Ir;D(Q3Ij~ delta 817 zcmXw1-Afcv6hC*qXJ>YHH^%XEKh$xzpwwNr-6BgjRDv?g%7iGLR$UEu-CRR^@q?hG z4=9ITdXOc;m#Bv{0`VdI1A?F;LVBp4!lEU83_9biFz24%?{_%Ad*|M>lE^1!fB=95 zvp_>**SUs>kd(flvWC&0OdHvwKbwC8kSdI5%E)C=cLPvoFbk>Cn?r}FTMNj00V+=o z4;lmX+Qk%r_Zik>!zj?-C=vMva(y^GF?He%w*=rr3i;8oWWu=pVQw0QJPO@uV=47`jv_hGAp0x10_z7tilz+;$Qc(UZeLX2&So|1?^P##>u*O9=)lalY3kfNtwkCKm8f%JZeiDyGLp-O&W5F=rsPPvBe=xYu z<=Pvpqr?Z#$>K*@mp{q)>GIvjtjMZfuj(%27DG;Fg49y7rk96ZFZ7Vx z-E2Peb~!syuf%A=kj+i+dY!7>%UFU|lb)FGa z;hOM6%!;qX4M)cDQtFV#~$`gtG@7zhFe*;kK=&XmMmf#G}vFn4C3oW z%p%r`n8OJ?Uc?TF!X4`!84(rB)5f-^jcrdG+n$I6*kGI51rD1#i_JTxW_>`@pa%wF r9C9!MW01iS3gZJeS|#(BzgmHAET`ZGjDi8-qnRmXNygnMf zG9Hfu0lcCB60OQA5KCjicRPdS^;AyF1CR`Am}+EmB$(EU=rJpp^|-1{XBTJDdj`F6EB&Ap(SoqziyZx%}!dH+AhBC+JR`|yO>C&O2ZayBc03)S<_mYa&rQq2 zKS5$J1F(MeQs|&s^^tMEihcssgi@`1+BpF)7}b+NDWp$2aC%^KJPD{Wq**Ej?v=e(1ZzlK?fa zqcsAON>qX34oB)X(&Bi-7p0@6rc!mU}92%9_WH@nxYC#>goBcR=@+OLmK8G o3mO#Yq%m$9B_*vJdO<7cGs@*f<#ftSn5NNXJx~S+i~mpLFZ~s!u>b%7 delta 858 zcmX|& zXz{UV2X|6}NI^vxRuPJ;u0;@3M7r>W3klMoT?(F?i4OD6{pP>toI7*xxzb(e(q{S- z2_S%%UI2S(%mXnEMq6syIsb7uV@v{&G%8AU_(%KCl#xS^xr@P4S?<*M`v*_Gf+soLwwFg3h%(I|C zfczr&zzO@I4Iu6#l|IrEiN%kQxEN{(1?yZyQ2j)UbdZpf)YkF#Yg#gq4uP(M9SRMGI7i zU5^7Hx5r!KaaRX=2Igi&aYj_dSyAk*C&Z&D9-ADkMCYq$uQ=bM9y+(SBps;Ob#meP z(4eb*8|-vP0N(W7q#Iot%}sB=qZj>JR0~QmTYZZOrjE%n>#WL7v+JC|b#jZ`GwwC_ zo3G*r_*?vjFe+?_oTN$@q;K-1{8ZkwWo=LF3Hy{%ql_pY96KCm9jm6`56^4365W05 z8QiwvGP9sTQ<*vBi)H4KwK5CXrQKz=K@_gjbL3=nXibZ)nig9%Ew*YR>zH5_wI&2i z?ky*mikhGOng#=qgel0u7)(GGdoGLz+)Ss;Hhs4f8#4(hxCG;1z*Nb8sK?Duy8aik Cb(jbM