From cef9b942e7a842cc114fc1bebdae9033b04419e7 Mon Sep 17 00:00:00 2001 From: Thibault Taillandier <thibault@taillandier.name> Date: Wed, 11 Feb 2015 15:21:35 +0100 Subject: [PATCH 1/4] Adding CSS from the basic example, see http://www.ericmmartin.com/projects/simplemodal-demos/ --- css/basic.css | 22 ++++++++++++++++++++++ css/basic_ie.css | 12 ++++++++++++ 2 files changed, 34 insertions(+) create mode 100644 css/basic.css create mode 100644 css/basic_ie.css diff --git a/css/basic.css b/css/basic.css new file mode 100644 index 0000000..50149d0 --- /dev/null +++ b/css/basic.css @@ -0,0 +1,22 @@ +/* + * SimpleModal Basic Modal Dialog + * http://simplemodal.com + * + * Copyright (c) 2013 Eric Martin - http://ericmmartin.com + * + * Licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ + +#basic-modal-content {display:none;} + +/* Overlay */ +#simplemodal-overlay {background-color:#000;} + +/* Container */ +#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;} +#simplemodal-container .simplemodal-data {padding:8px;} +#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} +#simplemodal-container a {color:#ddd;} +#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} +#simplemodal-container h3 {color:#84b8d9;} diff --git a/css/basic_ie.css b/css/basic_ie.css new file mode 100644 index 0000000..7bcedfc --- /dev/null +++ b/css/basic_ie.css @@ -0,0 +1,12 @@ +/* + * SimpleModal Basic Modal Dialog + * http://simplemodal.com + * + * Copyright (c) 2013 Eric Martin - http://ericmmartin.com + * + * Licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ + +/* IE 6 hacks */ +#simplemodal-container a.modalCloseImg {background:none; right:-14px; width:22px; height:26px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/basic/x.png',sizingMethod='scale');} \ No newline at end of file From 08d943f7456c800218b4fe31856c4f8bd091cfc0 Mon Sep 17 00:00:00 2001 From: Thibault Taillandier <thibault@taillandier.name> Date: Wed, 11 Feb 2015 15:25:13 +0100 Subject: [PATCH 2/4] Adding new themes --- {css => themes/basic}/basic.css | 0 {css => themes/basic}/basic_ie.css | 0 themes/contact/contact.css | 40 ++++++++++++++++++++++++++++++ themes/osx/osx.css | 26 +++++++++++++++++++ 4 files changed, 66 insertions(+) rename {css => themes/basic}/basic.css (100%) rename {css => themes/basic}/basic_ie.css (100%) create mode 100644 themes/contact/contact.css create mode 100644 themes/osx/osx.css diff --git a/css/basic.css b/themes/basic/basic.css similarity index 100% rename from css/basic.css rename to themes/basic/basic.css diff --git a/css/basic_ie.css b/themes/basic/basic_ie.css similarity index 100% rename from css/basic_ie.css rename to themes/basic/basic_ie.css diff --git a/themes/contact/contact.css b/themes/contact/contact.css new file mode 100644 index 0000000..535a9d1 --- /dev/null +++ b/themes/contact/contact.css @@ -0,0 +1,40 @@ +/* + * SimpleModal Contact Form + * http://simplemodal.com + * + * Copyright (c) 2013 Eric Martin - http://ericmmartin.com + * + * Licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ + +/* Overlay */ +#contact-overlay {background-color:#000;} + +/* Container */ +#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;} +#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;} +#contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;} +#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;} +#contact-container .contact-message {text-align:center;} +#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;} +#contact-container br {clear:both;} +#contact-container form {margin:0; padding:0;} +#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;} +#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;} +#contact-container textarea {height:114px;} +#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;} +#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;} +#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;} +#contact-container .contact-bottom a, +#contact-container .contact-bottom a:link, +#contact-container .contact-bottom a:active, +#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;} +#contact-container .contact-bottom a:hover {color:#888;} +#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} +#contact-container .contact-button:hover {background:#f49000;} +#contact-container a.modal-close, +#contact-container a.modal-close:link, +#contact-container a.modal-close:active, +#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;} +#contact-container a.modal-close:hover {color:#ccc;} \ No newline at end of file diff --git a/themes/osx/osx.css b/themes/osx/osx.css new file mode 100644 index 0000000..e7c10eb --- /dev/null +++ b/themes/osx/osx.css @@ -0,0 +1,26 @@ +/* + * SimpleModal OSX Style Modal Dialog + * http://simplemodal.com + * + * Copyright (c) 2013 Eric Martin - http://ericmmartin.com + * + * Licensed under the MIT license: + * http://www.opensource.org/licenses/mit-license.php + */ + +#osx-modal-content, #osx-modal-data {display:none;} + +/* Overlay */ +#osx-overlay {background-color:#000;} + +/* Container */ +#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;} +#osx-container a {color:#ddd;} +#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;} +#osx-container .close {display:none; position:absolute; right:0; top:0;} +#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;} +#osx-container .close a:hover {color:#000;} +#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;} +#osx-container h2 {margin:10px 0 6px;} +#osx-container p {margin-bottom:10px;} +#osx-container span {color:#777;} From ae9d804cde667b42be12a400e01f172c284e3cbd Mon Sep 17 00:00:00 2001 From: Thibault Taillandier <thibault@taillandier.name> Date: Wed, 11 Feb 2015 15:37:54 +0100 Subject: [PATCH 3/4] Adding closing image and generic class to hide modal content --- themes/basic/basic.css | 4 ++-- themes/basic/x.png | Bin 0 -> 1066 bytes 2 files changed, 2 insertions(+), 2 deletions(-) create mode 100644 themes/basic/x.png diff --git a/themes/basic/basic.css b/themes/basic/basic.css index 50149d0..498b662 100644 --- a/themes/basic/basic.css +++ b/themes/basic/basic.css @@ -8,7 +8,7 @@ * http://www.opensource.org/licenses/mit-license.php */ -#basic-modal-content {display:none;} +.modal-content {display:none;} /* Overlay */ #simplemodal-overlay {background-color:#000;} @@ -18,5 +18,5 @@ #simplemodal-container .simplemodal-data {padding:8px;} #simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;} #simplemodal-container a {color:#ddd;} -#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} +#simplemodal-container a.modalCloseImg {background:url(x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;} #simplemodal-container h3 {color:#84b8d9;} diff --git a/themes/basic/x.png b/themes/basic/x.png new file mode 100644 index 0000000000000000000000000000000000000000..c11f7af69fad034c3564a4a455be0d9d569e9878 GIT binary patch literal 1066 zcmV+_1l9YAP)<h;3K|Lk000e1NJLTq000>P0012b1^@s6UwFrL0000PbVXQnQ*UN; zcVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBU#%t=H+RCwB)mP<%fQ5eVP&iH858mu%+ z@(~);$`IRRsFdWQg)j?25H#9E5+YcjgqtV`TnUOGY74=Yv`}0503pyMZ4rozbYe7z z$w%s><2+9PZ}`sb+&d4g1HZX*&*S@_?|k1m_h>>0%PC7PDB-6UEP>TijU<r-<bqe= zn}}W9pc~x$UlAwxDNa`c;88pcEzWWcfF`wKeSO`sw6qj?W@TkrN=iyBg@uLYar5Ab zrfHu~@?=7t;_~vcsHmu*nM460F*i47_Ug+?%k@m{-PP44>~?!h0g26K6CE8L!teL1 zLtn=e$y0l^wY4QQZl=Dz-t5usSR!v^>*VBQl#$xnTElxmL4jCYTr|`V4-cy%A7hEQ zWNUeOxxwJ->T0CEva(W-#m>%7q;7C<Q14e%R3w7Ipekh3MGg-S^JT5e<%;s6v$HeO zMq(rsOF%L^JNq}U1A)7`2-F|ShOx1+sDZRJ(y%PC1c?6re!UOuJ|+z-{e;8eY`J`1 zuQw_K*Vfi7LqkJ`_ok+%m>W+W51oizD>jY>#XZ^Ja5$m{(#C6SY}DW3nc-b6NO}E# zC=@!P4IkO{$dclCF;Rmo6MzcUQCp&zxZUo1x(G;zH*VRe4xXN#HW+PbY0-_)e^mg- zjUl^AOG_OxB=mFE<MF(cjiaNZhRh-XnZ5)WSKlQ)Jw3XB&*!7_>m0D@BE7x657g{w zXlO8G*GW6Ry1Lrn#rXI*Wro8b0<O)^&kx8>bQaN3ahfBgrlv;h@9*mZTU%RSQD1Bp zNe6l04wlWOdPGMBj`WzuDF(Dess{%L2fOX<?euLa;K^HM;Lm^@aI3kw`T54i#-{nS zTUb~SeSLkRySqE`oSB)4`f?$5d#$alFJY$)TmflncBO#x;5xVuo{o%+d=mdqR#sLv z>+0&>Vr&h#0WN~nh<*Mt(z<2vC7~2J!3(F;`5pmu9~~Wq;u)Wsn(|;{en9_rPzUIU zzsgIMq<?;~>1o}P*}Y6~nLFn5^HNn+RbE+H*@fifWE&2?5WbkdCMG6ah{q<{-QYX3 z0k(k;1nAU~A{qxMg_D4UvRN#L|7Y?f$m=lp4R-l@L_$A+2kd|Ya7-r)C5V2JU?Cd| zrE&UYa;!3WW7)Y64W@HxpN(!ad+Y%T1UU<hw-u96Dtnc|&or*HvM0yvjgM#UW8nZ# zA{_Thq%2($$0?OXQ}|uu83tL%&ri8LA?ZQFdlw5yF)Mp#<Ns15tQZY5!Yq*Ja%UEl k`$<zTI*P%BM*ave0GiKqW?kW&s{jB107*qoM6N<$g0dF)b^rhX literal 0 HcmV?d00001 From 1c7ee2671df4dfc830289f83222eb371cb767b2f Mon Sep 17 00:00:00 2001 From: Thibault Taillandier <thibault@taillandier.name> Date: Wed, 11 Feb 2015 15:48:25 +0100 Subject: [PATCH 4/4] * Broken themes --- themes/contact/contact.css | 40 -------------------------------------- themes/osx/osx.css | 26 ------------------------- 2 files changed, 66 deletions(-) delete mode 100644 themes/contact/contact.css delete mode 100644 themes/osx/osx.css diff --git a/themes/contact/contact.css b/themes/contact/contact.css deleted file mode 100644 index 535a9d1..0000000 --- a/themes/contact/contact.css +++ /dev/null @@ -1,40 +0,0 @@ -/* - * SimpleModal Contact Form - * http://simplemodal.com - * - * Copyright (c) 2013 Eric Martin - http://ericmmartin.com - * - * Licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - */ - -/* Overlay */ -#contact-overlay {background-color:#000;} - -/* Container */ -#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;} -#contact-container .contact-content {background-color:#333; color:#ddd; height:40px;} -#contact-container h1 {color:#d76300; font-size:20px; line-height:20px; margin:0; padding:0 0 6px 12px; text-align:left;} -#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;} -#contact-container .contact-message {text-align:center;} -#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;} -#contact-container br {clear:both;} -#contact-container form {margin:0; padding:0;} -#contact-container label {clear:left; display:block; float:left; font-weight:bold; padding-right:4px; text-align:right; width:100px;} -#contact-container .contact-input {background:#eee; border:1px solid #fff; font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; width:300px;} -#contact-container textarea {height:114px;} -#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;} -#contact-container .contact-top {background-color:#333; height:13px; margin:0; padding:0; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; border-radius:8px 8px 0 0;} -#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-bottomleft:8px; border-radius:0 0 8px 8px;} -#contact-container .contact-bottom a, -#contact-container .contact-bottom a:link, -#contact-container .contact-bottom a:active, -#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;} -#contact-container .contact-bottom a:hover {color:#888;} -#contact-container .contact-button {background:#d76300; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;} -#contact-container .contact-button:hover {background:#f49000;} -#contact-container a.modal-close, -#contact-container a.modal-close:link, -#contact-container a.modal-close:active, -#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;} -#contact-container a.modal-close:hover {color:#ccc;} \ No newline at end of file diff --git a/themes/osx/osx.css b/themes/osx/osx.css deleted file mode 100644 index e7c10eb..0000000 --- a/themes/osx/osx.css +++ /dev/null @@ -1,26 +0,0 @@ -/* - * SimpleModal OSX Style Modal Dialog - * http://simplemodal.com - * - * Copyright (c) 2013 Eric Martin - http://ericmmartin.com - * - * Licensed under the MIT license: - * http://www.opensource.org/licenses/mit-license.php - */ - -#osx-modal-content, #osx-modal-data {display:none;} - -/* Overlay */ -#osx-overlay {background-color:#000;} - -/* Container */ -#osx-container {background-color:#eee; color:#000; font: 16px/24px "Lucida Grande",Arial,sans-serif; padding-bottom:4px; width:600px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; border-radius:0 0 6px 6px; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000; box-shadow:0 0 64px #000;} -#osx-container a {color:#ddd;} -#osx-container #osx-modal-title {color:#000; background-color:#ddd; border-bottom:1px solid #ccc; font-weight:bold; padding:6px 8px; text-shadow:0 1px 0 #f4f4f4;} -#osx-container .close {display:none; position:absolute; right:0; top:0;} -#osx-container .close a {display:block; color:#777; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;} -#osx-container .close a:hover {color:#000;} -#osx-container #osx-modal-data {font-size:12px; padding:6px 12px;} -#osx-container h2 {margin:10px 0 6px;} -#osx-container p {margin-bottom:10px;} -#osx-container span {color:#777;}