From c117e0d2a605e4a7c4a9b4af9e312f939d3dedbf Mon Sep 17 00:00:00 2001 From: Marcin Kurczewski Date: Sat, 9 Aug 2014 22:09:50 +0200 Subject: [PATCH] Added custom checkboxes and radioboxes --- public_html/media/css/core.css | 57 ++++++++++++++++--------- public_html/media/img/icons.png | Bin 1070 -> 2595 bytes src/Views/auth-login.phtml | 6 ++- src/Views/input/input-checkboxes.phtml | 3 +- src/Views/input/input-radioboxes.phtml | 3 +- src/Views/post/post-upload.phtml | 10 ++++- 6 files changed, 55 insertions(+), 24 deletions(-) diff --git a/public_html/media/css/core.css b/public_html/media/css/core.css index b9c3ebf5..c86c3e68 100644 --- a/public_html/media/css/core.css +++ b/public_html/media/css/core.css @@ -240,6 +240,16 @@ a:hover i[class*='icon-'] { +.form-row { + margin: 0 0 0.5em 0; + clear: left; +} +.input-wrapper { + overflow: hidden; + display: block; + line-height: 30px; + text-overflow: ellipsis; +} .form-row>label { display: inline-block; text-align: right; @@ -267,17 +277,6 @@ select { font-family: inherit; font-size: 11pt; } -input[type=file] { - padding: 5px 0; -} -input[type=radio], -input[type=checkbox] { - width: auto; - max-width: auto; - margin: auto 10px auto 0; - padding: 0; - vertical-align: baseline; -} button { font-size: 12pt; @@ -293,16 +292,36 @@ button:hover { cursor: pointer; } -.form-row { - margin: 0 0 0.5em 0; - clear: left; +input[type=file] { + padding: 5px 0; } -.input-wrapper { - overflow: hidden; - display: block; - line-height: 30px; - text-overflow: ellipsis; +input[type=radio], +input[type=checkbox] { + width: auto; + max-width: auto; + margin: auto 10px auto 0; + padding: 0; + vertical-align: baseline; } +.radiobox-wrapper input[type=radio], +.checkbox-wrapper input[type=checkbox] { + display: none; +} +.radiobox-wrapper input[type=radio]+span, +.checkbox-wrapper input[type=checkbox]+span { + display: inline-block; + width: 20px; + height: 20px; + margin-right: 0.5em; + background-image: url('../img/icons.png'); + background-repeat: none; + vertical-align: text-bottom; + content: ''; +} +.radiobox-wrapper input[type=radio]+span { background-position: -126px -21px; } +.radiobox-wrapper input[type=radio]:checked+span { background-position: -105px -21px; } +.checkbox-wrapper input[type=checkbox]+span { background-position: -84px -21px; } +.checkbox-wrapper input[type=checkbox]:checked+span { background-position: -63px -21px; } ul.tagit, select, diff --git a/public_html/media/img/icons.png b/public_html/media/img/icons.png index 6b128b91da0bbcf9a91ef9dd7514e51eeb7400c6..a4ccafced9274aecc9f57f06afb33402d361fdd8 100644 GIT binary patch literal 2595 zcmV+;3f%RHP){7$Lwx((w8x7S!3I9*lC6csRbJVBHWMj88{BvdR%Q$w0*7*aDt@981Wm^BpveR>Mg>S*pt7Mv3OvJ|oW&0My5hYPs$iMrmSeX}AvdNffT|h` z>`o@sxMnib>&YvF2}9-~c2NbO#wcPRH}Yw&=Bh4SZIK%-BV*KnBwluW1hEp>%$nZs zQ~0YbBHp;;4Stcc-eE;`OekjgLX)Et&Bd4tRSkl+c%9eS-h~~8?Yu!N<0fHT#!Y;S z4g8*Q#46z9jPnv(`3Wmc+T(h(V+A=j5FZ8dM}`eu61KHdP3_Tk4FG7sW_vC2wmR9; zs{xx4ZInldKI?T+qk-7Rm${njxE6<3)EC%`Xm~}Xz^$456NnW+nE}pasmUjP0KF2* zOc#Jk+IA?RELs9x7{ykA=9)kWfD)U{1>Ke{z~;-dffa~Jlt+l(1XKzuYDd_g8jRD9 zDk=p&iM}HJww+Hn3&_O16mbyo5T^%!Ee`_aX?Ngs zslErGN8QU`ilGeLK*!KBbPP9mlt`+XB;17PFwU*isTSY$CnYoOS;X52*>jOcVk?E%PZ4W*50Dgh4_uD#Blh!S z7E}=guBF(OKS}@8UJZb{H{W@T80Hl$j|AxF5iWFL4&RU3 z!U!J#&(G(F{GAhl5 z;pz2s4X6+Fh+3KjN_zM!ONlhz$&Qej$<&F&=ydy$RPBOH&JU7GU(>NV-uJM6L(RNI zGeFn+=Yi)_>deoBAqIi3a|)2SaL&x3PEsgyKPTFVce1H6vjw(8t96lKmCY3VRl#2! zd}GASEF-;@XJ*{5g36gp$EyxXR0dt+XZSiW$ct>`NroeAWCPpS!pqF?MFI6gG0op- z@j8&?Uj9n9urpwb&0_(k!t}4&3;qfTsH#61s+nK6Y+&V>_0XF6Ca4@U{dpUJ9@Iow zc)N8_p8_2dWRhB0cl~5Wh%KQEe2~5Tnb|<%W4<%{_nZgDPN^ z^$!=S;X(}qDM@r~xsrczfQ2DLCe$#8w&7SPQs7aOx!NUj)%-_2#}t|VO0z+UM-o*G znFpF}45=M6m4X&ZS_3La%#NSBj@PWd5*rmTKW29Qw@&~Ur+W^nyHF8RsVX6J zSC>%rNT`{HG5^c!Ak^R$s;OViNT~O+o`u{=8K?kr_$6X1gKS_3NTys-DX@tjBs{5UlFl5&in{rzD$2h<8razCs!M=}LFH&mFM}TTtYW4rpiA|H-qb7lC`8O? z>A5%Q-@am@5@3LJ3<0J1^^fYSH^}Pn)f)un(tL+sy*V+HNPxQul>ymex;v67VuHS} z7j&9eSImqns%_|GKRgr(1&P6*u~5_D92NguuvUqoWJnBaJzDU?f-ca{K&c^S<|`^6 zjfENkz#G8@=j|gonLoyU?%*6wv9YH3WbRBqnIG~DpA+CIodBQ{Y?hZPX3o()s%bFK zbV;m{*VQ=ocCp1~#X?1Qy^+Ej+|k_i{+7SNO_7-wKs&YAurn`Hj`@ln&`P};GY{7| z235NboVDWaLEIBKs_wzOTu)%COewzuY0?m8h2~7}K;@W4jbry0ct!Q#f3)sxKPtAi zBWF`%dPBIVT^#>ZS`1)1bvWMzi-el~)>|nG@joZjzX2|*N1l4^kfQ(q002ovPDHLk FV1lI8-*Er{ literal 1070 zcmV+}1kwA6P)xonU^;L*AW~+@Y;^kUO2%N&&S;L4thKDCr~OEavy^Nm zvXGKJsVp6BhXsiI{etRWQ2ilGGL4+=QlMu9su!rfI0p)29M(PwC_flB5ED>5S<6z# z0ObQBnpGnJr9QHerG?T!9kpGTN)02hRDnRLaSgKMAwW?jTeRq3ua z#Rj21vG!_V01B^kj=Vbby4a+E+5wx?@1L@KqcV!SodvThl2K!?{A)7m;xOz15X|-( zJ#$7|p@6pX!Zge%E}NoQ70D=?0XEBTS>8{`s0t?DBsC*p$+Cqwb)&E3Q0IWk zsud$-SbG>HB38Y)fsL{`D<&sG0oCc_d^cgt(8{^~aABVVq!qZ*F4^I2fyt&F!G2H~ zM3npT8qlEF5F+8YiNJ6UoENVzOM(XNHK)V6JTDzC5dFsiYFc>`ynb%4|{ zGZP|m%bPlmDm*~7mN@SXP~3@+wriaJmX8;aAWfN>SR2NLZFg-Aes2}@GTzQ3>CmT`9VIf3oq=!^zwPBu#S`WnY`4WZp6u0EY7QQJ72$_j5| zhW0@}15^J){rs+=*^(qHvK}Om;MrlecLm2BG&hz)C%H8@&U3U6 zw$tP}U+P@m`2D8|yt`HQ0J79pTpq!uoLUcugetw?qX{PKbjS|_NbMu0kg5nhmCxvF z&zJhS6ho(N>nlx;!y{~c`r!KzR(b9^^bWSwwi`;+`xAN{EC7KWherg;cuY>v;X61K zj=n8SYR=K=b2g~Y&KW4y7RWfEt+aky6h{r((R>v%`OgFt2`tVrx*zGAE2MGKW9lwY!Z=IRVdrkcJr9dlfJ o;0dVbk_1!&DgpJ3K>ZP50Fq}W!0QQ>>Hq)$07*qoM6N<$f@pH*o&W#< diff --git a/src/Views/auth-login.phtml b/src/Views/auth-login.phtml index 09b5e3e3..ac9cb57e 100644 --- a/src/Views/auth-login.phtml +++ b/src/Views/auth-login.phtml @@ -32,7 +32,11 @@ $this->assets->addStylesheet('auth.css');   - + diff --git a/src/Views/input/input-checkboxes.phtml b/src/Views/input/input-checkboxes.phtml index 36d21057..d1a06fcc 100644 --- a/src/Views/input/input-checkboxes.phtml +++ b/src/Views/input/input-checkboxes.phtml @@ -24,7 +24,7 @@ $inputClass = isset($this->context->inputClass) ? $this->context->inputClass : ' name="" value=""/> -