commit 0429ba1e033d7d27113531a235eb89f0968628be Author: Stephanie Chung Date: Mon Jul 7 23:36:05 2014 -0700 Initial Commit diff --git a/css/prettyPhoto.css b/css/prettyPhoto.css new file mode 100644 index 0000000..48646a8 --- /dev/null +++ b/css/prettyPhoto.css @@ -0,0 +1,170 @@ +div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} +div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} +div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x} +div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} +div.pp_default .pp_content .ppt{color:#f8f8f8} +div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} +div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} +div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} +div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} +div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px} +div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} +div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px} +div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} +div.pp_default .pp_close{background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px} +div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} +div.pp_default .pp_social{margin-top:7px} +div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static} +div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} +div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} +div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px} +div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px} +div.pp_default .pp_content_container .pp_details{margin-top:5px} +div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px} +div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px} +div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} +div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} +div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} +div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} +div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} +div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat} +div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} +div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} +div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} +div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} +div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.light_rounded .pp_close{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} +div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} +div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} +div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} +div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} +div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} +div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} +div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} +div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} +div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} +div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} +div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.dark_rounded .pp_close{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} +div.dark_rounded .pp_description{color:#fff;margin-right:85px} +div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} +div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} +div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} +div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} +div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} +div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} +div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} +div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat} +div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.dark_square .pp_close{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} +div.dark_square .pp_nav{clear:none} +div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} +div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} +div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} +div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} +div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.light_square .pp_close{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px} +div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} +div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} +div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} +div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} +div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} +div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} +div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} +div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} +div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} +div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} +div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} +div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} +div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} +div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} +div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} +div.facebook .pp_close{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px} +div.facebook .pp_description{margin:0 37px 0 0} +div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat} +div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} +div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} +div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} +div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} +div.facebook .pp_nav{margin-top:0} +div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} +div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} +div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} +div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} +div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} +div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} +div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} +div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} +div.pp_pic_holder a:focus{outline:none} +div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} +div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} +.pp_content{height:40px;min-width:40px} +* html .pp_content{width:40px} +.pp_content_container{position:relative;text-align:left;width:100%} +.pp_content_container .pp_left{padding-left:20px} +.pp_content_container .pp_right{padding-right:20px} +.pp_content_container .pp_details{float:left;margin:10px 0 2px} +.pp_description{display:none;margin:0} +.pp_social{float:left;margin:0} +.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px} +.pp_social .twitter{float:left} +.pp_nav{clear:right;float:left;margin:3px 10px 0 0} +.pp_nav p{float:left;margin:2px 4px;white-space:nowrap} +.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} +a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} +.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} +.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} +.pp_gallery div{float:left;overflow:hidden;position:relative} +.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap} +.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} +.pp_gallery ul a img{border:0} +.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} +.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} +.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} +a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} +a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} +a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} +a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0} +.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px} +#pp_full_res{line-height:1!important} +#pp_full_res .pp_inline{text-align:left} +#pp_full_res .pp_inline p{margin:0 0 15px} +div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} +div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} +div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} +div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} +div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} +div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} +div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} +div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} +div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} +div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} +div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} +div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} +div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} +div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} +.pp_top,.pp_bottom{height:20px;position:relative} +* html .pp_top,* html .pp_bottom{padding:0 20px} +.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} +.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} +* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} +.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} +.pp_fade,.pp_gallery li.default a img{display:none} \ No newline at end of file diff --git a/css/reset.css b/css/reset.css new file mode 100644 index 0000000..55d2a16 --- /dev/null +++ b/css/reset.css @@ -0,0 +1,47 @@ +/* CSS Document */ + +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} + +ol, ul { list-style: none; } + +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} \ No newline at end of file diff --git a/css/responsive.css b/css/responsive.css new file mode 100644 index 0000000..33fc1c3 --- /dev/null +++ b/css/responsive.css @@ -0,0 +1,438 @@ +/*-------------------------------------------------------*/ + /* Media Queries */ +/*-------------------------------------------------------*/ +/* Tablet Portrait size to standard 960 (devices and browsers) */ + +@media only screen and (min-width: 768px) and (max-width: 1024px) { + +/* Wrap/Container */ + #content{ + background-image:url(../images/index-bg1.png); + background-repeat:repeat-y; + background-position:left top; + width:750px; + height:auto; + min-height:500px; + } + .container { width:750px; margin:0 auto; margin-top:-80px;} + .card-pattern{ width:730px; margin:0 auto;} + .card_content{ clear:both; width:730px; margin:0 auto; margin-left:5px;} + .bottom-shade { + background-image:url(../images/bottom-shade1.png); + background-repeat:no-repeat; + background-position:left top; + width:750px; + height:25px; + clear:both; + } + #home,#gift,#wedding,#portfolio,#contact { width:720px; height:auto; margin:0 auto;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { width:98%; } + #wedding h6,#gift h6, #portfolio h6, #contact h6{ font-size:20px; width:98%;} +/* //Wrap/Container */ + +/* Header */ + .logo_sec{ width:500px; font-size: 40px; } + .logo_sec span{color:#FFFFFF;} + .groom{ float:left; padding-left:30px;} +/* //Header */ + +/* Home start */ + .card_left{ clear:both; width:70%; margin-left:110px;} + .card_left img{ margin-left:70px; margin-bottom:20px;} + .card_middle{ display:none;} + .card_right{ clear:both; width:70%; margin-left:110px;} + .card_right img{ margin-left:70px; margin-top:20px;} +/* //Home section */ + +/* Wedding */ + #wedding ul li{ width:29%;} +/* //Wedding */ + +/* Gift start */ + #gift .gift-top { margin:0px auto;} + .gift_logo1, .gift_logo2, .gift_logo3{ background-size:200px 49px; } + .gift_logos{ margin-left:10px; } +/* //Gift */ + +/* Portfolio */ + #portfolio-filter { margin:20px 0px 20px 20%; } + #portfolio-list { width:100%; margin-top:-10px; } + #portfolio-list li { margin:12px 8px 0px 5px; } +/* //Portfolio */ + +/* Contact */ + #contact iframe{ width:90%;} + #contact .heading_dots .left_dots{ width:15%;} + #contact .heading_dots .right_dots{ width:15%;} + #contact .left { margin:10px 0px 0px 10px; padding-top:10px; } + #contact .right { margin:0px 0px 0px 15px; } + #respond { height:auto; width:100%; } + #respond input[type=text] { width:85%; } + #respond textarea { resize:vertical; width:85%; } + #form { display:block; width:400px; padding:0px 20px 0px 0px; } + #form label.error { color:#F00000; position:absolute; top:0px; left:-45px; } + #form .submitBtn{ margin-right:50px; } + #contact .right { clear:both; float:left; padding:0px 0px 0px 25px; } +/* //Contact */ +} + +/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ +@media only screen and (min-width: 480px) and (max-width: 767px) { + +/* Wrap/Container */ + #content{ + background-image:url(../images/index-bg2.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + width:470px; + } + .container { width:450px; margin:0 auto; margin-top:-40px; } + .card-pattern{ width:450px; margin:0 auto;} + .card_content{ clear:both; width:450px; margin:0 auto; margin-left:5px;} + .bottom-shade{ + background-image:url(../images/botttom-shade3.png); + background-repeat:no-repeat; + background-position:left top; + width:470px; + height:25px; + clear:both; + } + #home,#wedding,#gift,#portfolio,#contact { width:430px; margin:0 auto;} + #wedding .hline,#gift .hline,#portfolio .hline, #contact .hline{width:94%; margin:20px 0px; } + #wedding h6,#gift h6, #portfolio h6, #contact h6{ font-size:16px; margin:0px 30px 0px 0px;} +/* // Wrap/Container */ + +/* Header */ + .dot_line{ clear:both; width:93%; margin:30px 0px; } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heading_dots{ clear:both; width:100%; margin:20px auto; } + .heading{ font-size:25px; } + .border_pat{ margin-top:12px; } + .green_bg{ height:106px; } + .border_pat{ margin-top:12px; } + .green_bg .logo_sec{ width:400px; font-size: 30px; padding-left:30px;} + .groom{ float:left; margin-top:5px; padding-left:20px;} + .bride{ float:left; margin-top:5px;} + .logo_sec small{ margin-left:50px; font-size:12px; } + .middle_heart img{ width:80px; height:68px;} +/* //Header */ + +/* Menu start */ + ul.arrowunderline { display:none; } + ul.arrowunderline li { + font-family:"Open Sans"; + font-size:12px; + line-height:22px; + font-weight:normal; + color:#b6b6b6; + text-decoration:none; + text-transform:none; + } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { border:hidden; } + .menu_nav { padding-top:0px; margin:5px 0px 0px 60%; } + #nav-wrap { position:relative; clear:both;} + + /* menu icon */ + #menu-icon { + width:15px; + height:30px; + background:#f8f8f8 url(../images/menu-icon.png) no-repeat 10px center; + padding:8px 25px 0 42px; + cursor:pointer; + -moz-box-shadow:10px 10px 5px #dbdbdb; + -webkit-box-shadow:10px 10px 5px #dbdbdb; + box-shadow:1px 1px 1px #dbdbdb; + -moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; + display:block; /* show menu icon */ + } + #menu-icon:hover { background-color:#e3e2e2; } + #menu-icon.active { background-color:#e7e7e7; } + /* main nav */ + #nav { + clear:both; + position:absolute; + top:45px; + width:120px; + z-index:10000; + padding:5px; + background:#f8f8f8; + border:1px solid #dbdbdb; + moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; + display:none; /* visibility will be toggled with jquery */ + } + #nav li { clear:both; margin:3px 0 3px 10px;} + #nav li:hover {cursor:pointer; } + #nav li:hover:after, ul.arrowunderline li#selected:after { + content:''; + width:0; + height:0; + position:absolute; + } + #nav li#selected{ cursor:pointer; border:hidden; } + #nav a, #nav ul a { font:inherit; background:none; display:inline; padding:0; color:#74c676; border:none; } + #nav a:hover, + #nav ul a:hover { background:none; color:#74c676; } + + /* dropdown */ + #nav ul { width:auto; position:static; display:block; border:none; background:inherit; } + #nav ul li { margin:3px 0 3px 15px; } +/* //Menu */ + +/* Home start */ + .card_left{ clear:both; width:93%;} + .card_left img{ margin-left:35px; margin-bottom:20px; } + .card_middle{ display:none;} + .card_right{ clear:both; width:93%;} + .card_right img{ margin-left:35px; margin-top:20px;} + .venue{ margin-left:-5px; width:95%; height:auto;} +/* //Home */ + +/* Wedding start */ + #wedding ul{ margin-top:0px;} + #wedding ul li{ clear:both; border-right:none; width:87%; margin:10px 0px;} +/* //Wedding */ + +/* Gift start */ + #gift .gift-top { margin:0px auto;} + .gift_logos li{ + clear:both; + width:60%; + height:auto; + margin-left:15%; + margin-top:10px; + margin-bottom:10px; + } +/* //Gift */ + +/* Portfolio start */ + #portfolio-filter { margin:20px 0px 20px 30px; } + #portfolio-list { width:100%; margin-left:5px; margin-top:-10px; } + #portfolio-list li { clear:both; margin:12px 8px 0px 20%; } +/* //Portfolio */ + +/* Contact start */ + #contact .left { width:78%; padding-top:10px; margin-left:0px; } + #contact iframe{ width:93%; margin-left:0;} + #respond { width:100%; height:auto; margin:0px 0px 0px 0px; } + #respond textarea { width:110%; clear:both; } + #respond input[type=text] { width:110%; } + #form { display:block; width:250px; padding:0px 20px 0px 0px; } + #form .submitBtn { margin:20px -20px 0px 0px; width:30%; } + #form div { width:250px; } + #form label { width:100%; clear:both; } + .input-box1 { margin-bottom:10px; } + #form .form_left{ clear:both; width:100%; height:auto;} + #form .form_right{ clear:both; width:100%; height:auto;} + #form .guests{ width:80%; } + #respond label.error { + position:static; + font-size:10px; + width:100%; + height:25px; + line-height:14px; + margin:0px 0px 0px -5px; + padding:6px 0px 0px 5px; + clear:both; + } + #respond select{ width:35%; } + #contact .right { width:93%; clear:both; margin-left:15px; } +/* //Contact */ +} + +/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ +@media only screen and (max-width: 479px) { + +/* Wrap/Container */ + #content{ + background-image:url(../images/index-bg3.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + width:300px; + } + .container { width:290px; margin:0 auto; margin-top:-40px;} + .card-pattern{ width:290px; margin:0 auto;} + .card_content{ clear:both; width:290px; margin:0 auto; margin-left:5px;} + .bottom-shade{ + background-image:url(../images/botom-shade2.png); + background-repeat:no-repeat; + background-position:left top; + height:25px; + width:300px; + clear:both; + } + .dot_line{ clear:both; width:93%; margin:20px 0px;} + .left_dots{ width:38%;} + .right_dots{ width:38%;} + #home,#wedding,#gift,#portfolio,#contact { width:280px; margin:0 auto; } + #wedding .hline,#gift .hline, #portfolio .hline, #contact .hline { width:94%; margin:20px 0px; } + .heading_dots{ clear:both; width:100%; margin:20px auto; } + .heading{ font-size:22px; } + #wedding h6,#gift h6, #portfolio h6, #contact h6{ font-size:14px; line-height:25px; margin:0px 20px 0px 0px;} +/* //Wrap/Container */ + +/* Header */ + .green_bg{ height:106px; } + .border_pat{ margin-top:12px; } + .green_bg .logo_sec{ width:300px; font-size: 25px;} + .groom{ float:left; margin-top:5px; padding-left:20px;} + .bride{ float:left; margin-top:5px;} + .logo_sec small{ margin-left:20px; font-size:12px; } + .middle_heart img{ width:80px; height:68px;} +/* //Header */ + +/* Menu start */ + ul.arrowunderline { display:none; } + ul.arrowunderline li { + font-family:"Open Sans"; + font-size:12px; + line-height:22px; + font-weight:normal; + color:#b6b6b6; + text-decoration:none; + text-transform:none; + } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { border:hidden; } + .menu_nav { padding-top:0px; margin:5px 0px 0px 60%; } + #nav-wrap { position:relative; clear:both;} + + /* menu icon */ + #menu-icon { + color:#74c676; + width:15px; + height:30px; + background:#f8f8f8 url(../images/menu-icon.png) no-repeat 10px center; + padding:8px 25px 0 42px; + cursor:pointer; + -moz-box-shadow:10px 10px 5px #dbdbdb; + -webkit-box-shadow:10px 10px 5px #dbdbdb; + box-shadow:1px 1px 1px #dbdbdb; + -moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; + display:block; /* show menu icon */ + } + #menu-icon:hover { background-color:#e3e2e2; } + #menu-icon.active { background-color:#e7e7e7; } + /* main nav */ + #nav { + clear:both; + position:absolute; + top:45px; + width:120px; + z-index:10000; + padding:5px; + background:#f8f8f8; + border:1px solid #dbdbdb; + moz-border-radius:6px; + -webkit-border-radius:6px; + border-radius:6px; + display:none; /* visibility will be toggled with jquery */ + } + #nav li { clear:both; margin:3px 0 3px 10px;} + #nav li:hover { color:#74c676; cursor:pointer; } + #nav li:hover:after, ul.arrowunderline li#selected:after { + content:''; + width:0; + height:0; + position:absolute; + } + #nav li#selected{ color:#74c676; cursor:pointer; border:hidden; } + #nav a, #nav ul a { font:inherit; background:none; display:inline; padding:0; color:#74c676; border:none; } + #nav a:hover, + #nav ul a:hover { background:none; color:#74c676; } + + /* dropdown */ + #nav ul { width:auto; position:static; display:block; border:none; background:inherit; } + #nav ul li { margin:3px 0 3px 15px; } +/* //Menu */ + +/* Home start */ + .card_left{ clear:both; width:93%;} + .card_left img{ margin-left:10px; margin-bottom:20px; width:250px; height:210px; } + .card_heading{font-size:22px;} + .card_middle{ display:none;} + .card_right{ clear:both; width:93%;} + .card_right img{ margin-left:10px; margin-top:20px; width:250px; height:210px;} + .card_social ul{ margin:0px 0px 0px 50px;} + .venue{ margin-left:-5px; width:98%; height:auto;} + #home #date{font-size:32px;} +/* //Home */ + +/* Wedding start */ + #wedding .heading_dots .left_dots{ width:20%;} + #wedding .heading_dots .right_dots{ width:20%;} + #wedding ul{ margin-top:-10px;} + #wedding ul li{ clear:both; width:85%; border-right:none; margin:10px 0px;} +/* //Wedding */ + +/* Gift start */ + #gift .gift-top { margin:0px auto;} + #gift .heading_dots .left_dots{ width:15%;} + #gift .heading_dots .right_dots{ width:15%;} + .register{ font-size:20px; padding:5px 0px; } + .gift_logos li{ + clear:both; + width:92%; + height:auto; + margin-top:10px; + margin-bottom:10px; + } +/* //Gift */ + +/* //Portfolio start */ + #portfolio .heading_dots .left_dots{ width:10%;} + #portfolio .heading_dots .right_dots{ width:10%;} + #portfolio-filter { margin:20px 0px 20px 25px; } + #portfolio-list { width:100%; margin-left:5px; margin-top:-10px; } + #portfolio-list li { clear:both; margin:12px 8px 0px 6%; } +/* Portfolio */ + +/* Contact start */ + #contact .heading_dots .left_dots{ width:12%;} + #contact .heading_dots .right_dots{ width:12%;} + #contact .left { width:78%; padding-top:10px; margin-left:0px; } + #contact iframe{ width:92%; height:150px; margin-left:0px; } + #respond { width:100%; height:auto; margin:0px 0px 0px 0px; } + #respond textarea { width:110%; clear:both; } + #respond input[type=text] { width:110%; } + #form { display:block; width:200px; padding:0px 20px 0px 0px; } + #form .submitBtn { margin:20px -20px 0px 0px; width:30%; } + #form div { width:200px; } + #form label { width:100%; clear:both; } + .input-box1 { margin-bottom:10px; } + #form .form_left{ clear:both; width:100%; height:auto;} + #form .form_right{ clear:both; width:100%; height:auto;} + #form .guests{ width:80%; } + #respond label.error { + position:static; + font-size:10px; + width:230px; + height:25px; + line-height:14px; + margin:0px 0px 0px -5px; + padding:6px 0px 0px 5px; + clear:both; + } + #respond select{ width:35%; } + #contact .right { width:94%; clear:both; margin-left:15px; } + #contact .right .twitter { + background-image:url(../images/twitter1.png); + background-repeat:no-repeat; + background-position:left top; + width:248px; + height:122px; + margin:20px 0px 0px 0px; + } + #contact .right .twitter h2 { padding:0px 0px 0px 20px; } + #contact .right span { width:60%;} + #contact .right .twitter p { padding:0px 0px 0px 20px; } +/* //Contact */ +} + diff --git a/css/settings.css b/css/settings.css new file mode 100644 index 0000000..7d887c1 --- /dev/null +++ b/css/settings.css @@ -0,0 +1,119 @@ +/* CSS Document */ + + /* Settings panel Styles */ +#cfont,#confont{width:161px; height:30px; line-height:30px; padding:3px; margin-left:84px; font: 12px Arial, Helvetica, sans-serif; color:#666;} +.settings-panel { position: fixed; top:40px; left: 0px; width: 270px; background-color: #fff; border: 1px solid #ebeff0; padding: 2px 5px 10px; margin-left: -282px; z-index: 99999; } +.settings-panel .open-buttton { display: block; width: 32px; height: 32px; background: url(../images/services-icon.png) center center #fff no-repeat; position: absolute; top: 184px; right: -37px; cursor: pointer; padding: 3px 2px 2px; border: 1px solid #ebeff0; border-left: none; } +.settings-panel h5 { line-height: 12px; margin: 0px 0px 8px 0px; padding: 0px; color: #555; } +.settings-panel .patterns , .settings-panel .c_patterns { overflow: hidden; margin: 0px 0px 0px -6px; padding: 0px 0px 3px 6px; } +.settings-panel .patterns li, .settings-panel .c_patterns li { width: 35px; height: 35px; border: 1px solid #e1e4e5; float: left; margin: 0px 0px 5px 8px; cursor: pointer; } + +.settings-panel .patterns li.bgs1 { background: url(../images/patterns/45degreee_fabric.png); } +.settings-panel .patterns li.bgs2 { background: url(../images/patterns/bgnoise_lg.png); } +.settings-panel .patterns li.bgs3 { background: url(../images/patterns/gplaypattern.png); } +.settings-panel .patterns li.bgs4 { background: url(../images/patterns/bright_squares.png); } +.settings-panel .patterns li.bgs5 { background: url(../images/patterns/hexellence.png); } +.settings-panel .patterns li.bgs6 { background: url(../images/patterns/cork.png); } +.settings-panel .patterns li.bgs7 { background: url(../images/patterns/rockywall.png); } +.settings-panel .patterns li.bgs8 { background: url(../images/patterns/lghtmesh.png); } +.settings-panel .patterns li.bgs9 { background: url(../images/patterns/flowertrail.png); } +.settings-panel .patterns li.bgs10 { background: url(../images/patterns/light_wool.png); } +.settings-panel .patterns li.bgs11 { background: url(../images/patterns/diagonal-noise.png); } +.settings-panel .patterns li.bgs12 { background: url(../images/patterns/fabric_plaid.png); } +.settings-panel .patterns li.bgs13 { background: url(../images/patterns/lil_fiber.png); } +.settings-panel .patterns li.bgs14 { background: url(../images/patterns/xv.png); } +.settings-panel .patterns li.bgs15 { background: url(../images/patterns/light_alu.png); } +.settings-panel .patterns li.bgs16 { background: url(../images/patterns/light_honeycomb.png); } +.settings-panel .patterns li.bgs17 { background: url(../images/patterns/little_pluses.png); } +.settings-panel .patterns li.bgs18 { background: url(../images/patterns/project_papper.png); } +.settings-panel .patterns li.bgs19 { background: url(../images/patterns/stacked_circles.png); } +.settings-panel .patterns li.bgs20 { background: url(../images/patterns/ravenna.png); } +.settings-panel .patterns li.bgs21 { background: url(../images/patterns/roughcloth.png); } +.settings-panel .patterns li.bgs22 { background: url(../images/patterns/scribble_light.png); } +.settings-panel .patterns li.bgs23 { background: url(../images/patterns/small_tiles.png); } +.settings-panel .patterns li.bgs24 { background: url(../images/patterns/soft_wallpaper.png); } +.settings-panel .patterns li.bgs25 { background: url(../images/patterns/square_bg.png); } +.settings-panel .patterns li.bgs26 { background: url(../images/patterns/subtle_freckles.png); } +.settings-panel .patterns li.bgs27 { background: url(../images/patterns/gridme.png); } +.settings-panel .patterns li.bgs28 { background: url(../images/patterns/subtle_stripes.png);} +.settings-panel .patterns li.bgs29 { background: url(../images/patterns/tiny_grid.png);} +.settings-panel .patterns li.bgs30 { background: url(../images/patterns/smooth_wall.png);} +.settings-panel .patterns li.bgs31 { background: url(../images/patterns/grunge_wall.png); } +.settings-panel .patterns li.bgs32 { background: url(../images/patterns/concrete_wall_2.png); } +.settings-panel .patterns li.bgs33 { background-color:#e7e7e7; } +.settings-panel .patterns li.bgs34 { background: url(../images/patterns/triangles_pattern.png); } +.settings-panel .patterns li.bgs35 { background: url(../images/patterns/tex2res3.png); } + + + +.settings-panel .patterns li.card_bgs1 { background: url(../images/patterns/cards/45degreee_fabric.png); } +.settings-panel .patterns li.card_bgs2 { background: url(../images/patterns/cards/bgnoise_lg.png); } +.settings-panel .patterns li.card_bgs3 { background: url(../images/patterns/cards/gplaypattern.png); } +.settings-panel .patterns li.card_bgs4 { background: url(../images/patterns/cards/bright_squares.png); } +.settings-panel .patterns li.card_bgs5 { background: url(../images/patterns/cards/hexellence.png); } +.settings-panel .patterns li.card_bgs6 { background: url(../images/patterns/cards/cork.png); } +.settings-panel .patterns li.card_bgs7 { background: url(../images/patterns/cards/rockywall.png); } +.settings-panel .patterns li.card_bgs8 { background: url(../images/patterns/cards/lghtmesh.png); } +.settings-panel .patterns li.card_bgs9 { background: url(../images/patterns/cards/flowertrail.png); } +.settings-panel .patterns li.card_bgs10 { background: url(../images/patterns/cards/light_wool.png); } +.settings-panel .patterns li.card_bgs11 { background: url(../images/patterns/cards/diagonal-noise.png); } +.settings-panel .patterns li.card_bgs12 { background: url(../images/patterns/cards/fabric_plaid.png); } +.settings-panel .patterns li.card_bgs13 { background: url(../images/patterns/cards/lil_fiber.png); } +.settings-panel .patterns li.card_bgs14 { background: url(../images/patterns/cards/xv.png); } +.settings-panel .patterns li.card_bgs15 { background: url(../images/patterns/cards/light_alu.png); } +.settings-panel .patterns li.card_bgs16 { background: url(../images/patterns/cards/light_honeycomb.png); } +.settings-panel .patterns li.card_bgs17 { background: url(../images/patterns/cards/little_pluses.png); } +.settings-panel .patterns li.card_bgs18 { background: url(../images/patterns/cards/project_papper.png); } +.settings-panel .patterns li.card_bgs19 { background: url(../images/patterns/cards/stacked_circles.png); } +.settings-panel .patterns li.card_bgs20 { background: url(../images/patterns/cards/ravenna.png); } +.settings-panel .patterns li.card_bgs21 { background: url(../images/patterns/cards/roughcloth.png); } +.settings-panel .patterns li.card_bgs22 { background: url(../images/patterns/cards/scribble_light.png); } +.settings-panel .patterns li.card_bgs23 { background: url(../images/patterns/cards/small_tiles.png); } +.settings-panel .patterns li.card_bgs24 { background: url(../images/patterns/cards/soft_wallpaper.png); } +.settings-panel .patterns li.card_bgs25 { background: url(../images/patterns/cards/square_bg.png); } +.settings-panel .patterns li.card_bgs26 { background: url(../images/patterns/cards/subtle_freckles.png); } +.settings-panel .patterns li.card_bgs28 { background: url(../images/patterns/cards/subtle_stripes.png);} +.settings-panel .patterns li.card_bgs29 { background: url(../images/patterns/cards/tiny_grid.png);} +.settings-panel .patterns li.card_bgs30 { background: url(../images/patterns/cards/textured_stripes.png);} +.settings-panel .patterns li.card_bgs31 { background: url(../images/patterns/cards/extra_clean_paper.png); } +.settings-panel .patterns li.card_bgs32 { background: url(../images/patterns/cards/tex2res2.png); } +.settings-panel .patterns li.card_bgs33 { background: url(../images/patterns/cards/egg_shell.png); } +.settings-panel .patterns li.card_bgs34 { background: url(../images/patterns/cards/redox_01.png); } +.settings-panel .patterns li.card_bgs35 { background: url(../images/patterns/cards/tex2res3.png); } +.settings-panel .patterns li.card_bgs39 { background: url(../images/patterns/cards/frenchstucco.png); } +.settings-panel .patterns li.card_bgs36 { background: url(../images/patterns/cards/wall4.png); } +.settings-panel .patterns li.card_bgs40 { background: url(../images/patterns/cards/grilled.png); } + +.settings-panel .c_patterns li.c1 { background-color:#e79b9b; } +.settings-panel .c_patterns li.c2 { background-color:#633f59; } +.settings-panel .c_patterns li.c3 { background-color:#9d6f89; } +.settings-panel .c_patterns li.c4 { background-color:#fdc2d6; } +.settings-panel .c_patterns li.c5 { background-color:#84a053; } +.settings-panel .c_patterns li.c6 { background-color:#74c676; } +.settings-panel .c_patterns li.c7 { background-color:#e86992; } +.settings-panel .c_patterns li.c8 { background-color:#ced0cd; } +.settings-panel .c_patterns li.c9 { background-color:#e9c2cf; } +.settings-panel .c_patterns li.c10 { background-color:#d0e185; } +.settings-panel .c_patterns li.c11{ background-color:#c07187; } +.settings-panel .c_patterns li.c12{ background-color:#845685; } +.settings-panel .c_patterns li.c13{ background-color:#e69075; } +.settings-panel .c_patterns li.c14{ background-color:#645441; } +.settings-panel .c_patterns li.c15{ background-color:#b28192; } +.settings-panel .c_patterns li.c16{ background-color:#3b5674; } +.settings-panel .c_patterns li.c17{ background-color:#b58773; } +.settings-panel .c_patterns li.c18{ background-color:#8eb4c9; } +.settings-panel .c_patterns li.c19{ background-color:#6c8357; } +.settings-panel .c_patterns li.c20{ background-color:#c9af9e; } +.settings-panel .c_patterns li.default{ background-color:#7fbcb7; } + + +.settings-panel h5{ + font-size:14px; + color:#61b1ca; + font-weight:600; + padding: 0px 3px 0px 60px; +} + +.settings-panel { + font-size:10x; +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..ec2a74b --- /dev/null +++ b/css/style.css @@ -0,0 +1,623 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#7fbcb7; text-decoration:none;} + body a:visited{ color:#7fbcb7; text-decoration:none;} + body a:hover { color:#538985; text-decoration:none; } + body a:active{ color:#7fbcb7; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#7fbcb7; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:400px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#7fbcb7; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#7fbcb7; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #7fbcb7; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:400px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#7fbcb7; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#7fbcb7; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:30%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#7fbcb7; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#7fbcb7; } + #portfolio-filter li a.current { background-color:#7fbcb7; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#7fbcb7; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact img { clear:both; width:900px; height:180px; margin:0 auto; border:1px solid #ffffff;display:block;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#333333; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#7fbcb7; } + #form .font-11{ font-size:11px; color:#7fbcb7; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#7fbcb7; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#7fbcb7; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#7fbcb7; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ + +.gift_logos a { + font-size:20px; + color: #444; +} \ No newline at end of file diff --git a/css/style1.css b/css/style1.css new file mode 100644 index 0000000..45ade8b --- /dev/null +++ b/css/style1.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#e79b9b; text-decoration:none;} + body a:visited{ color:#e79b9b; text-decoration:none;} + body a:hover { color:#bf6a6a; text-decoration:none; } + body a:active{ color:#e79b9b; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#e79b9b; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#e79b9b; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#e79b9b; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #e79b9b; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#e79b9b; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#e79b9b; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#e79b9b; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#e79b9b; } + #portfolio-filter li a.current { background-color:#e79b9b; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#e79b9b; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#e79b9b; } + #form .font-11{ font-size:11px; color:#e79b9b; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#e79b9b; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#e79b9b; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#e79b9b; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style10.css b/css/style10.css new file mode 100644 index 0000000..28ee3b7 --- /dev/null +++ b/css/style10.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#d0e185; text-decoration:none;} + body a:visited{ color:#d0e185; text-decoration:none;} + body a:hover { color:#acbf5a; text-decoration:none; } + body a:active{ color:#d0e185; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#d0e185; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#d0e185; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#d0e185; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #d0e185; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#d0e185; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#d0e185; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#d0e185; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#d0e185; } + #portfolio-filter li a.current { background-color:#d0e185; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#d0e185; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#d0e185; } + #form .font-11{ font-size:11px; color:#d0e185; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#d0e185; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#d0e185; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#d0e185; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style11.css b/css/style11.css new file mode 100644 index 0000000..022d7ed --- /dev/null +++ b/css/style11.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#c07187; text-decoration:none;} + body a:visited{ color:#c07187; text-decoration:none;} + body a:hover { color:#f989a8; text-decoration:none; } + body a:active{ color:#c07187; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#c07187; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#c07187; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#c07187; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #c07187; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#c07187; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#c07187; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#c07187; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#c07187; } + #portfolio-filter li a.current { background-color:#c07187; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#c07187; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#c07187; } + #form .font-11{ font-size:11px; color:#c07187; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#c07187; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#c07187; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#c07187; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style12.css b/css/style12.css new file mode 100644 index 0000000..565ca8e --- /dev/null +++ b/css/style12.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#845685; text-decoration:none;} + body a:visited{ color:#845685; text-decoration:none;} + body a:hover { color:#cc85ce; text-decoration:none; } + body a:active{ color:#845685; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#845685; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#845685; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#845685; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #845685; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#845685; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#845685; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#845685; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#845685; } + #portfolio-filter li a.current { background-color:#845685; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#845685; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#845685; } + #form .font-11{ font-size:11px; color:#845685; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#845685; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#845685; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#845685; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style13.css b/css/style13.css new file mode 100644 index 0000000..6cf9d5a --- /dev/null +++ b/css/style13.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#e69075; text-decoration:none;} + body a:visited{ color:#e69075; text-decoration:none;} + body a:hover { color:#f98d6b; text-decoration:none; } + body a:active{ color:#e69075; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#e69075; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#e69075; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#e69075; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #e69075; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#e69075; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#e69075; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#e69075; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#e69075; } + #portfolio-filter li a.current { background-color:#e69075; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#e69075; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#e69075; } + #form .font-11{ font-size:11px; color:#e69075; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#e69075; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#e69075; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#e69075; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style14.css b/css/style14.css new file mode 100644 index 0000000..4f460db --- /dev/null +++ b/css/style14.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#645441; text-decoration:none;} + body a:visited{ color:#645441; text-decoration:none;} + body a:hover { color:#3de83d; text-decoration:none; } + body a:active{ color:#645441; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#645441; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#645441; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#645441; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #645441; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#645441; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#645441; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#645441; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#645441; } + #portfolio-filter li a.current { background-color:#645441; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#645441; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#645441; } + #form .font-11{ font-size:11px; color:#645441; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#645441; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#645441; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#645441; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style15.css b/css/style15.css new file mode 100644 index 0000000..3dc949d --- /dev/null +++ b/css/style15.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#b28192; text-decoration:none;} + body a:visited{ color:#b28192; text-decoration:none;} + body a:hover { color:#f37fa7; text-decoration:none; } + body a:active{ color:#b28192; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#b28192; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#b28192; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#b28192; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #b28192; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#b28192; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#b28192; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#b28192; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#b28192; } + #portfolio-filter li a.current { background-color:#b28192; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#b28192; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#b28192; } + #form .font-11{ font-size:11px; color:#b28192; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#b28192; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#b28192; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#b28192; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style16.css b/css/style16.css new file mode 100644 index 0000000..6089b3e --- /dev/null +++ b/css/style16.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#3b5674; text-decoration:none;} + body a:visited{ color:#3b5674; text-decoration:none;} + body a:hover { color:#567fad; text-decoration:none; } + body a:active{ color:#3b5674; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#3b5674; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#3b5674; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#3b5674; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #3b5674; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#3b5674; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#3b5674; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#3b5674; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#3b5674; } + #portfolio-filter li a.current { background-color:#3b5674; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#3b5674; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#3b5674; } + #form .font-11{ font-size:11px; color:#3b5674; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#3b5674; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#3b5674; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#3b5674; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style17.css b/css/style17.css new file mode 100644 index 0000000..4f25944 --- /dev/null +++ b/css/style17.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#b58773; text-decoration:none;} + body a:visited{ color:#b58773; text-decoration:none;} + body a:hover { color:#f1a787; text-decoration:none; } + body a:active{ color:#b58773; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#b58773; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#b58773; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#b58773; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #b58773; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#b58773; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#b58773; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#b58773; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#b58773; } + #portfolio-filter li a.current { background-color:#b58773; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#b58773; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#b58773; } + #form .font-11{ font-size:11px; color:#b58773; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#b58773; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#b58773; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#b58773; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style18.css b/css/style18.css new file mode 100644 index 0000000..73eca13 --- /dev/null +++ b/css/style18.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#8eb4c9; text-decoration:none;} + body a:visited{ color:#8eb4c9; text-decoration:none;} + body a:hover { color:#81c9f1; text-decoration:none; } + body a:active{ color:#8eb4c9; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#8eb4c9; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#8eb4c9; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#8eb4c9; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #8eb4c9; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#8eb4c9; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#8eb4c9; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#8eb4c9; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#8eb4c9; } + #portfolio-filter li a.current { background-color:#8eb4c9; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#8eb4c9; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#333333; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#8eb4c9; } + #form .font-11{ font-size:11px; color:#8eb4c9; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#8eb4c9; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#8eb4c9; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#8eb4c9; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style19.css b/css/style19.css new file mode 100644 index 0000000..1d093fe --- /dev/null +++ b/css/style19.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#6c8357; text-decoration:none;} + body a:visited{ color:#6c8357; text-decoration:none;} + body a:hover { color:#99c770; text-decoration:none; } + body a:active{ color:#6c8357; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#6c8357; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#6c8357; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#6c8357; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #6c8357; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#6c8357; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#6c8357; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#6c8357; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#6c8357; } + #portfolio-filter li a.current { background-color:#6c8357; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#6c8357; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#6c8357; } + #form .font-11{ font-size:11px; color:#6c8357; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#6c8357; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#6c8357; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#6c8357; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style2.css b/css/style2.css new file mode 100644 index 0000000..cd93a9e --- /dev/null +++ b/css/style2.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#633f59; text-decoration:none;} + body a:visited{ color:#633f59; text-decoration:none;} + body a:hover { color:#a46593; text-decoration:none; } + body a:active{ color:#633f59; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#633f59; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#633f59; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#633f59; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #633f59; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#633f59; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#633f59; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#633f59; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#633f59; } + #portfolio-filter li a.current { background-color:#633f59; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#633f59; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#633f59; } + #form .font-11{ font-size:11px; color:#633f59; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#633f59; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#633f59; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#633f59; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style20.css b/css/style20.css new file mode 100644 index 0000000..35a13e9 --- /dev/null +++ b/css/style20.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#c9af9e; text-decoration:none;} + body a:visited{ color:#c9af9e; text-decoration:none;} + body a:hover { color:#b3927c; text-decoration:none; } + body a:active{ color:#c9af9e; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#c9af9e; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#c9af9e; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#c9af9e; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #c9af9e; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#c9af9e; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#c9af9e; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#c9af9e; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#c9af9e; } + #portfolio-filter li a.current { background-color:#c9af9e; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#c9af9e; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#c9af9e; } + #form .font-11{ font-size:11px; color:#c9af9e; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#c9af9e; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#c9af9e; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#c9af9e; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style3.css b/css/style3.css new file mode 100644 index 0000000..87d2de2 --- /dev/null +++ b/css/style3.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#9d6f89; text-decoration:none;} + body a:visited{ color:#9d6f89; text-decoration:none;} + body a:hover { color:#dd7db3; text-decoration:none; } + body a:active{ color:#9d6f89; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#9d6f89; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#9d6f89; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#9d6f89; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #9d6f89; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#9d6f89; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#9d6f89; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#9d6f89; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#9d6f89; } + #portfolio-filter li a.current { background-color:#9d6f89; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#9d6f89; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#333333; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#9d6f89; } + #form .font-11{ font-size:11px; color:#9d6f89; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#9d6f89; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#9d6f89; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#9d6f89; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style4.css b/css/style4.css new file mode 100644 index 0000000..0433ce6 --- /dev/null +++ b/css/style4.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#fdc2d6; text-decoration:none;} + body a:visited{ color:#fdc2d6; text-decoration:none;} + body a:hover { color:#a0667a; text-decoration:none; } + body a:active{ color:#fdc2d6; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#fdc2d6; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#fdc2d6; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#fdc2d6; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #fdc2d6; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#fdc2d6; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#fdc2d6; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#fdc2d6; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#fdc2d6; } + #portfolio-filter li a.current { background-color:#fdc2d6; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#fdc2d6; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#333333; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#fdc2d6; } + #form .font-11{ font-size:11px; color:#fdc2d6; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#fdc2d6; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#fdc2d6; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#fdc2d6; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style5.css b/css/style5.css new file mode 100644 index 0000000..87112fc --- /dev/null +++ b/css/style5.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#84a053; text-decoration:none;} + body a:visited{ color:#84a053; text-decoration:none;} + body a:hover { color:#6c804a; text-decoration:none; } + body a:active{ color:#84a053; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#84a053; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#84a053; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#84a053; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #84a053; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#84a053; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#84a053; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#84a053; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#84a053; } + #portfolio-filter li a.current { background-color:#84a053; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#84a053; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#333333; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#84a053; } + #form .font-11{ font-size:11px; color:#84a053; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#84a053; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#84a053; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#84a053; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style6.css b/css/style6.css new file mode 100644 index 0000000..550da27 --- /dev/null +++ b/css/style6.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#74c676; text-decoration:none;} + body a:visited{ color:#74c676; text-decoration:none;} + body a:hover { color:#45ad45; text-decoration:none; } + body a:active{ color:#74c676; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#74c676; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#74c676; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#74c676; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #74c676; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#74c676; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#74c676; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#74c676; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#74c676; } + #portfolio-filter li a.current { background-color:#74c676; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#74c676; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#74c676; } + #form .font-11{ font-size:11px; color:#74c676; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#74c676; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#74c676; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#74c676; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style7.css b/css/style7.css new file mode 100644 index 0000000..b07755e --- /dev/null +++ b/css/style7.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#e86992; text-decoration:none;} + body a:visited{ color:#e86992; text-decoration:none;} + body a:hover { color:#b93c65; text-decoration:none; } + body a:active{ color:#e86992; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#e86992; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#e86992; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#e86992; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #e86992; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#e86992; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#e86992; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#e86992; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#e86992; } + #portfolio-filter li a.current { background-color:#e86992; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#e86992; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#e86992; } + #form .font-11{ font-size:11px; color:#e86992; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#e86992; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#e86992; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#e86992; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style8.css b/css/style8.css new file mode 100644 index 0000000..42c5dea --- /dev/null +++ b/css/style8.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#ced0cd; text-decoration:none;} + body a:visited{ color:#ced0cd; text-decoration:none;} + body a:hover { color:#868785; text-decoration:none; } + body a:active{ color:#ced0cd; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#ced0cd; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#ced0cd; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#ced0cd; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #ced0cd; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#ced0cd; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#ced0cd; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#ced0cd; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#ced0cd; } + #portfolio-filter li a.current { background-color:#ced0cd; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#ced0cd; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#333333; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#ced0cd; } + #form .font-11{ font-size:11px; color:#ced0cd; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#ced0cd; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#ced0cd; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#ced0cd; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/style9.css b/css/style9.css new file mode 100644 index 0000000..477bead --- /dev/null +++ b/css/style9.css @@ -0,0 +1,618 @@ +/* Table of Content +----------------------------------------------------------------- +1. Base style +2. Wrap / Container +3. Common style +4. Card style +5. Preloader +6. Header +7. Home +8. Wedding +9. Wedding Album +10. Gift +11. Contact +*/ + +/*-------------------------------------------------------*/ + /* Base style */ +/*-------------------------------------------------------*/ + html { overflow-y:scroll; } + body { + background-color:#e7e7e7; + background-repeat:repeat; + background-position:left top; + } + body a { color:#7c7c7c; text-decoration:none; } + body a:link{ color:#e9c2cf; text-decoration:none;} + body a:visited{ color:#e9c2cf; text-decoration:none;} + body a:hover { color:#d494b7; text-decoration:none; } + body a:active{ color:#e9c2cf; text-decoration:none;} + body ::selection { background:#898888; color:white; } + body ::-moz-selection { background:#898888; color:white; } + .clr { clear:both; padding:0px; margin:0px; } + .float_left{ float:left;} + .float_right{ float:right;} + p{ margin:0px; padding:0px; } + .img-left { float:left; } + p, ul, ol, blockquote { margin-bottom:20px; } +/********************** //Base style ******************************/ + +/*-------------------------------------------------------*/ + /* Wrap/Container */ +/*-------------------------------------------------------*/ + #wrapper{ clear:both; width:100%; margin:0px auto; } + .container{ clear:both; width:1068px; margin:0 auto; z-index:888888; margin-top:-80px; } + #content { + background-image:url(../images/index-bg.png); + background-repeat:repeat-y; + background-position:left top; + height:auto; + clear:both; + z-index:888888; + } + #home, #wedding, #gift, #portfolio, #contact { width:980px; margin:0 auto; clear:both;} +/********************** // Wrap/Container ******************************/ + +/*-------------------------------------------------------*/ + /* Common Style */ +/*-------------------------------------------------------*/ + .dot_line{ clear:both; width:500px; margin:20px auto;} + .heading_dots{ clear:both; width:500px; margin:20px auto;} + .left_dots, .right_dots{ + float:left; + background-image: url(../images/dot_line.png); + background-repeat: repeat-x; + background-position: left center; + padding:10px 0px; height:26px; + } + .left_dots{ width:42%;} + .right_dots{ width:42%;} + .heart{ + float:left; + background-image:url(../images/small_heart.png); + background-repeat:no-repeat; + width:42px; + height:36px; + background-position:center top; + margin-left:10px; + margin-right:10px; + } + .heading{ + float:left; + font-size:36px; + font-weight:700; + line-height:36px; + color:#e9c2cf; + text-transform:uppercase; + text-align:center; + padding:0px 10px; + width:auto; + } +/********************** // Common Style ******************************/ + +/*-------------------------------------------------------*/ + /* Card style */ +/*-------------------------------------------------------*/ + .card-pattern { + background-image:url(../images/patterns/cards/wall4.png); + background-repeat:repeat; + background-position:left top; + height:auto; + width:1000px; + margin:0px auto; + clear:both; + padding-bottom:40px; + margin-left:28px; + z-index:999999; + } + .bottom-shade { + background-image:url(../images/bottom-shade.png); + background-repeat:no-repeat; + background-position:left top; + width:990px; + height:27px; + clear:both; + } + h2 { padding:0px 0px 20px 0px;} + #home .hline,#gift .hline, #wedding .hline, #portfolio .hline, #contact .hline { + background-image:url(../images/hline.png); + background-repeat:repeat-x; + background-position:left top; + width:100%; + height:2px; + margin:20px 0px; + } +/********************** // Card style ******************************/ + +/*-------------------------------------------------------*/ + /* Preloader */ +/*-------------------------------------------------------*/ + body { overflow:hidden; } + #preloader { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:white; + z-index:2; + } + #spinner_container { width:193px; margin:250px auto; } + #spinner { display:block; margin:20px auto; } +/********************** // Preloader ******************************/ + +/*-------------------------------------------------------*/ + /* Header */ +/*-------------------------------------------------------*/ + #top-head { + background-color:#fbfbfb; + width:100%; + height:55px; + top: 0px; /* Top alignment of menu background */ + position: fixed; + z-index:999999; + } +/* menu start*/ + .menu_nav {padding-top:20px; width:550px; margin:0 auto; } + ul.arrowunderline { list-style-type:none; margin:0; padding:0; } + ul.arrowunderline li { + float:left; + display:inline; + margin-left:35px; /* spacing between each menu item */ + font-size:13px; + line-height:normal; + font-weight:normal; + color:#666666; + text-decoration:none; + text-transform:uppercase; + position:relative; + } + ul.arrowunderline li:hover { color:#e9c2cf; cursor:pointer; } + ul.arrowunderline li:hover:after, ul.arrowunderline li#selected:after { /* use CSS generated content to add arrow to the menu */ + content:''; + width:0; + height:0; + position:absolute; + } + ul.arrowunderline li#selected { /* use CSS generated content to add arrow to the menu */ + color:#e9c2cf; /* style of arrow underline */ + cursor:pointer; + } + #menu-icon { display:none; } /* this CSS for Mobile and Tablet menu +/* //menu */ + .border_pat{ + background-image: url(../images/border-pat.png); + background-repeat: repeat-x; + background-position: left top; + clear:both; + height:7px; + margin-top:35px; + } + .green_bg{ + background-color: #e9c2cf; + z-index:777777; + margin-top:56px; + height:186px; + width:100%; + overflow:hidden; + } + .logo_sec{ width:500px; margin:0px auto;} + .groom{ float:left; margin-top:30px;} + .bride{ float:left; margin-top:30px; } + .middle_heart img{ float:left; padding:0px 0px 0px 10px;} + +/********************** Home start ******************************/ +/* Card content */ + .card_content{ + clear:both; + width:980px; + margin:0 auto; + padding-top:30px; + } + .card_content p{padding:10px 30px;} + .card_left{ float:left; width:45%; height:auto; } + .card_left img{ margin-left:95px; margin-bottom:20px;} + .card_heading{ + clear:both; + color:#333333; + font-size:30px; + text-transform:capitalize; + text-align:center; + padding-bottom:10px; + } + .card_middle{ float:left; width:10%; height:auto; padding-top:80px; } + .card_circle{ + width:60px; + height:60px; + background-color:#e9c2cf; + -moz-border-radius:50px; + -webkit-border-radius:50px; + border-radius:50px; + behavior: url(pie.htc); + position:relative; + margin-left:15px; + font-size:50px; + color:#ffffff; + text-align:center; + font-weight:100; + line-height:60px; + } + .card_circle a:link{ color:#ffffff; text-decoration:none;} + .card_circle a:hover{ color:#333333; text-decoration:none;} + .card_circle a:visited{ color:#ffffff; text-decoration:none;} + .card_circle a:active{ color:#ffffff; text-decoration:none;} + .card_right{ float:left; width:45%; height:auto;} + .card_right img{ margin-bottom:20px;} + #date{ + font-size:50px; + font-weight:800; + color:#e9c2cf; + line-height:60px; + text-transform:uppercase; + text-align:center; + } +/* //Card content */ + +/********************** //home ******************************/ + +/********************** Wedding Start ******************************/ + #wedding{display:none;} + #wedding .heading_dots .left_dots{ width:31%;} + #wedding .heading_dots .right_dots{ width:31%;} + #wedding ul{margin:60px 0px 0px 0px;padding:0px;} + #wedding ul li{ + float:left; + display:inline; + list-style:none; + width:30.5%; + padding:0px 12px; + font-weight:300; + font-size:14px; + text-align:center; + border-right:solid 1px #e0e0e0; + } + #wedding ul li span{ font-size:13px; font-weight:300; } + #wedding ul li:last-child{ border-right:none; } + #wedding ul li .head{ + font-weight:400; + font-size:18px; + text-align:center; + color:#333333; + } + #wedding ul li .green_txt{ + font-weight:600; + font-size:16px; + text-align:center; + color:#e9c2cf; + } +/********************** //Wedding ******************************/ + +/********************** Wedding Album Start ******************************/ + #portfolio{display:none;} + #portfolio .heading_dots .left_dots{ width:15%;} + #portfolio .heading_dots .right_dots{ width:15%;} + /* Filter menu */ + #portfolio-filter { overflow:hidden; margin:20px 0px 0px 30%; } + #portfolio-filter li a { + float:left; + margin-right:10px; + color:#fff; + background-color:#6e6e6e; + padding:2px 6px 2px 6px; + margin-bottom:4px; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + } + #portfolio-filter li a:hover { background-color:#e9c2cf; } + #portfolio-filter li a.current { background-color:#e9c2cf; } + /* Images list */ + #portfolio-list { width:980px; margin:0 auto;} + #portfolio-list li { + text-align:center; + width:226px; + height:200px; + list-style:none; + color:#898888; + margin:30px 9px 0px 9px; + } + #portfolio-list li:hover { + text-align:center; + cursor:pointer; + width:226px; + height:200px; + list-style:none; + } + #portfolio-list img { height:160px; width:226px; } + #portfolio-list li h5 { margin-top:5px; color:#999999; } + #portfolio-list li:hover h5 { color:#e9c2cf; } + #portfolio-list li .categorie { + font-size:11px; + line-height:20px; + color:#898888; + font-style:italic; + font-weight:normal; + } + /* Isotope filtering start */ + .isotope-item { z-index:2; } + .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } + .isotope, .isotope .isotope-item {/* change duration value to whatever you like */ + -webkit-transition-duration:0.8s; + -moz-transition-duration:0.8s; + transition-duration:0.8s; + } + .isotope { + -webkit-transition-property:height, width; + -moz-transition-property:height, width; + transition-property:height, width; + } + .isotope .isotope-item { + -webkit-transition-property:-webkit-transform, opacity; + -moz-transition-property:-moz-transform, opacity; + transition-property:transform, opacity; + } + /* Isotope Filtering end */ + + /* adipoli start*/ + .adipoli-wrapper { margin:auto; position:relative; display:inline-block; } + .adipoli-wrapper>img { position:absolute; z-index:1; } + .adipoli-before { position:absolute; z-index:5; } + .adipoli-after { position:absolute; z-index:10; } + .adipoli-slice { display:block; position:absolute; z-index:15; height:100%; } + .adipoli-box { display:block; position:absolute; z-index:15; } + /* adipoli end*/ +/********************** //Wedding Album ******************************/ + +/********************** Gift start ******************************/ + #gift{display:none;} + #gift .dot_line{ padding:20px 0px 0px 0px;} + #gift .heading_dots .left_dots{ width:20%;} + #gift .heading_dots .right_dots{ width:20%;} + #gift .gift-top {clear:both; margin:0px 0px 0px 36px;} + .register{ + clear:both; + font-size:26px; + color:#999999; + text-align:center; + text-transform:capitalize; + padding:20px 0px; + } + .gift_logos li{ + float:left; + width:30%; + height:auto; + margin-right:20px; + margin-bottom:20px; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=50); + -moz-opacity: 0.7; + -khtml-opacity: 0.7; + opacity: 0.7; + -webkit-transition: all 0.3s ease-in-out; + -moz-transition: all 0.3s ease-in-out; + -o-transition: all 0.3s ease-in-out; + transition: all 0.3s ease-in-out; + } + .gift_logos li:hover{ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + filter: alpha(opacity=100); + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + cursor:pointer; + } + .gift_logo1, .gift_logo2, .gift_logo3{ width: 250px; height:61px; background-repeat:no-repeat; background-position:left top;} + .gift_logo1{ background-image:url(../images/gift_logo1.png);} + .gift_logo2{ background-image:url(../images/gift_logo2.png);} + .gift_logo3{ background-image:url(../images/gift_logo3.png);} +/********************** //Gift ******************************/ + +/********************** Contact start ******************************/ + #contact{display:none;} + #contact .heading_dots .left_dots{ width:18%;} + #contact .heading_dots .right_dots{ width:18%;} + #contact iframe { clear:both; width:95%; height:180px; margin:0px 0px 0px 20px; border:1px solid #ffffff;} + #contact .left { width:53%; float:left; margin:10px 0px 0px 10px;} + #contact .left h2 { border-bottom:1px solid #cacccc; padding-bottom:14px; } +/* Comment Form */ + #contact_form { + background:#d8dbdb; + border:1px solid #d3d3d3; + border-radius:3px; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0 auto 1.625em; + padding:1.625em; + width:220px; + height:435px; + } + .boxBody { + width:100%; + float:left; + background-color:none; + -moz-border-radius-topright:3px; + -moz-border-radius-bottomleft:3px; + -moz-border-radius-bottomright:3px; + -webkit-border-top-right-radius:3px; + -webkit-border-bottom-left-radius:3px; + -webkit-border-bottom-right-radius:3px; + behavior: url(pie.htc); + position:relative; + } + .boxBody .desc { display:block; } + .post_message { font-weight:bold; } + #form { display:block; width:422px; padding:0px 20px 0px 5px; } + #form div{ float:left; width:422px; position:relative; } + #form label { width:100%; float:left; padding-top:5px; margin:0px 0px 0px -5px; } + #form label.error { + color:#F00000; + position:absolute; + text-align:right; + font-size:11px; + top:0; + left:0; + } + #form input, textarea { + width:406px; + padding:8px; + font-size:13px; + color:#707070; + background-color:#FFFFFF; + float:left; + border-style:none; + -moz-border-radius:3px; + -webkit-border-radius:3px; + behavior: url(pie.htc); + position:relative; + margin:0px 0px 0px -10px; + } + #form input[type="text"]:focus, #form textarea:focus { background-color:none; color:#707070; outline:none; } + #form textarea{ font-family:Arial, Helvetica, sans-serif; font-size:13px; } + #form .submitBtn { + text-shadow:0 1px 0 #000; + color:#FFFFFF; + border-style:none; + font-size:15px; + display:block; + width:16%; + padding:3px 0px 3px 0px; + margin:10px 0px 0px 0px; + cursor:pointer; + background-color:#666666; + -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3); + box-shadow:0px 1px 2px rgba(0,0,0,0.3); + text-shadow:0 -1px 0 rgba(0,0,0,0.3); + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + float: right; + margin-right:60px; + } + #form .submitBtn:hover{ color:#ffffff; background-color:#e9c2cf; } + #form .font-11{ font-size:11px; color:#e9c2cf; display:inline; } + #form .form_left{ float:left; width:50%; height:auto;} + #form .form_right{ float:right; width:50%; height:auto;} + #form .guests{ width:80%; } + #respond { + background:#ebebeb; + -moz-border-radius:3px; + border-radius:3px; + margin:0 auto 1.625em; + padding:1.625em; + width:420px; + height:auto; + margin-left:26px; + } + #respond input[type="text"], #respond textarea { + background:#fff; + border:4px solid #eee; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + -webkit-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + -moz-box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + box-shadow:inset 0 1px 3px rgba(204,204,204,0.95); + text-indent:10px; + padding:2px 0px 0px 10px; + width:85%; + } + #respond select{ + width:15%; + height:25px; + margin-top:5px; + margin-left:-5px; + background:#fff; + border:4px solid #eee; + } + #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment { margin-top:-10px; } + #respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label { + background:#eee; + -webkit-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + -moz-box-shadow:1px 2px 2px rgba(204,204,204,0.8); + box-shadow:1px 2px 2px rgba(204,204,204,0.8); + color:#555; + display:inline-block; + font-size:13px; + left:4px; + min-width:60px; + padding:0px 10px; + top:35px; + z-index:1; + position:relative; + } + #respond label { line-height:2.0em; } + #respond input[type=text] { display:block; height:24px; width:85%; position:relative; } + #respond p { position:relative; } + .form-allowed-tags { display:none; } + #respond label.error { + position:absolute; + z-index:1; + top:-4px; + font-size:12px; + color:#e92a0b; + padding:3px 9px 10px 10px; + width:260px; + height:20px; + margin:30px 0px 0px 400px; + text-align:left; + background-color:#d8dbdb; + border:solid 1px #d0d2d2; + } +/* Contact Form alert end */ + .hor-space { clear:both; height:45px; } + #contact .right { width:40%; float:right; margin:10px 20px 0px 0px;} + #contact .right .details ul { margin:0px; padding:10px 0px 0px 0px; } + #contact .right .details li { + list-style:none; + float:left; + width:190px; + font-size:14px; + color:#e86874; + padding:10px 35px 20px 0px; + font-weight:bold; + } + #contact .right .details li img { padding:0px 7px 20px 0px; float:left; width:38px; } + #contact .right .details li span { font-weight:normal; clear:both; color:#363636; font-size:13px; } + #contact .right h2 { text-transform:none; text-align:left; margin:25px 0px 0px 0px; } + #contact .right img { margin:23px 0px 0px 0px; } + .pad-top5 { padding-top:6px; } + #contact .right .twitter { + width:386px; + height:150px; + background-image:url(../images/twitter.png); + background-repeat:no-repeat; + background-position:left top; + } + #contact .right .twitter h2 { text-align:left; padding:18px 0px 0px 20px; } + #contact .right .twitter ul { font-size:12px; color:#5e5d5d; padding:5px 10px 0px 20px; text-shadow:0px 1px 1px #ffffff; } + #contact .right .twitter ul a { color:#e9c2cf; } + #contact .right .twitter ul a:hover { color:#B5B5B5; } + #contact .right span { float:right; width:70%; } + #contact .right span a { text-decoration:none; } + #contact .right span a:hover { color:#e9c2cf; text-decoration:none; } + .input-box1 { + float:left; + width:auto; + height:25px; + -moz-border-radius:5px; + -webkit-border-radius:5px; + border-radius:5px; + behavior: url(pie.htc); + position:relative; + background-color:#e9c2cf; + background-repeat:repeat; + background-position:left top; + color:#FFFFFF; + padding:0px 10px 0px 10px; + margin-bottom:20px; + } +/********************** //Contact ******************************/ diff --git a/css/typography.css b/css/typography.css new file mode 100644 index 0000000..74a738a --- /dev/null +++ b/css/typography.css @@ -0,0 +1,75 @@ +body { +font-family:Arial, Helvetica, sans-serif; +font-size: 13px; +line-height: 22px; +color:#777777; +font-weight:400; +} +/* font-family: 'Rouge Script', cursive;*/ + +h2,h5{font-family: 'open sans', sans-serif;} + +.card_heading, .card_circle, .register, ul.arrowunderline li{font-family: 'open sans', sans-serif;} +#wedding ul li, #wedding ul li .head, #wedding ul li .green_txt {font-family: 'open sans', sans-serif;} +.heading{font-family: 'open sans Light', sans-serif; } +.logo_sec{ + font-family: "Dancing Script", Arial; + font-size: 42px; + font-weight: bold; + color: #333333; + text-decoration: none; +} +.logo_sec a:link{ color:#333333; text-decoration:none;} +.logo_sec a:visited{ color:#333333; text-decoration:none;} +.logo_sec a:hover{ color:#333333; text-decoration:none;} +.logo_sec a:active{ color:#333333; text-decoration:none;} + +.logo_sec span{color:#FFFFFF;} +.logo_sec span a:link{ color:#FFFFFF; text-decoration:none;} +.logo_sec span a:visited{ color:#FFFFFF; text-decoration:none;} +.logo_sec span a:hover{ color:#FFFFFF; text-decoration:none;} +.logo_sec span a:active{ color:#FFFFFF; text-decoration:none;} + +h2{font-size:21px; font-weight:600; color:#727272; } +h5{font-size:14px; font-weight:100; } +h5 span{color:#727272;} +h6{font-family: 'open sans Light', sans-serif; font-size:22px; color:#999999; line-height:36px; text-align:center;} +h6 span{ color:#000000;font-family: 'open sans', sans-serif;} +li span{font-size:14px; font-weight:600; color:#727272; } +big{ font-family:'Open Sans Light', sans-serif; font-size:45px; text-transform:uppercase; line-height:45px;} +big span{color:#a9a8a8;} +small{ + font-family: "Open Sans"; + font-size: 13px; + color:#FFFFFF; + text-decoration:none; + font-weight:300; + font-style:italic; + margin-left:40px; + margin-bottom:20px; +} +.card_content p{ + font-family: 'PT Sans', sans-serif; + font-size:14px; + color:#707070; + line-height:20px; + text-align:center; +} +#date{ font-family: 'Open Sans Condensed', sans-serif; } +#time{ + font-family: 'open sans', sans-serif; + color:#333333; + font-size:20px; + line-height:30px; + text-align:center; +} +#time span{ font-weight:700;} +.location{ + font-family: 'open sans', sans-serif; + color:#999999; + font-size:14px; + text-transform:uppercase; + line-height:30px; + font-weight:500; + text-align:center; +} diff --git a/images/assets/big/big.jpg b/images/assets/big/big.jpg new file mode 100644 index 0000000..78e30b1 Binary files /dev/null and b/images/assets/big/big.jpg differ diff --git a/images/assets/small/portfolio_img1.jpg b/images/assets/small/portfolio_img1.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img1.jpg differ diff --git a/images/assets/small/portfolio_img2.jpg b/images/assets/small/portfolio_img2.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img2.jpg differ diff --git a/images/assets/small/portfolio_img3.jpg b/images/assets/small/portfolio_img3.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img3.jpg differ diff --git a/images/assets/small/portfolio_img4.jpg b/images/assets/small/portfolio_img4.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img4.jpg differ diff --git a/images/assets/small/portfolio_img5.jpg b/images/assets/small/portfolio_img5.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img5.jpg differ diff --git a/images/assets/small/portfolio_img6.jpg b/images/assets/small/portfolio_img6.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img6.jpg differ diff --git a/images/assets/small/portfolio_img7.jpg b/images/assets/small/portfolio_img7.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img7.jpg differ diff --git a/images/assets/small/portfolio_img8.jpg b/images/assets/small/portfolio_img8.jpg new file mode 100644 index 0000000..fa3a3d7 Binary files /dev/null and b/images/assets/small/portfolio_img8.jpg differ diff --git a/images/border-pat.png b/images/border-pat.png new file mode 100644 index 0000000..0799fb0 Binary files /dev/null and b/images/border-pat.png differ diff --git a/images/botom-shade2.png b/images/botom-shade2.png new file mode 100644 index 0000000..29984d0 Binary files /dev/null and b/images/botom-shade2.png differ diff --git a/images/bottom-shade.png b/images/bottom-shade.png new file mode 100644 index 0000000..a656f31 Binary files /dev/null and b/images/bottom-shade.png differ diff --git a/images/bottom-shade1.png b/images/bottom-shade1.png new file mode 100644 index 0000000..201c00b Binary files /dev/null and b/images/bottom-shade1.png differ diff --git a/images/botttom-shade3.png b/images/botttom-shade3.png new file mode 100644 index 0000000..131387e Binary files /dev/null and b/images/botttom-shade3.png differ diff --git a/images/card_facebook.png b/images/card_facebook.png new file mode 100644 index 0000000..69edbb1 Binary files /dev/null and b/images/card_facebook.png differ diff --git a/images/card_facebook_over.png b/images/card_facebook_over.png new file mode 100644 index 0000000..07d06a2 Binary files /dev/null and b/images/card_facebook_over.png differ diff --git a/images/card_image1.png b/images/card_image1.png new file mode 100644 index 0000000..d7b7702 Binary files /dev/null and b/images/card_image1.png differ diff --git a/images/card_image2.png b/images/card_image2.png new file mode 100644 index 0000000..0f3d0b0 Binary files /dev/null and b/images/card_image2.png differ diff --git a/images/card_linkedin.png b/images/card_linkedin.png new file mode 100644 index 0000000..78b27c6 Binary files /dev/null and b/images/card_linkedin.png differ diff --git a/images/card_linkedin_over.png b/images/card_linkedin_over.png new file mode 100644 index 0000000..eeb7fa9 Binary files /dev/null and b/images/card_linkedin_over.png differ diff --git a/images/card_mail.png b/images/card_mail.png new file mode 100644 index 0000000..6b6da4b Binary files /dev/null and b/images/card_mail.png differ diff --git a/images/card_mail_over.png b/images/card_mail_over.png new file mode 100644 index 0000000..8c6d4ad Binary files /dev/null and b/images/card_mail_over.png differ diff --git a/images/card_twitter.png b/images/card_twitter.png new file mode 100644 index 0000000..ebff285 Binary files /dev/null and b/images/card_twitter.png differ diff --git a/images/card_twitter_over.png b/images/card_twitter_over.png new file mode 100644 index 0000000..2aaec58 Binary files /dev/null and b/images/card_twitter_over.png differ diff --git a/images/dot_line.png b/images/dot_line.png new file mode 100644 index 0000000..3ebfd83 Binary files /dev/null and b/images/dot_line.png differ diff --git a/images/gift_logo1.png b/images/gift_logo1.png new file mode 100644 index 0000000..9871db9 Binary files /dev/null and b/images/gift_logo1.png differ diff --git a/images/gift_logo2.png b/images/gift_logo2.png new file mode 100644 index 0000000..47249e2 Binary files /dev/null and b/images/gift_logo2.png differ diff --git a/images/gift_logo3.png b/images/gift_logo3.png new file mode 100644 index 0000000..c6673ec Binary files /dev/null and b/images/gift_logo3.png differ diff --git a/images/green_bg.jpg b/images/green_bg.jpg new file mode 100644 index 0000000..9cceb12 Binary files /dev/null and b/images/green_bg.jpg differ diff --git a/images/heart.png b/images/heart.png new file mode 100644 index 0000000..41a273e Binary files /dev/null and b/images/heart.png differ diff --git a/images/hline.png b/images/hline.png new file mode 100644 index 0000000..7c639d9 Binary files /dev/null and b/images/hline.png differ diff --git a/images/index-bg.png b/images/index-bg.png new file mode 100644 index 0000000..219871a Binary files /dev/null and b/images/index-bg.png differ diff --git a/images/index-bg1.png b/images/index-bg1.png new file mode 100644 index 0000000..f708823 Binary files /dev/null and b/images/index-bg1.png differ diff --git a/images/index-bg2.png b/images/index-bg2.png new file mode 100644 index 0000000..6d4b029 Binary files /dev/null and b/images/index-bg2.png differ diff --git a/images/index-bg3.png b/images/index-bg3.png new file mode 100644 index 0000000..20d7f1c Binary files /dev/null and b/images/index-bg3.png differ diff --git a/images/line-pat4.png b/images/line-pat4.png new file mode 100644 index 0000000..c4cc712 Binary files /dev/null and b/images/line-pat4.png differ diff --git a/images/loading.gif b/images/loading.gif new file mode 100644 index 0000000..172d1c3 Binary files /dev/null and b/images/loading.gif differ diff --git a/images/map.png b/images/map.png new file mode 100644 index 0000000..b29943f Binary files /dev/null and b/images/map.png differ diff --git a/images/menu-icon.png b/images/menu-icon.png new file mode 100644 index 0000000..1df8e85 Binary files /dev/null and b/images/menu-icon.png differ diff --git a/images/patterns/45degreee_fabric.png b/images/patterns/45degreee_fabric.png new file mode 100644 index 0000000..fa2edf3 Binary files /dev/null and b/images/patterns/45degreee_fabric.png differ diff --git a/images/patterns/bgnoise_lg.png b/images/patterns/bgnoise_lg.png new file mode 100644 index 0000000..dafb479 Binary files /dev/null and b/images/patterns/bgnoise_lg.png differ diff --git a/images/patterns/bright_squares.png b/images/patterns/bright_squares.png new file mode 100644 index 0000000..5096b8b Binary files /dev/null and b/images/patterns/bright_squares.png differ diff --git a/images/patterns/cards/45degreee_fabric.png b/images/patterns/cards/45degreee_fabric.png new file mode 100644 index 0000000..d41474d Binary files /dev/null and b/images/patterns/cards/45degreee_fabric.png differ diff --git a/images/patterns/cards/bgnoise_lg.png b/images/patterns/cards/bgnoise_lg.png new file mode 100644 index 0000000..5eae6cf Binary files /dev/null and b/images/patterns/cards/bgnoise_lg.png differ diff --git a/images/patterns/cards/bright_squares.png b/images/patterns/cards/bright_squares.png new file mode 100644 index 0000000..b051fc5 Binary files /dev/null and b/images/patterns/cards/bright_squares.png differ diff --git a/images/patterns/cards/cork.png b/images/patterns/cards/cork.png new file mode 100644 index 0000000..894c523 Binary files /dev/null and b/images/patterns/cards/cork.png differ diff --git a/images/patterns/cards/diagonal-noise.png b/images/patterns/cards/diagonal-noise.png new file mode 100644 index 0000000..8f434ec Binary files /dev/null and b/images/patterns/cards/diagonal-noise.png differ diff --git a/images/patterns/cards/egg_shell.png b/images/patterns/cards/egg_shell.png new file mode 100644 index 0000000..8665e98 Binary files /dev/null and b/images/patterns/cards/egg_shell.png differ diff --git a/images/patterns/cards/extra_clean_paper.png b/images/patterns/cards/extra_clean_paper.png new file mode 100644 index 0000000..f25c100 Binary files /dev/null and b/images/patterns/cards/extra_clean_paper.png differ diff --git a/images/patterns/cards/fabric_plaid.png b/images/patterns/cards/fabric_plaid.png new file mode 100644 index 0000000..79b05a0 Binary files /dev/null and b/images/patterns/cards/fabric_plaid.png differ diff --git a/images/patterns/cards/frenchstucco.png b/images/patterns/cards/frenchstucco.png new file mode 100644 index 0000000..13888c0 Binary files /dev/null and b/images/patterns/cards/frenchstucco.png differ diff --git a/images/patterns/cards/grilled.png b/images/patterns/cards/grilled.png new file mode 100644 index 0000000..a5034d0 Binary files /dev/null and b/images/patterns/cards/grilled.png differ diff --git a/images/patterns/cards/hexellence.png b/images/patterns/cards/hexellence.png new file mode 100644 index 0000000..91bd1fd Binary files /dev/null and b/images/patterns/cards/hexellence.png differ diff --git a/images/patterns/cards/lghtmesh.png b/images/patterns/cards/lghtmesh.png new file mode 100644 index 0000000..d003af6 Binary files /dev/null and b/images/patterns/cards/lghtmesh.png differ diff --git a/images/patterns/cards/light_alu.png b/images/patterns/cards/light_alu.png new file mode 100644 index 0000000..817e860 Binary files /dev/null and b/images/patterns/cards/light_alu.png differ diff --git a/images/patterns/cards/light_wool.png b/images/patterns/cards/light_wool.png new file mode 100644 index 0000000..a6d6def Binary files /dev/null and b/images/patterns/cards/light_wool.png differ diff --git a/images/patterns/cards/little_pluses.png b/images/patterns/cards/little_pluses.png new file mode 100644 index 0000000..3401495 Binary files /dev/null and b/images/patterns/cards/little_pluses.png differ diff --git a/images/patterns/cards/old_wall.png b/images/patterns/cards/old_wall.png new file mode 100644 index 0000000..4ccd19c Binary files /dev/null and b/images/patterns/cards/old_wall.png differ diff --git a/images/patterns/cards/project_papper.png b/images/patterns/cards/project_papper.png new file mode 100644 index 0000000..2fd5168 Binary files /dev/null and b/images/patterns/cards/project_papper.png differ diff --git a/images/patterns/cards/ravenna.png b/images/patterns/cards/ravenna.png new file mode 100644 index 0000000..1e888ec Binary files /dev/null and b/images/patterns/cards/ravenna.png differ diff --git a/images/patterns/cards/rockywall.png b/images/patterns/cards/rockywall.png new file mode 100644 index 0000000..d4c8fbf Binary files /dev/null and b/images/patterns/cards/rockywall.png differ diff --git a/images/patterns/cards/roughcloth.png b/images/patterns/cards/roughcloth.png new file mode 100644 index 0000000..060e8b8 Binary files /dev/null and b/images/patterns/cards/roughcloth.png differ diff --git a/images/patterns/cards/soft_wallpaper.png b/images/patterns/cards/soft_wallpaper.png new file mode 100644 index 0000000..791bbe4 Binary files /dev/null and b/images/patterns/cards/soft_wallpaper.png differ diff --git a/images/patterns/cards/square_bg.png b/images/patterns/cards/square_bg.png new file mode 100644 index 0000000..e04e153 Binary files /dev/null and b/images/patterns/cards/square_bg.png differ diff --git a/images/patterns/cards/strange_bullseyes.png b/images/patterns/cards/strange_bullseyes.png new file mode 100644 index 0000000..e78a148 Binary files /dev/null and b/images/patterns/cards/strange_bullseyes.png differ diff --git a/images/patterns/cards/stucco.png b/images/patterns/cards/stucco.png new file mode 100644 index 0000000..f83be7f Binary files /dev/null and b/images/patterns/cards/stucco.png differ diff --git a/images/patterns/cards/subtle_freckles.png b/images/patterns/cards/subtle_freckles.png new file mode 100644 index 0000000..fef7caa Binary files /dev/null and b/images/patterns/cards/subtle_freckles.png differ diff --git a/images/patterns/cards/tex2res2.png b/images/patterns/cards/tex2res2.png new file mode 100644 index 0000000..2fa262d Binary files /dev/null and b/images/patterns/cards/tex2res2.png differ diff --git a/images/patterns/cards/textured_stripes.png b/images/patterns/cards/textured_stripes.png new file mode 100644 index 0000000..7643266 Binary files /dev/null and b/images/patterns/cards/textured_stripes.png differ diff --git a/images/patterns/cards/tiny_grid.png b/images/patterns/cards/tiny_grid.png new file mode 100644 index 0000000..3a22ad7 Binary files /dev/null and b/images/patterns/cards/tiny_grid.png differ diff --git a/images/patterns/cards/wall4.png b/images/patterns/cards/wall4.png new file mode 100644 index 0000000..7e00878 Binary files /dev/null and b/images/patterns/cards/wall4.png differ diff --git a/images/patterns/cards/xv.png b/images/patterns/cards/xv.png new file mode 100644 index 0000000..8e89f66 Binary files /dev/null and b/images/patterns/cards/xv.png differ diff --git a/images/patterns/concrete_wall_2.png b/images/patterns/concrete_wall_2.png new file mode 100644 index 0000000..4946508 Binary files /dev/null and b/images/patterns/concrete_wall_2.png differ diff --git a/images/patterns/diagonal-noise.png b/images/patterns/diagonal-noise.png new file mode 100644 index 0000000..9543fbd Binary files /dev/null and b/images/patterns/diagonal-noise.png differ diff --git a/images/patterns/fabric_plaid.png b/images/patterns/fabric_plaid.png new file mode 100644 index 0000000..5cee4da Binary files /dev/null and b/images/patterns/fabric_plaid.png differ diff --git a/images/patterns/grunge_wall.png b/images/patterns/grunge_wall.png new file mode 100644 index 0000000..bed1a4c Binary files /dev/null and b/images/patterns/grunge_wall.png differ diff --git a/images/patterns/hexellence.png b/images/patterns/hexellence.png new file mode 100644 index 0000000..b9026bd Binary files /dev/null and b/images/patterns/hexellence.png differ diff --git a/images/patterns/lghtmesh.png b/images/patterns/lghtmesh.png new file mode 100644 index 0000000..a7af635 Binary files /dev/null and b/images/patterns/lghtmesh.png differ diff --git a/images/patterns/light_alu.png b/images/patterns/light_alu.png new file mode 100644 index 0000000..9895ba3 Binary files /dev/null and b/images/patterns/light_alu.png differ diff --git a/images/patterns/light_wool.png b/images/patterns/light_wool.png new file mode 100644 index 0000000..33ad2de Binary files /dev/null and b/images/patterns/light_wool.png differ diff --git a/images/patterns/project_papper.png b/images/patterns/project_papper.png new file mode 100644 index 0000000..518636b Binary files /dev/null and b/images/patterns/project_papper.png differ diff --git a/images/patterns/ravenna.png b/images/patterns/ravenna.png new file mode 100644 index 0000000..d65a2a2 Binary files /dev/null and b/images/patterns/ravenna.png differ diff --git a/images/patterns/rockywall.png b/images/patterns/rockywall.png new file mode 100644 index 0000000..37270e5 Binary files /dev/null and b/images/patterns/rockywall.png differ diff --git a/images/patterns/roughcloth.png b/images/patterns/roughcloth.png new file mode 100644 index 0000000..26e45a9 Binary files /dev/null and b/images/patterns/roughcloth.png differ diff --git a/images/patterns/scribble_light.png b/images/patterns/scribble_light.png new file mode 100644 index 0000000..7e40a7a Binary files /dev/null and b/images/patterns/scribble_light.png differ diff --git a/images/patterns/smooth_wall.png b/images/patterns/smooth_wall.png new file mode 100644 index 0000000..18ac2b1 Binary files /dev/null and b/images/patterns/smooth_wall.png differ diff --git a/images/patterns/soft_wallpaper.png b/images/patterns/soft_wallpaper.png new file mode 100644 index 0000000..0e4ae0e Binary files /dev/null and b/images/patterns/soft_wallpaper.png differ diff --git a/images/patterns/square_bg.png b/images/patterns/square_bg.png new file mode 100644 index 0000000..ab10ed1 Binary files /dev/null and b/images/patterns/square_bg.png differ diff --git a/images/patterns/subtle_freckles.png b/images/patterns/subtle_freckles.png new file mode 100644 index 0000000..f7da951 Binary files /dev/null and b/images/patterns/subtle_freckles.png differ diff --git a/images/patterns/subtle_stripes.png b/images/patterns/subtle_stripes.png new file mode 100644 index 0000000..ccf9deb Binary files /dev/null and b/images/patterns/subtle_stripes.png differ diff --git a/images/patterns/tex2res3.png b/images/patterns/tex2res3.png new file mode 100644 index 0000000..f19b1f9 Binary files /dev/null and b/images/patterns/tex2res3.png differ diff --git a/images/patterns/tiny_grid.png b/images/patterns/tiny_grid.png new file mode 100644 index 0000000..464c821 Binary files /dev/null and b/images/patterns/tiny_grid.png differ diff --git a/images/patterns/xv.png b/images/patterns/xv.png new file mode 100644 index 0000000..0424667 Binary files /dev/null and b/images/patterns/xv.png differ diff --git a/images/prettyPhoto/dark_rounded/btnNext.png b/images/prettyPhoto/dark_rounded/btnNext.png new file mode 100644 index 0000000..b28c1ef Binary files /dev/null and b/images/prettyPhoto/dark_rounded/btnNext.png differ diff --git a/images/prettyPhoto/dark_rounded/btnPrevious.png b/images/prettyPhoto/dark_rounded/btnPrevious.png new file mode 100644 index 0000000..e0cd9c4 Binary files /dev/null and b/images/prettyPhoto/dark_rounded/btnPrevious.png differ diff --git a/images/prettyPhoto/dark_rounded/contentPattern.png b/images/prettyPhoto/dark_rounded/contentPattern.png new file mode 100644 index 0000000..e5a047c Binary files /dev/null and b/images/prettyPhoto/dark_rounded/contentPattern.png differ diff --git a/images/prettyPhoto/dark_rounded/default_thumbnail.gif b/images/prettyPhoto/dark_rounded/default_thumbnail.gif new file mode 100644 index 0000000..2b1280f Binary files /dev/null and b/images/prettyPhoto/dark_rounded/default_thumbnail.gif differ diff --git a/images/prettyPhoto/dark_rounded/loader.gif b/images/prettyPhoto/dark_rounded/loader.gif new file mode 100644 index 0000000..50820ee Binary files /dev/null and b/images/prettyPhoto/dark_rounded/loader.gif differ diff --git a/images/prettyPhoto/dark_rounded/sprite.png b/images/prettyPhoto/dark_rounded/sprite.png new file mode 100644 index 0000000..fb8c0f8 Binary files /dev/null and b/images/prettyPhoto/dark_rounded/sprite.png differ diff --git a/images/prettyPhoto/dark_square/btnNext.png b/images/prettyPhoto/dark_square/btnNext.png new file mode 100644 index 0000000..b28c1ef Binary files /dev/null and b/images/prettyPhoto/dark_square/btnNext.png differ diff --git a/images/prettyPhoto/dark_square/btnPrevious.png b/images/prettyPhoto/dark_square/btnPrevious.png new file mode 100644 index 0000000..e0cd9c4 Binary files /dev/null and b/images/prettyPhoto/dark_square/btnPrevious.png differ diff --git a/images/prettyPhoto/dark_square/contentPattern.png b/images/prettyPhoto/dark_square/contentPattern.png new file mode 100644 index 0000000..7b50aff Binary files /dev/null and b/images/prettyPhoto/dark_square/contentPattern.png differ diff --git a/images/prettyPhoto/dark_square/default_thumbnail.gif b/images/prettyPhoto/dark_square/default_thumbnail.gif new file mode 100644 index 0000000..2b1280f Binary files /dev/null and b/images/prettyPhoto/dark_square/default_thumbnail.gif differ diff --git a/images/prettyPhoto/dark_square/loader.gif b/images/prettyPhoto/dark_square/loader.gif new file mode 100644 index 0000000..50820ee Binary files /dev/null and b/images/prettyPhoto/dark_square/loader.gif differ diff --git a/images/prettyPhoto/dark_square/sprite.png b/images/prettyPhoto/dark_square/sprite.png new file mode 100644 index 0000000..4fe3547 Binary files /dev/null and b/images/prettyPhoto/dark_square/sprite.png differ diff --git a/images/prettyPhoto/default/default_thumb.png b/images/prettyPhoto/default/default_thumb.png new file mode 100644 index 0000000..1a26e4b Binary files /dev/null and b/images/prettyPhoto/default/default_thumb.png differ diff --git a/images/prettyPhoto/default/loader.gif b/images/prettyPhoto/default/loader.gif new file mode 100644 index 0000000..35d397c Binary files /dev/null and b/images/prettyPhoto/default/loader.gif differ diff --git a/images/prettyPhoto/default/sprite.png b/images/prettyPhoto/default/sprite.png new file mode 100644 index 0000000..5f07ddc Binary files /dev/null and b/images/prettyPhoto/default/sprite.png differ diff --git a/images/prettyPhoto/default/sprite_next.png b/images/prettyPhoto/default/sprite_next.png new file mode 100644 index 0000000..379dc0d Binary files /dev/null and b/images/prettyPhoto/default/sprite_next.png differ diff --git a/images/prettyPhoto/default/sprite_prev.png b/images/prettyPhoto/default/sprite_prev.png new file mode 100644 index 0000000..1ee4865 Binary files /dev/null and b/images/prettyPhoto/default/sprite_prev.png differ diff --git a/images/prettyPhoto/default/sprite_x.png b/images/prettyPhoto/default/sprite_x.png new file mode 100644 index 0000000..d4433ab Binary files /dev/null and b/images/prettyPhoto/default/sprite_x.png differ diff --git a/images/prettyPhoto/default/sprite_y.png b/images/prettyPhoto/default/sprite_y.png new file mode 100644 index 0000000..7786ab5 Binary files /dev/null and b/images/prettyPhoto/default/sprite_y.png differ diff --git a/images/prettyPhoto/facebook/btnNext.png b/images/prettyPhoto/facebook/btnNext.png new file mode 100644 index 0000000..e809c3b Binary files /dev/null and b/images/prettyPhoto/facebook/btnNext.png differ diff --git a/images/prettyPhoto/facebook/btnPrevious.png b/images/prettyPhoto/facebook/btnPrevious.png new file mode 100644 index 0000000..0812542 Binary files /dev/null and b/images/prettyPhoto/facebook/btnPrevious.png differ diff --git a/images/prettyPhoto/facebook/contentPatternBottom.png b/images/prettyPhoto/facebook/contentPatternBottom.png new file mode 100644 index 0000000..a9be3b2 Binary files /dev/null and b/images/prettyPhoto/facebook/contentPatternBottom.png differ diff --git a/images/prettyPhoto/facebook/contentPatternLeft.png b/images/prettyPhoto/facebook/contentPatternLeft.png new file mode 100644 index 0000000..277c87a Binary files /dev/null and b/images/prettyPhoto/facebook/contentPatternLeft.png differ diff --git a/images/prettyPhoto/facebook/contentPatternRight.png b/images/prettyPhoto/facebook/contentPatternRight.png new file mode 100644 index 0000000..76e50d0 Binary files /dev/null and b/images/prettyPhoto/facebook/contentPatternRight.png differ diff --git a/images/prettyPhoto/facebook/contentPatternTop.png b/images/prettyPhoto/facebook/contentPatternTop.png new file mode 100644 index 0000000..8b110ba Binary files /dev/null and b/images/prettyPhoto/facebook/contentPatternTop.png differ diff --git a/images/prettyPhoto/facebook/default_thumbnail.gif b/images/prettyPhoto/facebook/default_thumbnail.gif new file mode 100644 index 0000000..2b1280f Binary files /dev/null and b/images/prettyPhoto/facebook/default_thumbnail.gif differ diff --git a/images/prettyPhoto/facebook/loader.gif b/images/prettyPhoto/facebook/loader.gif new file mode 100644 index 0000000..7ac990c Binary files /dev/null and b/images/prettyPhoto/facebook/loader.gif differ diff --git a/images/prettyPhoto/facebook/sprite.png b/images/prettyPhoto/facebook/sprite.png new file mode 100644 index 0000000..660a254 Binary files /dev/null and b/images/prettyPhoto/facebook/sprite.png differ diff --git a/images/prettyPhoto/light_rounded/btnNext.png b/images/prettyPhoto/light_rounded/btnNext.png new file mode 100644 index 0000000..b28c1ef Binary files /dev/null and b/images/prettyPhoto/light_rounded/btnNext.png differ diff --git a/images/prettyPhoto/light_rounded/btnPrevious.png b/images/prettyPhoto/light_rounded/btnPrevious.png new file mode 100644 index 0000000..e0cd9c4 Binary files /dev/null and b/images/prettyPhoto/light_rounded/btnPrevious.png differ diff --git a/images/prettyPhoto/light_rounded/default_thumbnail.gif b/images/prettyPhoto/light_rounded/default_thumbnail.gif new file mode 100644 index 0000000..2b1280f Binary files /dev/null and b/images/prettyPhoto/light_rounded/default_thumbnail.gif differ diff --git a/images/prettyPhoto/light_rounded/loader.gif b/images/prettyPhoto/light_rounded/loader.gif new file mode 100644 index 0000000..7ac990c Binary files /dev/null and b/images/prettyPhoto/light_rounded/loader.gif differ diff --git a/images/prettyPhoto/light_rounded/sprite.png b/images/prettyPhoto/light_rounded/sprite.png new file mode 100644 index 0000000..7f28379 Binary files /dev/null and b/images/prettyPhoto/light_rounded/sprite.png differ diff --git a/images/prettyPhoto/light_square/btnNext.png b/images/prettyPhoto/light_square/btnNext.png new file mode 100644 index 0000000..b28c1ef Binary files /dev/null and b/images/prettyPhoto/light_square/btnNext.png differ diff --git a/images/prettyPhoto/light_square/btnPrevious.png b/images/prettyPhoto/light_square/btnPrevious.png new file mode 100644 index 0000000..e0cd9c4 Binary files /dev/null and b/images/prettyPhoto/light_square/btnPrevious.png differ diff --git a/images/prettyPhoto/light_square/default_thumbnail.gif b/images/prettyPhoto/light_square/default_thumbnail.gif new file mode 100644 index 0000000..2b1280f Binary files /dev/null and b/images/prettyPhoto/light_square/default_thumbnail.gif differ diff --git a/images/prettyPhoto/light_square/loader.gif b/images/prettyPhoto/light_square/loader.gif new file mode 100644 index 0000000..7ac990c Binary files /dev/null and b/images/prettyPhoto/light_square/loader.gif differ diff --git a/images/prettyPhoto/light_square/sprite.png b/images/prettyPhoto/light_square/sprite.png new file mode 100644 index 0000000..4fe3547 Binary files /dev/null and b/images/prettyPhoto/light_square/sprite.png differ diff --git a/images/services-icon.png b/images/services-icon.png new file mode 100644 index 0000000..dea21c9 Binary files /dev/null and b/images/services-icon.png differ diff --git a/images/small_heart.png b/images/small_heart.png new file mode 100644 index 0000000..002b145 Binary files /dev/null and b/images/small_heart.png differ diff --git a/images/twitter.png b/images/twitter.png new file mode 100644 index 0000000..8c752b2 Binary files /dev/null and b/images/twitter.png differ diff --git a/images/twitter1.png b/images/twitter1.png new file mode 100644 index 0000000..2c77b09 Binary files /dev/null and b/images/twitter1.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..564d0e4 --- /dev/null +++ b/index.html @@ -0,0 +1,413 @@ + + + + + + +Evan And Stephanie are getting married! + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ + + +
+
+ +
+ +
+ +
+
+
+
+
+
We're Getting Married - Sunday, 10th August 2014
+
+
Evan
+
+
Stephanie
+
+
+
+
+ +
+
+
+ +
+
+
+
+
About Evan Gredell
+
+

Evan Gredell grew up in Pleasanton, California and is the funniest guy I know.

+
+
+
+
+
+
+
About Stephanie Chung
+
+

Stephanie Chung grew up in the Bay Area with her mother and her older brother. She played classical piano since she was 4 year old and took lessons for a year learning playing jazz. She's been a web developer for 8 years and is currently working at LinkedIn.

+
+
+
+
+
 
+
 
+
 
+
+
+
+
10. August 2014
+
Ceremony: 04.00 PM - 4.30 PM
+
Reception: 05.00 PM - 12.00 AM
+
Ceremony at the Presidio Chapel and Reception at The Intercontinental Mark Hopkins
+
+
+
+
+ + + +
+
+
+
 
+
wedding
+
 
+
+
+
+
The ceremony will be held at the Preidio Chapel and reception will be at The Intercontinental Mark Hopkins in + San Francisco, California on August 10, 2014.
+
+
 
+
+
    +
  • + Ceremony Location
    + Presidio Chapel
    + 130 Fisher Loop San Francisco, CA 94129
    + San Francisco, CA

    + + Reception Location
    + The Intercontinental Mark Hopkins
    + 999 California St
    + San Francisco, CA

    + + Transportation
    + There will be shuttle buses running between InterContinental Mark Hopkins to Presidio Chapel. Guests are encouraged to use these shuttles for easier transportation. There are parking garages and valet parking available at the InterContinental Mark Hopkins. +
    • +
  • + The Wedding Party

    + Maid of Honor:
    + Laura Tat

    + Bridesmaids:
    + Rachel Yiu, Jessica Miller, Merisenda Bills

    + Best Man:
    + Lucas Gredell

    + Groomsmen:
    + Jerry Ortega, Andrew D'entremont, Jose Lopez

    +
    • +
  • + Hotel Accommodations

    + The Intercontinental Mark Hopkins
    + 999 California St
    + San Francisco, CA
    +
    • +
+
+
+ +
+
+
 
+
Rehearsal
+
 
+
+
+
+
All invited guests are welcome to join us for the rehearsal dinner at Hong Kong Flowers and Lounge on August 9, 2014 at 6:30.
51 Millbrae Ave., Millbrae, CA 94030
+
+
 
+ +
+
+
+ + + +
+
+
+
 
+
Gifts Registry
+
 
+
+
+
 
+
+
We Are Registered At…
+
+
+ +
+
+
+
 
+
 
+
 
+
+
+
+
+
+
+ + + +
+
+
+
 
+
Wedding Album
+
 
+
+
+
+
These sites are a sample of the client work undertaken by us. + Click a site to learn more about its development.
+
+
 
+
+ + +
+
+
+
+ + + +
+
+
+
 
+
Contact / RSVP
+
 
+
+
+
+
If you have any questions or just want to get in touch with us, + feel free to get in touch.
+
+
 
+
+ +
+
+
+
+

Tell us something

+ +
+
+
+
+
+ + +
+
+ + +
+
+ + +
+ +
+ + +
+
+
+
+ +
+
+
+
+
+ +
+
+

Wedding Location

+
+
+
Name
+ Presidio Chapel +
+
+
Address
+ 130 Fisher Loop San Francisco, CA +
+
+
+
+

Reception Location

+
+
+
Name
+ Intercontinental Mark Hopkins +
+
+
Address
+ 999 California St, San Francisco, CA +
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + diff --git a/js/custom.js b/js/custom.js new file mode 100644 index 0000000..27774fa --- /dev/null +++ b/js/custom.js @@ -0,0 +1,217 @@ +// ****************************************************************************************** +// Contact Form Start +// ****************************************************************************************** + $(document).ready(function(){ + $("#form").validate({ + debug: false, + rules: { + name: "required", + phone:"digits", + message: "required", + email: { + required: true, + email: true + } + }, + messages: { + name: "Please let us know who you are.", + email: "A valid email will help us get in touch with you." + + }, + submitHandler: function(form) { + // do other stuff for a valid form + $.post('email_process.php', $("#form").serialize(), function(data) { + $('#post_message').html(data); + }); + } + }); + +//Contact Form END + + + +/*************************************************** + // Portfolio on mouseover opactiy +***************************************************/ + + if( jQuery.hasOwnProperty("prettyPhoto") ){ + + $(".lightbox").prettyPhoto({ + animation_speed : 'normal', + theme : 'pp_default', + social_tools : '' + }); + + } + +}); + +//prettyPhoto END + + +/*************************************************** + Isotope Portfolio +***************************************************/ +jQuery(document).ready(function(){ + +// Needed variables + var $container = $('#portfolio-list'); + var $filter = $('#portfolio-filter'); + +// Run Isotope + $container.isotope({ + filter : '*', + layoutMode : 'masonry', + animationOptions : { + duration : 750, + easing : 'linear' + } + }); + +// Isotope Filter + $filter.find('a').click(function(){ + var selector = $(this).attr('data-filter'); + $container.isotope({ + filter : selector, + animationOptions : { + duration : 750, + easing : 'linear', + queue : false, + } + }); + return false; + }); + +// Adding Class to current selected items +$filter.find('a').click(function() { + var currentOption = $(this).attr('data-filter'); + $filter.find('a').removeClass('current'); + $(this).addClass('current'); + }); + + + + +// Portfolio on mouse over image animation + var $container = $('#portfolio-list'); + $container.find('img').adipoli({ + 'hoverEffect' : 'boxRainGrowReverse', + 'startEffect' : 'transparent', + 'animSpeed' : 200, + }); + + +// Services on mouse over image animation + var $container3 = $('#service-box'); + $container3.find('img').adipoli({ + 'hoverEffect' : 'boxRainGrowReverse', + 'startEffect' : 'transparent', + 'animSpeed' : 200, + }); + +}); + + +// Isotope Portfolio END + +/*************************************************** + Card Slides start +***************************************************/ + + $(function() { + + // on click logo ul.list li + $('ul.arrowunderline li,.menu > .item > .item_content >h2,.logo').hover( + ) + + + // on click navigation + .click(function(){ + var $this = $(this); + var name = this.className; + $('#wrapper').animate({marginTop:-900}, 500,function(){ // upside slide animation + var $this = $(this); + + switch (name) + { + case 'home': + $('#home').show(); + $('#gift,#wedding,#portfolio,#contact').hide(); + break; + + case 'logo': + $('#home').show(); + $('#gift,#wedding,#portfolio,#contact').hide(); + break; + + case 'wedding': + $('#wedding').show(); + $('#home,#gift,#portfolio,#contact').hide(); + break; + + case 'portfolio': + $('#portfolio').show(); + $('#home,#wedding,#gift,#contact').hide(); + break; + + case 'gift': + $('#gift').show(); + $('#home,#wedding,#portfolio,#contact').hide(); + break; + + case 'contact': + $('#contact').show(); + $('#home,#wedding,#gift,#portfolio').hide(); + break; + + } // end switch + + $this.animate({marginTop:50}, 500); // Downside slide animation + $this.animate({marginTop:28}, 500); // slight animation + $this.animate({marginTop:50}, 500); // reset to normal + + }) + + }); + + }); + + // Card Slides END + + + jQuery(document).ready(function(){ + $("ul.arrowunderline li").click(function () { + $('ul.arrowunderline li').removeAttr('id'); + // $('ul.arrowunderline li').css('color', '#b6b6b6') + $(this).attr('id', 'selected' ); + // $(this).css('color', '#71be6f'); + }); + }); + + jQuery(document).ready(function($){ + + /* prepend menu icon */ + $('#nav-wrap').prepend(''); + + /* toggle nav */ + $("#menu-icon").on("click", function(){ + $("#nav").slideToggle(); + $(this).toggleClass("active"); + }); + +}); + + +/*************************************************** + // Preloader Script +***************************************************/ + +$(window).load(function() { + $('#preloader').fadeOut(300, function() { + $('body').css('overflow','visible'); + $(this).remove(); + }); +}); + +// // Preloader Script + diff --git a/js/jquery-1.7.min.js b/js/jquery-1.7.min.js new file mode 100644 index 0000000..3ca5e0f --- /dev/null +++ b/js/jquery-1.7.min.js @@ -0,0 +1,4 @@ +/*! jQuery v1.7 jquery.com | jquery.org/license */ +(function(a,b){function cA(a){return f.isWindow(a)?a:a.nodeType===9?a.defaultView||a.parentWindow:!1}function cx(a){if(!cm[a]){var b=c.body,d=f("<"+a+">").appendTo(b),e=d.css("display");d.remove();if(e==="none"||e===""){cn||(cn=c.createElement("iframe"),cn.frameBorder=cn.width=cn.height=0),b.appendChild(cn);if(!co||!cn.createElement)co=(cn.contentWindow||cn.contentDocument).document,co.write((c.compatMode==="CSS1Compat"?"":"")+""),co.close();d=co.createElement(a),co.body.appendChild(d),e=f.css(d,"display"),b.removeChild(cn)}cm[a]=e}return cm[a]}function cw(a,b){var c={};f.each(cs.concat.apply([],cs.slice(0,b)),function(){c[this]=a});return c}function cv(){ct=b}function cu(){setTimeout(cv,0);return ct=f.now()}function cl(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function ck(){try{return new a.XMLHttpRequest}catch(b){}}function ce(a,c){a.dataFilter&&(c=a.dataFilter(c,a.dataType));var d=a.dataTypes,e={},g,h,i=d.length,j,k=d[0],l,m,n,o,p;for(g=1;g0){c!=="border"&&f.each(e,function(){c||(d-=parseFloat(f.css(a,"padding"+this))||0),c==="margin"?d+=parseFloat(f.css(a,c+this))||0:d-=parseFloat(f.css(a,"border"+this+"Width"))||0});return d+"px"}d=bB(a,b,b);if(d<0||d==null)d=a.style[b]||0;d=parseFloat(d)||0,c&&f.each(e,function(){d+=parseFloat(f.css(a,"padding"+this))||0,c!=="padding"&&(d+=parseFloat(f.css(a,"border"+this+"Width"))||0),c==="margin"&&(d+=parseFloat(f.css(a,c+this))||0)});return d+"px"}function br(a,b){b.src?f.ajax({url:b.src,async:!1,dataType:"script"}):f.globalEval((b.text||b.textContent||b.innerHTML||"").replace(bi,"/*$0*/")),b.parentNode&&b.parentNode.removeChild(b)}function bq(a){var b=(a.nodeName||"").toLowerCase();b==="input"?bp(a):b!=="script"&&typeof a.getElementsByTagName!="undefined"&&f.grep(a.getElementsByTagName("input"),bp)}function bp(a){if(a.type==="checkbox"||a.type==="radio")a.defaultChecked=a.checked}function bo(a){return typeof a.getElementsByTagName!="undefined"?a.getElementsByTagName("*"):typeof a.querySelectorAll!="undefined"?a.querySelectorAll("*"):[]}function bn(a,b){var c;if(b.nodeType===1){b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase();if(c==="object")b.outerHTML=a.outerHTML;else if(c!=="input"||a.type!=="checkbox"&&a.type!=="radio"){if(c==="option")b.selected=a.defaultSelected;else if(c==="input"||c==="textarea")b.defaultValue=a.defaultValue}else a.checked&&(b.defaultChecked=b.checked=a.checked),b.value!==a.value&&(b.value=a.value);b.removeAttribute(f.expando)}}function bm(a,b){if(b.nodeType===1&&!!f.hasData(a)){var c,d,e,g=f._data(a),h=f._data(b,g),i=g.events;if(i){delete h.handle,h.events={};for(c in i)for(d=0,e=i[c].length;d=0===c})}function V(a){return!a||!a.parentNode||a.parentNode.nodeType===11}function N(){return!0}function M(){return!1}function n(a,b,c){var d=b+"defer",e=b+"queue",g=b+"mark",h=f._data(a,d);h&&(c==="queue"||!f._data(a,e))&&(c==="mark"||!f._data(a,g))&&setTimeout(function(){!f._data(a,e)&&!f._data(a,g)&&(f.removeData(a,d,!0),h.fire())},0)}function m(a){for(var b in a){if(b==="data"&&f.isEmptyObject(a[b]))continue;if(b!=="toJSON")return!1}return!0}function l(a,c,d){if(d===b&&a.nodeType===1){var e="data-"+c.replace(k,"-$1").toLowerCase();d=a.getAttribute(e);if(typeof d=="string"){try{d=d==="true"?!0:d==="false"?!1:d==="null"?null:f.isNumeric(d)?parseFloat(d):j.test(d)?f.parseJSON(d):d}catch(g){}f.data(a,c,d)}else d=b}return d}function h(a){var b=g[a]={},c,d;a=a.split(/\s+/);for(c=0,d=a.length;c)[^>]*$|#([\w\-]*)$)/,j=/\S/,k=/^\s+/,l=/\s+$/,m=/\d/,n=/^<(\w+)\s*\/?>(?:<\/\1>)?$/,o=/^[\],:{}\s]*$/,p=/\\(?:["\\\/bfnrt]|u[0-9a-fA-F]{4})/g,q=/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g,r=/(?:^|:|,)(?:\s*\[)+/g,s=/(webkit)[ \/]([\w.]+)/,t=/(opera)(?:.*version)?[ \/]([\w.]+)/,u=/(msie) ([\w.]+)/,v=/(mozilla)(?:.*? rv:([\w.]+))?/,w=/-([a-z]|[0-9])/ig,x=/^-ms-/,y=function(a,b){return(b+"").toUpperCase()},z=d.userAgent,A,B,C,D=Object.prototype.toString,E=Object.prototype.hasOwnProperty,F=Array.prototype.push,G=Array.prototype.slice,H=String.prototype.trim,I=Array.prototype.indexOf,J={};e.fn=e.prototype={constructor:e,init:function(a,d,f){var g,h,j,k;if(!a)return this;if(a.nodeType){this.context=this[0]=a,this.length=1;return this}if(a==="body"&&!d&&c.body){this.context=c,this[0]=c.body,this.selector=a,this.length=1;return this}if(typeof a=="string"){a.charAt(0)!=="<"||a.charAt(a.length-1)!==">"||a.length<3?g=i.exec(a):g=[null,a,null];if(g&&(g[1]||!d)){if(g[1]){d=d instanceof e?d[0]:d,k=d?d.ownerDocument||d:c,j=n.exec(a),j?e.isPlainObject(d)?(a=[c.createElement(j[1])],e.fn.attr.call(a,d,!0)):a=[k.createElement(j[1])]:(j=e.buildFragment([g[1]],[k]),a=(j.cacheable?e.clone(j.fragment):j.fragment).childNodes);return e.merge(this,a)}h=c.getElementById(g[2]);if(h&&h.parentNode){if(h.id!==g[2])return f.find(a);this.length=1,this[0]=h}this.context=c,this.selector=a;return this}return!d||d.jquery?(d||f).find(a):this.constructor(d).find(a)}if(e.isFunction(a))return f.ready(a);a.selector!==b&&(this.selector=a.selector,this.context=a.context);return e.makeArray(a,this)},selector:"",jquery:"1.7",length:0,size:function(){return this.length},toArray:function(){return G.call(this,0)},get:function(a){return a==null?this.toArray():a<0?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=this.constructor();e.isArray(a)?F.apply(d,a):e.merge(d,a),d.prevObject=this,d.context=this.context,b==="find"?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")");return d},each:function(a,b){return e.each(this,a,b)},ready:function(a){e.bindReady(),B.add(a);return this},eq:function(a){return a===-1?this.slice(a):this.slice(a,+a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(G.apply(this,arguments),"slice",G.call(arguments).join(","))},map:function(a){return this.pushStack(e.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:F,sort:[].sort,splice:[].splice},e.fn.init.prototype=e.fn,e.extend=e.fn.extend=function(){var a,c,d,f,g,h,i=arguments[0]||{},j=1,k=arguments.length,l=!1;typeof i=="boolean"&&(l=i,i=arguments[1]||{},j=2),typeof i!="object"&&!e.isFunction(i)&&(i={}),k===j&&(i=this,--j);for(;j0)return;B.fireWith(c,[e]),e.fn.trigger&&e(c).trigger("ready").unbind("ready")}},bindReady:function(){if(!B){B=e.Callbacks("once memory");if(c.readyState==="complete")return setTimeout(e.ready,1);if(c.addEventListener)c.addEventListener("DOMContentLoaded",C,!1),a.addEventListener("load",e.ready,!1);else if(c.attachEvent){c.attachEvent("onreadystatechange",C),a.attachEvent("onload",e.ready);var b=!1;try{b=a.frameElement==null}catch(d){}c.documentElement.doScroll&&b&&K()}}},isFunction:function(a){return e.type(a)==="function"},isArray:Array.isArray||function(a){return e.type(a)==="array"},isWindow:function(a){return a&&typeof a=="object"&&"setInterval"in a},isNumeric:function(a){return a!=null&&m.test(a)&&!isNaN(a)},type:function(a){return a==null?String(a):J[D.call(a)]||"object"},isPlainObject:function(a){if(!a||e.type(a)!=="object"||a.nodeType||e.isWindow(a))return!1;try{if(a.constructor&&!E.call(a,"constructor")&&!E.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||E.call(a,d)},isEmptyObject:function(a){for(var b in a)return!1;return!0},error:function(a){throw a},parseJSON:function(b){if(typeof b!="string"||!b)return null;b=e.trim(b);if(a.JSON&&a.JSON.parse)return a.JSON.parse(b);if(o.test(b.replace(p,"@").replace(q,"]").replace(r,"")))return(new Function("return "+b))();e.error("Invalid JSON: "+b)},parseXML:function(c){var d,f;try{a.DOMParser?(f=new DOMParser,d=f.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(g){d=b}(!d||!d.documentElement||d.getElementsByTagName("parsererror").length)&&e.error("Invalid XML: "+c);return d},noop:function(){},globalEval:function(b){b&&j.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(x,"ms-").replace(w,y)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var f,g=0,h=a.length,i=h===b||e.isFunction(a);if(d){if(i){for(f in a)if(c.apply(a[f],d)===!1)break}else for(;g0&&a[0]&&a[j-1]||j===0||e.isArray(a));if(k)for(;i1?i.call(arguments,0):b,j.notifyWith(k,e)}}function l(a){return function(c){b[a]=arguments.length>1?i.call(arguments,0):c,--g||j.resolveWith(j,b)}}var b=i.call(arguments,0),c=0,d=b.length,e=Array(d),g=d,h=d,j=d<=1&&a&&f.isFunction(a.promise)?a:f.Deferred(),k=j.promise();if(d>1){for(;c
a",d=a.getElementsByTagName("*"),e=a.getElementsByTagName("a")[0];if(!d||!d.length||!e)return{};g=c.createElement("select"),h=g.appendChild(c.createElement("option")),i=a.getElementsByTagName("input")[0],k={leadingWhitespace:a.firstChild.nodeType===3,tbody:!a.getElementsByTagName("tbody").length,htmlSerialize:!!a.getElementsByTagName("link").length,style:/top/.test(e.getAttribute("style")),hrefNormalized:e.getAttribute("href")==="/a",opacity:/^0.55/.test(e.style.opacity),cssFloat:!!e.style.cssFloat,unknownElems:!!a.getElementsByTagName("nav").length,checkOn:i.value==="on",optSelected:h.selected,getSetAttribute:a.className!=="t",enctype:!!c.createElement("form").enctype,submitBubbles:!0,changeBubbles:!0,focusinBubbles:!1,deleteExpando:!0,noCloneEvent:!0,inlineBlockNeedsLayout:!1,shrinkWrapBlocks:!1,reliableMarginRight:!0},i.checked=!0,k.noCloneChecked=i.cloneNode(!0).checked,g.disabled=!0,k.optDisabled=!h.disabled;try{delete a.test}catch(v){k.deleteExpando=!1}!a.addEventListener&&a.attachEvent&&a.fireEvent&&(a.attachEvent("onclick",function(){k.noCloneEvent=!1}),a.cloneNode(!0).fireEvent("onclick")),i=c.createElement("input"),i.value="t",i.setAttribute("type","radio"),k.radioValue=i.value==="t",i.setAttribute("checked","checked"),a.appendChild(i),l=c.createDocumentFragment(),l.appendChild(a.lastChild),k.checkClone=l.cloneNode(!0).cloneNode(!0).lastChild.checked,a.innerHTML="",a.style.width=a.style.paddingLeft="1px",m=c.getElementsByTagName("body")[0],o=c.createElement(m?"div":"body"),p={visibility:"hidden",width:0,height:0,border:0,margin:0,background:"none"},m&&f.extend(p,{position:"absolute",left:"-999px",top:"-999px"});for(t in p)o.style[t]=p[t];o.appendChild(a),n=m||b,n.insertBefore(o,n.firstChild),k.appendChecked=i.checked,k.boxModel=a.offsetWidth===2,"zoom"in a.style&&(a.style.display="inline",a.style.zoom=1,k.inlineBlockNeedsLayout=a.offsetWidth===2,a.style.display="",a.innerHTML="
",k.shrinkWrapBlocks=a.offsetWidth!==2),a.innerHTML="
t
",q=a.getElementsByTagName("td"),u=q[0].offsetHeight===0,q[0].style.display="",q[1].style.display="none",k.reliableHiddenOffsets=u&&q[0].offsetHeight===0,a.innerHTML="",c.defaultView&&c.defaultView.getComputedStyle&&(j=c.createElement("div"),j.style.width="0",j.style.marginRight="0",a.appendChild(j),k.reliableMarginRight=(parseInt((c.defaultView.getComputedStyle(j,null)||{marginRight:0}).marginRight,10)||0)===0);if(a.attachEvent)for(t in{submit:1,change:1,focusin:1})s="on"+t,u=s in a,u||(a.setAttribute(s,"return;"),u=typeof a[s]=="function"),k[t+"Bubbles"]=u;f(function(){var a,b,d,e,g,h,i=1,j="position:absolute;top:0;left:0;width:1px;height:1px;margin:0;",l="visibility:hidden;border:0;",n="style='"+j+"border:5px solid #000;padding:0;'",p="
"+""+"
";m=c.getElementsByTagName("body")[0];!m||(a=c.createElement("div"),a.style.cssText=l+"width:0;height:0;position:static;top:0;margin-top:"+i+"px",m.insertBefore(a,m.firstChild),o=c.createElement("div"),o.style.cssText=j+l,o.innerHTML=p,a.appendChild(o),b=o.firstChild,d=b.firstChild,g=b.nextSibling.firstChild.firstChild,h={doesNotAddBorder:d.offsetTop!==5,doesAddBorderForTableAndCells:g.offsetTop===5},d.style.position="fixed",d.style.top="20px",h.fixedPosition=d.offsetTop===20||d.offsetTop===15,d.style.position=d.style.top="",b.style.overflow="hidden",b.style.position="relative",h.subtractsBorderForOverflowNotVisible=d.offsetTop===-5,h.doesNotIncludeMarginInBodyOffset=m.offsetTop!==i,m.removeChild(a),o=a=null,f.extend(k,h))}),o.innerHTML="",n.removeChild(o),o=l=g=h=m=j=a=i=null;return k}(),f.boxModel=f.support.boxModel;var j=/^(?:\{.*\}|\[.*\])$/,k=/([A-Z])/g;f.extend({cache:{},uuid:0,expando:"jQuery"+(f.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){a=a.nodeType?f.cache[a[f.expando]]:a[f.expando];return!!a&&!m(a)},data:function(a,c,d,e){if(!!f.acceptData(a)){var g,h,i,j=f.expando,k=typeof c=="string",l=a.nodeType,m=l?f.cache:a,n=l?a[f.expando]:a[f.expando]&&f.expando,o=c==="events";if((!n||!m[n]||!o&&!e&&!m[n].data)&&k&&d===b)return;n||(l?a[f.expando]=n=++f.uuid:n=f.expando),m[n]||(m[n]={},l||(m[n].toJSON=f.noop));if(typeof c=="object"||typeof c=="function")e?m[n]=f.extend(m[n],c):m[n].data=f.extend(m[n].data,c);g=h=m[n],e||(h.data||(h.data={}),h=h.data),d!==b&&(h[f.camelCase(c)]=d);if(o&&!h[c])return g.events;k?(i=h[c],i==null&&(i=h[f.camelCase(c)])):i=h;return i}},removeData:function(a,b,c){if(!!f.acceptData(a)){var d,e,g,h=f.expando,i=a.nodeType,j=i?f.cache:a,k=i?a[f.expando]:f.expando;if(!j[k])return;if(b){d=c?j[k]:j[k].data;if(d){f.isArray(b)?b=b:b in d?b=[b]:(b=f.camelCase(b),b in d?b=[b]:b=b.split(" "));for(e=0,g=b.length;e-1)return!0;return!1},val:function(a){var c,d,e,g=this[0];if(!arguments.length){if(g){c=f.valHooks[g.nodeName.toLowerCase()]||f.valHooks[g.type];if(c&&"get"in c&&(d=c.get(g,"value"))!==b)return d;d=g.value;return typeof d=="string"?d.replace(q,""):d==null?"":d}return b}e=f.isFunction(a);return this.each(function(d){var g=f(this),h;if(this.nodeType===1){e?h=a.call(this,d,g.val()):h=a,h==null?h="":typeof h=="number"?h+="":f.isArray(h)&&(h=f.map(h,function(a){return a==null?"":a+""})),c=f.valHooks[this.nodeName.toLowerCase()]||f.valHooks[this.type];if(!c||!("set"in c)||c.set(this,h,"value")===b)this.value=h}})}}),f.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,g=a.selectedIndex,h=[],i=a.options,j=a.type==="select-one";if(g<0)return null;c=j?g:0,d=j?g+1:i.length;for(;c=0}),c.length||(a.selectedIndex=-1);return c}}},attrFn:{val:!0,css:!0,html:!0,text:!0,data:!0,width:!0,height:!0,offset:!0},attr:function(a,c,d,e){var g,h,i,j=a.nodeType;if(!a||j===3||j===8||j===2)return b;if(e&&c in f.attrFn)return f(a)[c](d);if(!("getAttribute"in a))return f.prop(a,c,d);i=j!==1||!f.isXMLDoc(a),i&&(c=c.toLowerCase(),h=f.attrHooks[c]||(u.test(c)?x:w));if(d!==b){if(d===null){f.removeAttr(a,c);return b}if(h&&"set"in h&&i&&(g=h.set(a,d,c))!==b)return g;a.setAttribute(c,""+d);return d}if(h&&"get"in h&&i&&(g=h.get(a,c))!==null)return g;g=a.getAttribute(c);return g===null?b:g},removeAttr:function(a,b){var c,d,e,g,h=0;if(a.nodeType===1){d=(b||"").split(p),g=d.length;for(;h=0}})});var z=/\.(.*)$/,A=/^(?:textarea|input|select)$/i,B=/\./g,C=/ /g,D=/[^\w\s.|`]/g,E=/^([^\.]*)?(?:\.(.+))?$/,F=/\bhover(\.\S+)?/,G=/^key/,H=/^(?:mouse|contextmenu)|click/,I=/^(\w*)(?:#([\w\-]+))?(?:\.([\w\-]+))?$/,J=function(a){var b=I.exec(a);b&& +(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&new RegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));return b},K=function(a,b){return(!b[1]||a.nodeName.toLowerCase()===b[1])&&(!b[2]||a.id===b[2])&&(!b[3]||b[3].test(a.className))},L=function(a){return f.event.special.hover?a:a.replace(F,"mouseenter$1 mouseleave$1")};f.event={add:function(a,c,d,e,g){var h,i,j,k,l,m,n,o,p,q,r,s;if(!(a.nodeType===3||a.nodeType===8||!c||!d||!(h=f._data(a)))){d.handler&&(p=d,d=p.handler),d.guid||(d.guid=f.guid++),j=h.events,j||(h.events=j={}),i=h.handle,i||(h.handle=i=function(a){return typeof f!="undefined"&&(!a||f.event.triggered!==a.type)?f.event.dispatch.apply(i.elem,arguments):b},i.elem=a),c=L(c).split(" ");for(k=0;k=0&&(h=h.slice(0,-1),k=!0),h.indexOf(".")>=0&&(i=h.split("."),h=i.shift(),i.sort());if((!e||f.event.customEvent[h])&&!f.event.global[h])return;c=typeof c=="object"?c[f.expando]?c:new f.Event(h,c):new f.Event(h),c.type=h,c.isTrigger=!0,c.exclusive=k,c.namespace=i.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+i.join("\\.(?:.*\\.)?")+"(\\.|$)"):null,o=h.indexOf(":")<0?"on"+h:"",(g||!e)&&c.preventDefault();if(!e){j=f.cache;for(l in j)j[l].events&&j[l].events[h]&&f.event.trigger(c,d,j[l].handle.elem,!0);return}c.result=b,c.target||(c.target=e),d=d!=null?f.makeArray(d):[],d.unshift(c),p=f.event.special[h]||{};if(p.trigger&&p.trigger.apply(e,d)===!1)return;r=[[e,p.bindType||h]];if(!g&&!p.noBubble&&!f.isWindow(e)){s=p.delegateType||h,n=null;for(m=e.parentNode;m;m=m.parentNode)r.push([m,s]),n=m;n&&n===e.ownerDocument&&r.push([n.defaultView||n.parentWindow||a,s])}for(l=0;l=0:t===b&&(t=o[s]=r.quick?K(m,r.quick):f(m).is(s)),t&&q.push(r);q.length&&j.push({elem:m,matches:q})}d.length>e&&j.push({elem:this,matches:d.slice(e)});for(k=0;k0?this.bind(b,a,c):this.trigger(b)},f.attrFn&&(f.attrFn[b]=!0),G.test(b)&&(f.event.fixHooks[b]=f.event.keyHooks),H.test(b)&&(f.event.fixHooks[b]=f.event.mouseHooks)}),function(){function x(a,b,c,e,f,g){for(var h=0,i=e.length;h0){k=j;break}}j=j[a]}e[h]=k}}}function w(a,b,c,e,f,g){for(var h=0,i=e.length;h+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r|\n)*)/g,d="sizcache"+(Math.random()+"").replace(".",""),e=0,g=Object.prototype.toString,h=!1,i=!0,j=/\\/g,k=/\r\n/g,l=/\W/;[0,0].sort(function(){i=!1;return 0});var m=function(b,d,e,f){e=e||[],d=d||c;var h=d;if(d.nodeType!==1&&d.nodeType!==9)return[];if(!b||typeof b!="string")return e;var i,j,k,l,n,q,r,t,u=!0,v=m.isXML(d),w=[],x=b;do{a.exec(""),i=a.exec(x);if(i){x=i[3],w.push(i[1]);if(i[2]){l=i[3];break}}}while(i);if(w.length>1&&p.exec(b))if(w.length===2&&o.relative[w[0]])j=y(w[0]+w[1],d,f);else{j=o.relative[w[0]]?[d]:m(w.shift(),d);while(w.length)b=w.shift(),o.relative[b]&&(b+=w.shift()),j=y(b,j,f)}else{!f&&w.length>1&&d.nodeType===9&&!v&&o.match.ID.test(w[0])&&!o.match.ID.test(w[w.length-1])&&(n=m.find(w.shift(),d,v),d=n.expr?m.filter(n.expr,n.set)[0]:n.set[0]);if(d){n=f?{expr:w.pop(),set:s(f)}:m.find(w.pop(),w.length===1&&(w[0]==="~"||w[0]==="+")&&d.parentNode?d.parentNode:d,v),j=n.expr?m.filter(n.expr,n.set):n.set,w.length>0?k=s(j):u=!1;while(w.length)q=w.pop(),r=q,o.relative[q]?r=w.pop():q="",r==null&&(r=d),o.relative[q](k,r,v)}else k=w=[]}k||(k=j),k||m.error(q||b);if(g.call(k)==="[object Array]")if(!u)e.push.apply(e,k);else if(d&&d.nodeType===1)for(t=0;k[t]!=null;t++)k[t]&&(k[t]===!0||k[t].nodeType===1&&m.contains(d,k[t]))&&e.push(j[t]);else for(t=0;k[t]!=null;t++)k[t]&&k[t].nodeType===1&&e.push(j[t]);else s(k,e);l&&(m(l,h,e,f),m.uniqueSort(e));return e};m.uniqueSort=function(a){if(u){h=i,a.sort(u);if(h)for(var b=1;b0},m.find=function(a,b,c){var d,e,f,g,h,i;if(!a)return[];for(e=0,f=o.order.length;e":function(a,b){var c,d=typeof b=="string",e=0,f=a.length;if(d&&!l.test(b)){b=b.toLowerCase();for(;e=0)?c||d.push(h):c&&(b[g]=!1));return!1},ID:function(a){return a[1].replace(j,"")},TAG:function(a,b){return a[1].replace(j,"").toLowerCase()},CHILD:function(a){if(a[1]==="nth"){a[2]||m.error(a[0]),a[2]=a[2].replace(/^\+|\s*/g,"");var b=/(-?)(\d*)(?:n([+\-]?\d*))?/.exec(a[2]==="even"&&"2n"||a[2]==="odd"&&"2n+1"||!/\D/.test(a[2])&&"0n+"+a[2]||a[2]);a[2]=b[1]+(b[2]||1)-0,a[3]=b[3]-0}else a[2]&&m.error(a[0]);a[0]=e++;return a},ATTR:function(a,b,c,d,e,f){var g=a[1]=a[1].replace(j,"");!f&&o.attrMap[g]&&(a[1]=o.attrMap[g]),a[4]=(a[4]||a[5]||"").replace(j,""),a[2]==="~="&&(a[4]=" "+a[4]+" ");return a},PSEUDO:function(b,c,d,e,f){if(b[1]==="not")if((a.exec(b[3])||"").length>1||/^\w/.test(b[3]))b[3]=m(b[3],null,null,c);else{var g=m.filter(b[3],c,d,!0^f);d||e.push.apply(e,g);return!1}else if(o.match.POS.test(b[0])||o.match.CHILD.test(b[0]))return!0;return b},POS:function(a){a.unshift(!0);return a}},filters:{enabled:function(a){return a.disabled===!1&&a.type!=="hidden"},disabled:function(a){return a.disabled===!0},checked:function(a){return a.checked===!0},selected:function(a){a.parentNode&&a.parentNode.selectedIndex;return a.selected===!0},parent:function(a){return!!a.firstChild},empty:function(a){return!a.firstChild},has:function(a,b,c){return!!m(c[3],a).length},header:function(a){return/h\d/i.test(a.nodeName)},text:function(a){var b=a.getAttribute("type"),c=a.type;return a.nodeName.toLowerCase()==="input"&&"text"===c&&(b===c||b===null)},radio:function(a){return a.nodeName.toLowerCase()==="input"&&"radio"===a.type},checkbox:function(a){return a.nodeName.toLowerCase()==="input"&&"checkbox"===a.type},file:function(a){return a.nodeName.toLowerCase()==="input"&&"file"===a.type},password:function(a){return a.nodeName.toLowerCase()==="input"&&"password"===a.type},submit:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"submit"===a.type},image:function(a){return a.nodeName.toLowerCase()==="input"&&"image"===a.type},reset:function(a){var b=a.nodeName.toLowerCase();return(b==="input"||b==="button")&&"reset"===a.type},button:function(a){var b=a.nodeName.toLowerCase();return b==="input"&&"button"===a.type||b==="button"},input:function(a){return/input|select|textarea|button/i.test(a.nodeName)},focus:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b){return b===0},last:function(a,b,c,d){return b===d.length-1},even:function(a,b){return b%2===0},odd:function(a,b){return b%2===1},lt:function(a,b,c){return bc[3]-0},nth:function(a,b,c){return c[3]-0===b},eq:function(a,b,c){return c[3]-0===b}},filter:{PSEUDO:function(a,b,c,d){var e=b[1],f=o.filters[e];if(f)return f(a,c,b,d);if(e==="contains")return(a.textContent||a.innerText||n([a])||"").indexOf(b[3])>=0;if(e==="not"){var g=b[3];for(var h=0,i=g.length;h=0}},ID:function(a,b){return a.nodeType===1&&a.getAttribute("id")===b},TAG:function(a,b){return b==="*"&&a.nodeType===1||!!a.nodeName&&a.nodeName.toLowerCase()===b},CLASS:function(a,b){return(" "+(a.className||a.getAttribute("class"))+" ").indexOf(b)>-1},ATTR:function(a,b){var c=b[1],d=m.attr?m.attr(a,c):o.attrHandle[c]?o.attrHandle[c](a):a[c]!=null?a[c]:a.getAttribute(c),e=d+"",f=b[2],g=b[4];return d==null?f==="!=":!f&&m.attr?d!=null:f==="="?e===g:f==="*="?e.indexOf(g)>=0:f==="~="?(" "+e+" ").indexOf(g)>=0:g?f==="!="?e!==g:f==="^="?e.indexOf(g)===0:f==="$="?e.substr(e.length-g.length)===g:f==="|="?e===g||e.substr(0,g.length+1)===g+"-":!1:e&&d!==!1},POS:function(a,b,c,d){var e=b[2],f=o.setFilters[e];if(f)return f(a,c,b,d)}}},p=o.match.POS,q=function(a,b){return"\\"+(b-0+1)};for(var r in o.match)o.match[r]=new RegExp(o.match[r].source+/(?![^\[]*\])(?![^\(]*\))/.source),o.leftMatch[r]=new RegExp(/(^(?:.|\r|\n)*?)/.source+o.match[r].source.replace(/\\(\d+)/g,q));var s=function(a,b){a=Array.prototype.slice.call(a,0);if(b){b.push.apply(b,a);return b}return a};try{Array.prototype.slice.call(c.documentElement.childNodes,0)[0].nodeType}catch(t){s=function(a,b){var c=0,d=b||[];if(g.call(a)==="[object Array]")Array.prototype.push.apply(d,a);else if(typeof a.length=="number")for(var e=a.length;c",e.insertBefore(a,e.firstChild),c.getElementById(d)&&(o.find.ID=function(a,c,d){if(typeof c.getElementById!="undefined"&&!d){var e=c.getElementById(a[1]);return e?e.id===a[1]||typeof e.getAttributeNode!="undefined"&&e.getAttributeNode("id").nodeValue===a[1]?[e]:b:[]}},o.filter.ID=function(a,b){var c=typeof a.getAttributeNode!="undefined"&&a.getAttributeNode("id");return a.nodeType===1&&c&&c.nodeValue===b}),e.removeChild(a),e=a=null}(),function(){var a=c.createElement("div");a.appendChild(c.createComment("")),a.getElementsByTagName("*").length>0&&(o.find.TAG=function(a,b){var c=b.getElementsByTagName(a[1]);if(a[1]==="*"){var d=[];for(var e=0;c[e];e++)c[e].nodeType===1&&d.push(c[e]);c=d}return c}),a.innerHTML="",a.firstChild&&typeof a.firstChild.getAttribute!="undefined"&&a.firstChild.getAttribute("href")!=="#"&&(o.attrHandle.href=function(a){return a.getAttribute("href",2)}),a=null}(),c.querySelectorAll&&function(){var a=m,b=c.createElement("div"),d="__sizzle__";b.innerHTML="

";if(!b.querySelectorAll||b.querySelectorAll(".TEST").length!==0){m=function(b,e,f,g){e=e||c;if(!g&&!m.isXML(e)){var h=/^(\w+$)|^\.([\w\-]+$)|^#([\w\-]+$)/.exec(b);if(h&&(e.nodeType===1||e.nodeType===9)){if(h[1])return s(e.getElementsByTagName(b),f);if(h[2]&&o.find.CLASS&&e.getElementsByClassName)return s(e.getElementsByClassName(h[2]),f)}if(e.nodeType===9){if(b==="body"&&e.body)return s([e.body],f);if(h&&h[3]){var i=e.getElementById(h[3]);if(!i||!i.parentNode)return s([],f);if(i.id===h[3])return s([i],f)}try{return s(e.querySelectorAll(b),f)}catch(j){}}else if(e.nodeType===1&&e.nodeName.toLowerCase()!=="object"){var k=e,l=e.getAttribute("id"),n=l||d,p=e.parentNode,q=/^\s*[+~]/.test(b);l?n=n.replace(/'/g,"\\$&"):e.setAttribute("id",n),q&&p&&(e=e.parentNode);try{if(!q||p)return s(e.querySelectorAll("[id='"+n+"'] "+b),f)}catch(r){}finally{l||k.removeAttribute("id")}}}return a(b,e,f,g)};for(var e in a)m[e]=a[e];b=null}}(),function(){var a=c.documentElement,b=a.matchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||a.msMatchesSelector;if(b){var d=!b.call(c.createElement("div"),"div"),e=!1;try{b.call(c.documentElement,"[test!='']:sizzle")}catch(f){e=!0}m.matchesSelector=function(a,c){c=c.replace(/\=\s*([^'"\]]*)\s*\]/g,"='$1']");if(!m.isXML(a))try{if(e||!o.match.PSEUDO.test(c)&&!/!=/.test(c)){var f=b.call(a,c);if(f||!d||a.document&&a.document.nodeType!==11)return f}}catch(g){}return m(c,null,null,[a]).length>0}}}(),function(){var a=c.createElement("div");a.innerHTML="
";if(!!a.getElementsByClassName&&a.getElementsByClassName("e").length!==0){a.lastChild.className="e";if(a.getElementsByClassName("e").length===1)return;o.order.splice(1,0,"CLASS"),o.find.CLASS=function(a,b,c){if(typeof b.getElementsByClassName!="undefined"&&!c)return b.getElementsByClassName(a[1])},a=null}}(),c.documentElement.contains?m.contains=function(a,b){return a!==b&&(a.contains?a.contains(b):!0)}:c.documentElement.compareDocumentPosition?m.contains=function(a,b){return!!(a.compareDocumentPosition(b)&16)}:m.contains=function(){return!1},m.isXML=function(a){var b=(a?a.ownerDocument||a:0).documentElement;return b?b.nodeName!=="HTML":!1};var y=function(a,b,c){var d,e=[],f="",g=b.nodeType?[b]:b;while(d=o.match.PSEUDO.exec(a))f+=d[0],a=a.replace(o.match.PSEUDO,"");a=o.relative[a]?a+"*":a;for(var h=0,i=g.length;h0)for(h=g;h=0:f.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){var c=[],d,e,g=this[0];if(f.isArray(a)){var h=1;while(g&&g.ownerDocument&&g!==b){for(d=0;d-1:f.find.matchesSelector(g,a)){c.push(g);break}g=g.parentNode;if(!g||!g.ownerDocument||g===b||g.nodeType===11)break}}c=c.length>1?f.unique(c):c;return this.pushStack(c,"closest",a)},index:function(a){if(!a)return this[0]&&this[0].parentNode?this.prevAll().length:-1;if(typeof a=="string")return f.inArray(this[0],f(a));return f.inArray(a.jquery?a[0]:a,this)},add:function(a,b){var c=typeof a=="string"?f(a,b):f.makeArray(a&&a.nodeType?[a]:a),d=f.merge(this.get(),c);return this.pushStack(V(c[0])||V(d[0])?d:f.unique(d))},andSelf:function(){return this.add(this.prevObject)}}),f.each({parent:function(a){var b=a.parentNode;return b&&b.nodeType!==11?b:null},parents:function(a){return f.dir(a,"parentNode")},parentsUntil:function(a,b,c){return f.dir(a,"parentNode",c)},next:function(a){return f.nth(a,2,"nextSibling")},prev:function(a){return f.nth(a,2,"previousSibling")},nextAll:function(a){return f.dir(a,"nextSibling")},prevAll:function(a){return f.dir(a,"previousSibling")},nextUntil:function(a,b,c){return f.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return f.dir(a,"previousSibling",c)},siblings:function(a){return f.sibling(a.parentNode.firstChild,a)},children:function(a){return f.sibling(a.firstChild)},contents:function(a){return f.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:f.makeArray(a.childNodes)}},function(a,b){f.fn[a]=function(c,d){var e=f.map(this,b,c),g=S.call(arguments);O.test(a)||(d=c),d&&typeof d=="string"&&(e=f.filter(d,e)),e=this.length>1&&!U[a]?f.unique(e):e,(this.length>1||Q.test(d))&&P.test(a)&&(e=e.reverse());return this.pushStack(e,a,g.join(","))}}),f.extend({filter:function(a,b,c){c&&(a=":not("+a+")");return b.length===1?f.find.matchesSelector(b[0],a)?[b[0]]:[]:f.find.matches(a,b)},dir:function(a,c,d){var e=[],g=a[c];while(g&&g.nodeType!==9&&(d===b||g.nodeType!==1||!f(g).is(d)))g.nodeType===1&&e.push(g),g=g[c];return e},nth:function(a,b,c,d){b=b||1;var e=0;for(;a;a=a[c])if(a.nodeType===1&&++e===b)break;return a},sibling:function(a,b){var c=[];for(;a;a=a.nextSibling)a.nodeType===1&&a!==b&&c.push(a);return c}});var Y="abbr article aside audio canvas datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",Z=/ jQuery\d+="(?:\d+|null)"/g,$=/^\s+/,_=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/ig,ba=/<([\w:]+)/,bb=/",""],legend:[1,"
","
"],thead:[1,"","
"],tr:[2,"","
"],td:[3,"","
"],col:[2,"","
"],area:[1,"",""],_default:[0,"",""]},bk=X(c);bj.optgroup=bj.option,bj.tbody=bj.tfoot=bj.colgroup=bj.caption=bj.thead,bj.th=bj.td,f.support.htmlSerialize||(bj._default=[1,"div
","
"]),f.fn.extend({text:function(a){if(f.isFunction(a))return this.each(function(b){var c=f(this);c.text(a.call(this,b,c.text()))});if(typeof a!="object"&&a!==b)return this.empty().append((this[0]&&this[0].ownerDocument||c).createTextNode(a));return f.text(this)},wrapAll:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapAll(a.call(this,b))});if(this[0]){var b=f(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstChild&&a.firstChild.nodeType===1)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){if(f.isFunction(a))return this.each(function(b){f(this).wrapInner(a.call(this,b))});return this.each(function(){var b=f(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){f(this).wrapAll(a)})},unwrap:function(){return this.parent().each(function(){f.nodeName(this,"body")||f(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=f(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=this.pushStack(this,"after" +,arguments);a.push.apply(a,f(arguments[0]).toArray());return a}},remove:function(a,b){for(var c=0,d;(d=this[c])!=null;c++)if(!a||f.filter(a,[d]).length)!b&&d.nodeType===1&&(f.cleanData(d.getElementsByTagName("*")),f.cleanData([d])),d.parentNode&&d.parentNode.removeChild(d);return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++){b.nodeType===1&&f.cleanData(b.getElementsByTagName("*"));while(b.firstChild)b.removeChild(b.firstChild)}return this},clone:function(a,b){a=a==null?!1:a,b=b==null?a:b;return this.map(function(){return f.clone(this,a,b)})},html:function(a){if(a===b)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(Z,""):null;if(typeof a=="string"&&!bd.test(a)&&(f.support.leadingWhitespace||!$.test(a))&&!bj[(ba.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(_,"<$1>");try{for(var c=0,d=this.length;c1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.selector)}}),f.extend({clone:function(a,b,c){var d=a.cloneNode(!0),e,g,h;if((!f.support.noCloneEvent||!f.support.noCloneChecked)&&(a.nodeType===1||a.nodeType===11)&&!f.isXMLDoc(a)){bn(a,d),e=bo(a),g=bo(d);for(h=0;e[h];++h)g[h]&&bn(e[h],g[h])}if(b){bm(a,d);if(c){e=bo(a),g=bo(d);for(h=0;e[h];++h)bm(e[h],g[h])}}e=g=null;return d},clean:function(a,b,d,e){var g;b=b||c,typeof b.createElement=="undefined"&&(b=b.ownerDocument||b[0]&&b[0].ownerDocument||c);var h=[],i;for(var j=0,k;(k=a[j])!=null;j++){typeof k=="number"&&(k+="");if(!k)continue;if(typeof k=="string")if(!bc.test(k))k=b.createTextNode(k);else{k=k.replace(_,"<$1>");var l=(ba.exec(k)||["",""])[1].toLowerCase(),m=bj[l]||bj._default,n=m[0],o=b.createElement("div");b===c?bk.appendChild(o):X(b).appendChild(o),o.innerHTML=m[1]+k+m[2];while(n--)o=o.lastChild;if(!f.support.tbody){var p=bb.test(k),q=l==="table"&&!p?o.firstChild&&o.firstChild.childNodes:m[1]===""&&!p?o.childNodes:[];for(i=q.length-1;i>=0;--i)f.nodeName(q[i],"tbody")&&!q[i].childNodes.length&&q[i].parentNode.removeChild(q[i])}!f.support.leadingWhitespace&&$.test(k)&&o.insertBefore(b.createTextNode($.exec(k)[0]),o.firstChild),k=o.childNodes}var r;if(!f.support.appendChecked)if(k[0]&&typeof (r=k.length)=="number")for(i=0;i=0)return b+"px"}}}),f.support.opacity||(f.cssHooks.opacity={get:function(a,b){return bt.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?parseFloat(RegExp.$1)/100+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=f.isNumeric(b)?"alpha(opacity="+b*100+")":"",g=d&&d.filter||c.filter||"";c.zoom=1;if(b>=1&&f.trim(g.replace(bs,""))===""){c.removeAttribute("filter");if(d&&!d.filter)return}c.filter=bs.test(g)?g.replace(bs,e):g+" "+e}}),f(function(){f.support.reliableMarginRight||(f.cssHooks.marginRight={get:function(a,b){var c;f.swap(a,{display:"inline-block"},function(){b?c=bB(a,"margin-right","marginRight"):c=a.style.marginRight});return c}})}),c.defaultView&&c.defaultView.getComputedStyle&&(bC=function(a,c){var d,e,g;c=c.replace(bu,"-$1").toLowerCase();if(!(e=a.ownerDocument.defaultView))return b;if(g=e.getComputedStyle(a,null))d=g.getPropertyValue(c),d===""&&!f.contains(a.ownerDocument.documentElement,a)&&(d=f.style(a,c));return d}),c.documentElement.currentStyle&&(bD=function(a,b){var c,d,e,f=a.currentStyle&&a.currentStyle[b],g=a.style;f===null&&g&&(e=g[b])&&(f=e),!bv.test(f)&&bw.test(f)&&(c=g.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),g.left=b==="fontSize"?"1em":f||0,f=g.pixelLeft+"px",g.left=c,d&&(a.runtimeStyle.left=d));return f===""?"auto":f}),bB=bC||bD,f.expr&&f.expr.filters&&(f.expr.filters.hidden=function(a){var b=a.offsetWidth,c=a.offsetHeight;return b===0&&c===0||!f.support.reliableHiddenOffsets&&(a.style&&a.style.display||f.css(a,"display"))==="none"},f.expr.filters.visible=function(a){return!f.expr.filters.hidden(a)});var bF=/%20/g,bG=/\[\]$/,bH=/\r?\n/g,bI=/#.*$/,bJ=/^(.*?):[ \t]*([^\r\n]*)\r?$/mg,bK=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,bL=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,bM=/^(?:GET|HEAD)$/,bN=/^\/\//,bO=/\?/,bP=/)<[^<]*)*<\/script>/gi,bQ=/^(?:select|textarea)/i,bR=/\s+/,bS=/([?&])_=[^&]*/,bT=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+))?)?/,bU=f.fn.load,bV={},bW={},bX,bY,bZ=["*/"]+["*"];try{bX=e.href}catch(b$){bX=c.createElement("a"),bX.href="",bX=bX.href}bY=bT.exec(bX.toLowerCase())||[],f.fn.extend({load:function(a,c,d){if(typeof a!="string"&&bU)return bU.apply(this,arguments);if(!this.length)return this;var e=a.indexOf(" ");if(e>=0){var g=a.slice(e,a.length);a=a.slice(0,e)}var h="GET";c&&(f.isFunction(c)?(d=c,c=b):typeof c=="object"&&(c=f.param(c,f.ajaxSettings.traditional),h="POST"));var i=this;f.ajax({url:a,type:h,dataType:"html",data:c,complete:function(a,b,c){c=a.responseText,a.isResolved()&&(a.done(function(a){c=a}),i.html(g?f("
").append(c.replace(bP,"")).find(g):c)),d&&i.each(d,[c,b,a])}});return this},serialize:function(){return f.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?f.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||bQ.test(this.nodeName)||bK.test(this.type))}).map(function(a,b){var c=f(this).val();return c==null?null:f.isArray(c)?f.map(c,function(a,c){return{name:b.name,value:a.replace(bH,"\r\n")}}):{name:b.name,value:c.replace(bH,"\r\n")}}).get()}}),f.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){f.fn[b]=function(a){return this.bind(b,a)}}),f.each(["get","post"],function(a,c){f[c]=function(a,d,e,g){f.isFunction(d)&&(g=g||e,e=d,d=b);return f.ajax({type:c,url:a,data:d,success:e,dataType:g})}}),f.extend({getScript:function(a,c){return f.get(a,b,c,"script")},getJSON:function(a,b,c){return f.get(a,b,c,"json")},ajaxSetup:function(a,b){b?cb(a,f.ajaxSettings):(b=a,a=f.ajaxSettings),cb(a,b);return a},ajaxSettings:{url:bX,isLocal:bL.test(bY[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":bZ},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":f.parseJSON,"text xml":f.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:b_(bV),ajaxTransport:b_(bW),ajax:function(a,c){function w(a,c,l,m){if(s!==2){s=2,q&&clearTimeout(q),p=b,n=m||"",v.readyState=a>0?4:0;var o,r,u,w=c,x=l?cd(d,v,l):b,y,z;if(a>=200&&a<300||a===304){if(d.ifModified){if(y=v.getResponseHeader("Last-Modified"))f.lastModified[k]=y;if(z=v.getResponseHeader("Etag"))f.etag[k]=z}if(a===304)w="notmodified",o=!0;else try{r=ce(d,x),w="success",o=!0}catch(A){w="parsererror",u=A}}else{u=w;if(!w||a)w="error",a<0&&(a=0)}v.status=a,v.statusText=""+(c||w),o?h.resolveWith(e,[r,w,v]):h.rejectWith(e,[v,w,u]),v.statusCode(j),j=b,t&&g.trigger("ajax"+(o?"Success":"Error"),[v,d,o?r:u]),i.fireWith(e,[v,w]),t&&(g.trigger("ajaxComplete",[v,d]),--f.active||f.event.trigger("ajaxStop"))}}typeof a=="object"&&(c=a,a=b),c=c||{};var d=f.ajaxSetup({},c),e=d.context||d,g=e!==d&&(e.nodeType||e instanceof f)?f(e):f.event,h=f.Deferred(),i=f.Callbacks("once memory"),j=d.statusCode||{},k,l={},m={},n,o,p,q,r,s=0,t,u,v={readyState:0,setRequestHeader:function(a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this},getAllResponseHeaders:function(){return s===2?n:null},getResponseHeader:function(a){var c;if(s===2){if(!o){o={};while(c=bJ.exec(n))o[c[1].toLowerCase()]=c[2]}c=o[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){s||(d.mimeType=a);return this},abort:function(a){a=a||"abort",p&&p.abort(a),w(0,a);return this}};h.promise(v),v.success=v.done,v.error=v.fail,v.complete=i.add,v.statusCode=function(a){if(a){var b;if(s<2)for(b in a)j[b]=[j[b],a[b]];else b=a[v.status],v.then(b,b)}return this},d.url=((a||d.url)+"").replace(bI,"").replace(bN,bY[1]+"//"),d.dataTypes=f.trim(d.dataType||"*").toLowerCase().split(bR),d.crossDomain==null&&(r=bT.exec(d.url.toLowerCase()),d.crossDomain=!(!r||r[1]==bY[1]&&r[2]==bY[2]&&(r[3]||(r[1]==="http:"?80:443))==(bY[3]||(bY[1]==="http:"?80:443)))),d.data&&d.processData&&typeof d.data!="string"&&(d.data=f.param(d.data,d.traditional)),ca(bV,d,c,v);if(s===2)return!1;t=d.global,d.type=d.type.toUpperCase(),d.hasContent=!bM.test(d.type),t&&f.active++===0&&f.event.trigger("ajaxStart");if(!d.hasContent){d.data&&(d.url+=(bO.test(d.url)?"&":"?")+d.data,delete d.data),k=d.url;if(d.cache===!1){var x=f.now(),y=d.url.replace(bS,"$1_="+x);d.url=y+(y===d.url?(bO.test(d.url)?"&":"?")+"_="+x:"")}}(d.data&&d.hasContent&&d.contentType!==!1||c.contentType)&&v.setRequestHeader("Content-Type",d.contentType),d.ifModified&&(k=k||d.url,f.lastModified[k]&&v.setRequestHeader("If-Modified-Since",f.lastModified[k]),f.etag[k]&&v.setRequestHeader("If-None-Match",f.etag[k])),v.setRequestHeader("Accept",d.dataTypes[0]&&d.accepts[d.dataTypes[0]]?d.accepts[d.dataTypes[0]]+(d.dataTypes[0]!=="*"?", "+bZ+"; q=0.01":""):d.accepts["*"]);for(u in d.headers)v.setRequestHeader(u,d.headers[u]);if(d.beforeSend&&(d.beforeSend.call(e,v,d)===!1||s===2)){v.abort();return!1}for(u in{success:1,error:1,complete:1})v[u](d[u]);p=ca(bW,d,c,v);if(!p)w(-1,"No Transport");else{v.readyState=1,t&&g.trigger("ajaxSend",[v,d]),d.async&&d.timeout>0&&(q=setTimeout(function(){v.abort("timeout")},d.timeout));try{s=1,p.send(l,w)}catch(z){s<2?w(-1,z):f.error(z)}}return v},param:function(a,c){var d=[],e=function(a,b){b=f.isFunction(b)?b():b,d[d.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};c===b&&(c=f.ajaxSettings.traditional);if(f.isArray(a)||a.jquery&&!f.isPlainObject(a))f.each(a,function(){e(this.name,this.value)});else for(var g in a)cc(g,a[g],c,e);return d.join("&").replace(bF,"+")}}),f.extend({active:0,lastModified:{},etag:{}});var cf=f.now(),cg=/(\=)\?(&|$)|\?\?/i;f.ajaxSetup({jsonp:"callback",jsonpCallback:function(){return f.expando+"_"+cf++}}),f.ajaxPrefilter("json jsonp",function(b,c,d){var e=b.contentType==="application/x-www-form-urlencoded"&&typeof b.data=="string";if(b.dataTypes[0]==="jsonp"||b.jsonp!==!1&&(cg.test(b.url)||e&&cg.test(b.data))){var g,h=b.jsonpCallback=f.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,i=a[h],j=b.url,k=b.data,l="$1"+h+"$2";b.jsonp!==!1&&(j=j.replace(cg,l),b.url===j&&(e&&(k=k.replace(cg,l)),b.data===k&&(j+=(/\?/.test(j)?"&":"?")+b.jsonp+"="+h))),b.url=j,b.data=k,a[h]=function(a){g=[a]},d.always(function(){a[h]=i,g&&f.isFunction(i)&&a[h](g[0])}),b.converters["script json"]=function(){g||f.error(h+" was not called");return g[0]},b.dataTypes[0]="json";return"script"}}),f.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){f.globalEval(a);return a}}}),f.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),f.ajaxTransport("script",function(a){if(a.crossDomain){var d,e=c.head||c.getElementsByTagName("head")[0]||c.documentElement;return{send:function(f,g){d=c.createElement("script"),d.async="async",a.scriptCharset&&(d.charset=a.scriptCharset),d.src=a.url,d.onload=d.onreadystatechange=function(a,c){if(c||!d.readyState||/loaded|complete/.test(d.readyState))d.onload=d.onreadystatechange=null,e&&d.parentNode&&e.removeChild(d),d=b,c||g(200,"success")},e.insertBefore(d,e.firstChild)},abort:function(){d&&d.onload(0,1)}}}});var ch=a.ActiveXObject?function(){for(var a in cj)cj[a](0,1)}:!1,ci=0,cj;f.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&ck()||cl()}:ck,function(a){f.extend(f.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}(f.ajaxSettings.xhr()),f.support.ajax&&f.ajaxTransport(function(c){if(!c.crossDomain||f.support.cors){var d;return{send:function(e,g){var h=c.xhr(),i,j;c.username?h.open(c.type,c.url,c.async,c.username,c.password):h.open(c.type,c.url,c.async);if(c.xhrFields)for(j in c.xhrFields)h[j]=c.xhrFields[j];c.mimeType&&h.overrideMimeType&&h.overrideMimeType(c.mimeType),!c.crossDomain&&!e["X-Requested-With"]&&(e["X-Requested-With"]="XMLHttpRequest");try{for(j in e)h.setRequestHeader(j,e[j])}catch(k){}h.send(c.hasContent&&c.data||null),d=function(a,e){var j,k,l,m,n;try{if(d&&(e||h.readyState===4)){d=b,i&&(h.onreadystatechange=f.noop,ch&&delete cj[i]);if(e)h.readyState!==4&&h.abort();else{j=h.status,l=h.getAllResponseHeaders(),m={},n=h.responseXML,n&&n.documentElement&&(m.xml=n),m.text=h.responseText;try{k=h.statusText}catch(o){k=""}!j&&c.isLocal&&!c.crossDomain?j=m.text?200:404:j===1223&&(j=204)}}}catch(p){e||g(-1,p)}m&&g(j,k,m,l)},!c.async||h.readyState===4?d():(i=++ci,ch&&(cj||(cj={},f(a).unload(ch)),cj[i]=d),h.onreadystatechange=d)},abort:function(){d&&d(0,1)}}}});var cm={},cn,co,cp=/^(?:toggle|show|hide)$/,cq=/^([+\-]=)?([\d+.\-]+)([a-z%]*)$/i,cr,cs=[["height","marginTop","marginBottom","paddingTop","paddingBottom"],["width","marginLeft","marginRight","paddingLeft","paddingRight"],["opacity"]],ct;f.fn.extend({show:function(a,b,c){var d,e;if(a||a===0)return this.animate(cw("show",3),a,b,c);for(var g=0,h=this.length;g=i.duration+this.startTime){this.now=this.end,this.pos=this.state=1,this.update(),i.animatedProperties[this.prop]=!0;for(b in i.animatedProperties)i.animatedProperties[b]!==!0&&(g=!1);if(g){i.overflow!=null&&!f.support.shrinkWrapBlocks&&f.each(["","X","Y"],function(a,b){h.style["overflow"+b]=i.overflow[a]}),i.hide&&f(h).hide();if(i.hide||i.show)for(b in i.animatedProperties)f.style(h,b,i.orig[b]),f.removeData(h,"fxshow"+b,!0),f.removeData(h,"toggle"+b,!0);d=i.complete,d&&(i.complete=!1,d.call(h))}return!1}i.duration==Infinity?this.now=e:(c=e-this.startTime,this.state=c/i.duration,this.pos=f.easing[i.animatedProperties[this.prop]](this.state,c,0,1,i.duration),this.now=this.start+(this.end-this.start)*this.pos),this.update();return!0}},f.extend(f.fx,{tick:function(){var a,b=f.timers,c=0;for(;c-1,k={},l={},m,n;j?(l=e.position(),m=l.top,n=l.left):(m=parseFloat(h)||0,n=parseFloat(i)||0),f.isFunction(b)&&(b=b.call(a,c,g)),b.top!=null&&(k.top=b.top-g.top+m),b.left!=null&&(k.left=b.left-g.left+n),"using"in b?b.using.call(a,k):e.css(k)}},f.fn.extend({position:function(){if(!this[0])return null;var a=this[0],b=this.offsetParent(),c=this.offset(),d=cz.test(b[0].nodeName)?{top:0,left:0}:b.offset();c.top-=parseFloat(f.css(a,"marginTop"))||0,c.left-=parseFloat(f.css(a,"marginLeft"))||0,d.top+=parseFloat(f.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat(f.css(b[0],"borderLeftWidth"))||0;return{top:c.top-d.top,left:c.left-d.left}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||c.body;while(a&&!cz.test(a.nodeName)&&f.css(a,"position")==="static")a=a.offsetParent;return a})}}),f.each(["Left","Top"],function(a,c){var d="scroll"+c;f.fn[d]=function(c){var e,g;if(c===b){e=this[0];if(!e)return null;g=cA(e);return g?"pageXOffset"in g?g[a?"pageYOffset":"pageXOffset"]:f.support.boxModel&&g.document.documentElement[d]||g.document.body[d]:e[d]}return this.each(function(){g=cA(this),g?g.scrollTo(a?f(g).scrollLeft():c,a?c:f(g).scrollTop()):this[d]=c})}}),f.each(["Height","Width"],function(a,c){var d=c.toLowerCase();f.fn["inner"+c]=function(){var a=this[0];return a?a.style?parseFloat(f.css(a,d,"padding")):this[d]():null},f.fn["outer"+c]=function(a){var b=this[0];return b?b.style?parseFloat(f.css(b,d,a?"margin":"border")):this[d]():null},f.fn[d]=function(a){var e=this[0];if(!e)return a==null?null:this;if(f.isFunction(a))return this.each(function(b){var c=f(this);c[d](a.call(this,b,c[d]()))});if(f.isWindow(e)){var g=e.document.documentElement["client"+c],h=e.document.body;return e.document.compatMode==="CSS1Compat"&&g||h&&h["client"+c]||g}if(e.nodeType===9)return Math.max(e.documentElement["client"+c],e.body["scroll"+c],e.documentElement["scroll"+c],e.body["offset"+c],e.documentElement["offset"+c]);if(a===b){var i=f.css(e,d),j=parseFloat(i);return f.isNumeric(j)?j:i}return this.css(d,typeof a=="string"?a:a+"px")}}),a.jQuery=a.$=f})(window); \ No newline at end of file diff --git a/js/jquery.adipoli.min.js b/js/jquery.adipoli.min.js new file mode 100644 index 0000000..8ee3f81 --- /dev/null +++ b/js/jquery.adipoli.min.js @@ -0,0 +1,10 @@ +/* + * Adipoli jQuery Image Hover Plugin + * http://jobyj.in/adipoli + * + * Copyright 2012, Joby Joseph + * Free to use under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + * + */ +(function(a){a.fn.adipoli=function(b){function g(a){var b=document.createElement("canvas");var c=b.getContext("2d");var d=new Image;d.src=a;b.width=d.width;b.height=d.height;c.drawImage(d,0,0);var e=c.getImageData(0,0,b.width,b.height);for(var f=0;f
').css({opacity:0,left:d*g+"px",top:e*f+"px",width:b.width()-d*g+"px",height:e+"px",background:'url("'+b.children("img").attr("src")+'") no-repeat -'+(d+g*d-d)+"px -"+(e+f*e-e)+"px"}))}else{b.children(".adipoli-after").append(a('
').css({opacity:0,left:d*g+"px",top:e*f+"px",width:d+"px",height:e+"px",background:'url("'+b.children("img").attr("src")+'") no-repeat -'+(d+g*d-d)+"px -"+(e+f*e-e)+"px"}))}}}}function d(b,c){for(var d=0;d').css({left:e*d+"px",width:b.width()-e*d+"px",height:"0px",opacity:"0",background:'url("'+b.children("img").attr("src")+'") no-repeat -'+(e+d*e-e)+"px 0%"}))}else{b.children(".adipoli-after").append(a('
').css({left:e*d+"px",width:e+"px",height:"0px",opacity:"0",background:'url("'+b.children("img").attr("src")+'") no-repeat -'+(e+d*e-e)+"px 0%"}))}}}var c=a.extend({startEffect:"transparent",hoverEffect:"normal",imageOpacity:.5,animSpeed:300,fillColor:"#000",textColor:"#fff",overlayText:"",slices:10,boxCols:5,boxRows:3,popOutMargin:10,popOutShadow:10},b);a(this).one("load",function(){a(this).wrap(function(){return'
'});a(this).parent().append('');a(this).parent().append('');if(c.startEffect=="transparent"){a(this).hide();a(this).siblings(".adipoli-before").css({"-ms-filter":'"progid:DXImageTransform.Microsoft.Alpha(Opacity='+c.imageOpacity*100+')"',filter:"alpha(opacity="+c.imageOpacity*100+")","-moz-opacity":c.imageOpacity,"-khtml-opacity":c.imageOpacity,opacity:c.imageOpacity}).show()}else if(c.startEffect=="grayscale"){var b=a(this);b.hide();b.siblings(".adipoli-before").show();b.siblings(".adipoli-before").children("img").each(function(){this.src=g(this.src)})}else if(c.startEffect=="normal"){a(this).hide();a(this).siblings(".adipoli-before").show()}else if(c.startEffect=="overlay"){b=a(this);b.hide();a(this).siblings(".adipoli-before").html(c.overlayText).css({"-ms-filter":'"progid:DXImageTransform.Microsoft.Alpha(Opacity='+c.imageOpacity*100+')"',filter:"alpha(opacity="+c.imageOpacity*100+")","-moz-opacity":c.imageOpacity,"-khtml-opacity":c.imageOpacity,opacity:c.imageOpacity,background:c.fillColor,color:c.textColor}).fadeIn();b.show()}a(this).parent().bind("mouseenter",function(){if(c.hoverEffect=="normal"){var b=a(this);b.children(".adipoli-after").html('').fadeIn(c.animSpeed)}else if(c.hoverEffect=="popout"){b=a(this);var g=b.children("img").width();var h=b.children("img").height();b.children(".adipoli-after").html('');var i=b.children(".adipoli-after").children("img");i.width(g+2*c.popOutMargin);i.height(h+2*c.popOutMargin);b.children(".adipoli-after").width(g+2*c.popOutMargin);b.children(".adipoli-after").height(h+2*c.popOutMargin);b.children(".adipoli-after").css({left:"-"+c.popOutMargin+"px",top:"-"+c.popOutMargin+"px","box-shadow":"0px 0px "+c.popOutShadow+"px #000"}).show()}else if(c.hoverEffect=="sliceDown"||c.hoverEffect=="sliceDownLeft"||c.hoverEffect=="sliceUp"||c.hoverEffect=="sliceUpLeft"||c.hoverEffect=="sliceUpRandom"||c.hoverEffect=="sliceDownRandom"){a(this).children(".adipoli-after").show();d(a(this),c);var j=0;var k=0;var l=a(".adipoli-slice",a(this));if(c.hoverEffect=="sliceDownLeft"||c.hoverEffect=="sliceUpLeft")l=a(".adipoli-slice",a(this))._reverse();if(c.hoverEffect=="sliceUpRandom"||c.hoverEffect=="sliceDownRandom")l=f(a(".adipoli-slice",a(this)));l.each(function(){var b=a(this);if(c.hoverEffect=="sliceDown"||c.hoverEffect=="sliceDownLeft"){b.css({top:"0px"})}else if(c.hoverEffect=="sliceUp"||c.hoverEffect=="sliceUpLeft"){b.css({bottom:"0px"})}if(k==c.slices-1){setTimeout(function(){b.animate({height:"100%",opacity:"1.0"},c.animSpeed,"",function(){})},100+j)}else{setTimeout(function(){b.animate({height:"100%",opacity:"1.0"},c.animSpeed)},100+j)}j+=50;k++})}else if(c.hoverEffect=="sliceUpDown"||c.hoverEffect=="sliceUpDownLeft"){a(this).children(".adipoli-after").show();d(a(this),c);j=0;k=0;var m=0;l=a(".adipoli-slice",a(this));if(c.hoverEffect=="sliceUpDownLeft")l=a(".adipoli-slice",a(this))._reverse();l.each(function(){var b=a(this);if(k==0){b.css("top","0px");k++}else{b.css("bottom","0px");k=0}if(m==c.slices-1){setTimeout(function(){b.animate({height:"100%",opacity:"1.0"},c.animSpeed,"",function(){})},100+j)}else{setTimeout(function(){b.animate({height:"100%",opacity:"1.0"},c.animSpeed)},100+j)}j+=50;m++})}else if(c.hoverEffect=="fold"||c.hoverEffect=="foldLeft"){a(this).children(".adipoli-after").show();b=a(this);d(b,c);j=0;k=0;l=a(".adipoli-slice",b);if(c.hoverEffect=="foldLeft")l=a(".adipoli-slice",a(this))._reverse();l.each(function(){var b=a(this);var d=b.width();b.css({top:"0px",height:"100%",width:"0px"});if(k==c.slices-1){setTimeout(function(){b.animate({width:d,opacity:"1.0"},c.animSpeed,"",function(){})},100+j)}else{setTimeout(function(){b.animate({width:d,opacity:"1.0"},c.animSpeed)},100+j)}j+=50;k++})}else if(c.hoverEffect=="boxRandom"){a(this).children(".adipoli-after").show();b=a(this);e(b,c);var n=c.boxCols*c.boxRows;k=0;j=0;var o=f(a(".adipoli-box",b));o.each(function(){var b=a(this);if(k==n-1){setTimeout(function(){b.animate({opacity:"1"},c.animSpeed,"",function(){})},100+j)}else{setTimeout(function(){b.animate({opacity:"1"},c.animSpeed)},100+j)}j+=20;k++})}else if(c.hoverEffect=="boxRain"||c.hoverEffect=="boxRainReverse"||c.hoverEffect=="boxRainGrow"||c.hoverEffect=="boxRainGrowReverse"){a(this).children(".adipoli-after").show();b=a(this);e(b,c);n=c.boxCols*c.boxRows;k=0;j=0;var p=0;var q=0;var r=new Array;r[p]=new Array;o=a(".adipoli-box",b);if(c.hoverEffect=="boxRainReverse"||c.hoverEffect=="boxRainGrowReverse"){o=a(".adipoli-box",b)._reverse()}o.each(function(){r[p][q]=a(this);q++;if(q==c.boxCols){p++;q=0;r[p]=new Array}});for(var s=0;s=0&&t"+d+"{#modernizr{height:3px}}"+"").appendTo("head"),g=b('
').appendTo("html");a=g.height()===3,g.remove(),e.remove()}return a},csstransitions:function(){return!!h}};if(a.Modernizr)for(var j in i)Modernizr.hasOwnProperty(j)||Modernizr.addTest(j,i[j]);else a.Modernizr=function(){var a={_version:"1.6ish: miniModernizr for Isotope"},c=" ",d,e;for(e in i)d=i[e](),a[e]=d,c+=" "+(d?"":"no-")+e;b("html").addClass(c);return a}();if(Modernizr.csstransforms){var k=Modernizr.csstransforms3d?{translate:function(a){return"translate3d("+a[0]+"px, "+a[1]+"px, 0) "},scale:function(a){return"scale3d("+a+", "+a+", 1) "}}:{translate:function(a){return"translate("+a[0]+"px, "+a[1]+"px) "},scale:function(a){return"scale("+a+") "}},l=function(a,c,d){var e=b.data(a,"isoTransform")||{},f={},h,i={},j;f[c]=d,b.extend(e,f);for(h in e)j=e[h],i[h]=k[h](j);var l=i.translate||"",m=i.scale||"",n=l+m;b.data(a,"isoTransform",e),a.style[g]=n};b.cssNumber.scale=!0,b.cssHooks.scale={set:function(a,b){l(a,"scale",b)},get:function(a,c){var d=b.data(a,"isoTransform");return d&&d.scale?d.scale:1}},b.fx.step.scale=function(a){b.cssHooks.scale.set(a.elem,a.now+a.unit)},b.cssNumber.translate=!0,b.cssHooks.translate={set:function(a,b){l(a,"translate",b)},get:function(a,c){var d=b.data(a,"isoTransform");return d&&d.translate?d.translate:[0,0]}}}var m,n;Modernizr.csstransitions&&(m={WebkitTransitionProperty:"webkitTransitionEnd",MozTransitionProperty:"transitionend",OTransitionProperty:"oTransitionEnd",transitionProperty:"transitionEnd"}[h],n=f("transitionDuration"));var o=b.event,p;o.special.smartresize={setup:function(){b(this).bind("resize",o.special.smartresize.handler)},teardown:function(){b(this).unbind("resize",o.special.smartresize.handler)},handler:function(a,b){var c=this,d=arguments;a.type="smartresize",p&&clearTimeout(p),p=setTimeout(function(){jQuery.event.handle.apply(c,d)},b==="execAsap"?0:100)}},b.fn.smartresize=function(a){return a?this.bind("smartresize",a):this.trigger("smartresize",["execAsap"])},b.Isotope=function(a,c,d){this.element=b(c),this._create(a),this._init(d)};var q=["overflow","position","width","height"];b.Isotope.settings={resizable:!0,layoutMode:"masonry",containerClass:"isotope",itemClass:"isotope-item",hiddenClass:"isotope-hidden",hiddenStyle:{opacity:0,scale:.001},visibleStyle:{opacity:1,scale:1},animationEngine:"best-available",animationOptions:{queue:!1,duration:800},sortBy:"original-order",sortAscending:!0,resizesContainer:!0,transformsEnabled:!b.browser.opera,itemPositionDataEnabled:!1},b.Isotope.prototype={_create:function(c){this.options=b.extend({},b.Isotope.settings,c),this.styleQueue=[],this.elemCount=0;var d=this.element[0].style;this.originalStyle={};for(var e=0,f=q.length;eg?1:f0&&(g=function(a,b){b.$el[d](b.style,e).one(m,i)},h=!1)}}b.each(this.styleQueue,g),h&&i(),this.styleQueue=[]},resize:function(){this["_"+this.options.layoutMode+"ResizeChanged"]()&&this.reLayout()},reLayout:function(a){this["_"+this.options.layoutMode+"Reset"](),this.layout(this.$filteredAtoms,a)},addItems:function(a,b){var c=this._getAtoms(a);this.$allAtoms=this.$allAtoms.add(c),b&&b(c)},insert:function(a,b){this.element.append(a);var c=this;this.addItems(a,function(a){var d=c._filter(a,!0);c._addHideAppended(d),c._sort(),c.reLayout(),c._revealAppended(d,b)})},appended:function(a,b){var c=this;this.addItems(a,function(a){c._addHideAppended(a),c.layout(a),c._revealAppended(a,b)})},_addHideAppended:function(a){this.$filteredAtoms=this.$filteredAtoms.add(a),a.addClass("no-transition"),this._isInserting=!0,this.styleQueue.push({$el:a,style:this.options.hiddenStyle})},_revealAppended:function(a,b){var c=this;setTimeout(function(){a.removeClass("no-transition"),c.styleQueue.push({$el:a,style:c.options.visibleStyle}),c._isInserting=!1,c._processStyleQueue(a,b)},10)},reloadItems:function(){this.$allAtoms=this._getAtoms(this.element.children())},remove:function(a){var b=this,c=function(){b.$allAtoms=b.$allAtoms.not(a),a.remove()};a.filter(":not(."+this.options.hiddenClass+")").length?(this.styleQueue.push({$el:a,style:this.options.hiddenStyle}),this.$filteredAtoms=this.$filteredAtoms.not(a),this._sort(),this.reLayout(c)):c()},shuffle:function(a){this.updateSortData(this.$allAtoms),this.options.sortBy="random",this._sort(),this.reLayout(a)},destroy:function(){var c=this.usingTransforms;this.$allAtoms.removeClass(this.options.hiddenClass+" "+this.options.itemClass).each(function(){this.style.position="",this.style.top="",this.style.left="",this.style.opacity="",c&&(this.style[g]="")});var d=this.element[0].style;for(var e=0,f=q.length;ed&&(e.x=0,e.y=e.height),c._pushPosition(a,e.x,e.y),e.height=Math.max(e.y+g,e.height),e.x+=f})},_fitRowsGetContainerSize:function(){return{height:this.fitRows.height}},_fitRowsResizeChanged:function(){return!0},_cellsByRowReset:function(){this.cellsByRow={index:0},this._getSegments(),this._getSegments(!0)},_cellsByRowLayout:function(a){var c=this,d=this.cellsByRow;a.each(function(){var a=b(this),e=d.index%d.cols,f=Math.floor(d.index/d.cols),g=Math.round((e+.5)*d.columnWidth-a.outerWidth(!0)/2),h=Math.round((f+.5)*d.rowHeight-a.outerHeight(!0)/2);c._pushPosition(a,g,h),d.index++})},_cellsByRowGetContainerSize:function(){return{height:Math.ceil(this.$filteredAtoms.length/this.cellsByRow.cols)*this.cellsByRow.rowHeight+this.offset.top}},_cellsByRowResizeChanged:function(){return this._checkIfSegmentsChanged()},_straightDownReset:function(){this.straightDown={y:0}},_straightDownLayout:function(a){var c=this;a.each(function(a){var d=b(this);c._pushPosition(d,0,c.straightDown.y),c.straightDown.y+=d.outerHeight(!0)})},_straightDownGetContainerSize:function(){return{height:this.straightDown.y}},_straightDownResizeChanged:function(){return!0},_masonryHorizontalReset:function(){this.masonryHorizontal={},this._getSegments(!0);var a=this.masonryHorizontal.rows;this.masonryHorizontal.rowXs=[];while(a--)this.masonryHorizontal.rowXs.push(0)},_masonryHorizontalLayout:function(a){var c=this,d=c.masonryHorizontal;a.each(function(){var a=b(this),e=Math.ceil(a.outerHeight(!0)/d.rowHeight);e=Math.min(e,d.rows);if(e===1)c._masonryHorizontalPlaceBrick(a,d.rowXs);else{var f=d.rows+1-e,g=[],h,i;for(i=0;id&&(e.x=e.width,e.y=0),c._pushPosition(a,e.x,e.y),e.width=Math.max(e.x+f,e.width),e.y+=g})},_fitColumnsGetContainerSize:function(){return{width:this.fitColumns.width}},_fitColumnsResizeChanged:function(){return!0},_cellsByColumnReset:function(){this.cellsByColumn={index:0},this._getSegments(),this._getSegments(!0)},_cellsByColumnLayout:function(a){var c=this,d=this.cellsByColumn;a.each(function(){var a=b(this),e=Math.floor(d.index/d.rows),f=d.index%d.rows,g=Math.round((e+.5)*d.columnWidth-a.outerWidth(!0)/2),h=Math.round((f+.5)*d.rowHeight-a.outerHeight(!0)/2);c._pushPosition(a,g,h),d.index++})},_cellsByColumnGetContainerSize:function(){return{width:Math.ceil(this.$filteredAtoms.length/this.cellsByColumn.rows)*this.cellsByColumn.columnWidth}},_cellsByColumnResizeChanged:function(){return this._checkIfSegmentsChanged(!0)},_straightAcrossReset:function(){this.straightAcross={x:0}},_straightAcrossLayout:function(a){var c=this;a.each(function(a){var d=b(this);c._pushPosition(d,c.straightAcross.x,0),c.straightAcross.x+=d.outerWidth(!0)})},_straightAcrossGetContainerSize:function(){return{width:this.straightAcross.x}},_straightAcrossResizeChanged:function(){return!0}},b.fn.imagesLoaded=function(a){function h(a){--e<=0&&a.target.src!==f&&(setTimeout(g),d.unbind("load error",h))}function g(){a.call(b,d)}var b=this,d=b.find("img").add(b.filter("img")),e=d.length,f="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";e||g(),d.bind("load error",h).each(function(){if(this.complete||this.complete===c){var a=this.src;this.src=f,this.src=a}});return b};var r=function(b){a.console&&a.console.error(b)};b.fn.isotope=function(a,c){if(typeof a=="string"){var d=Array.prototype.slice.call(arguments,1);this.each(function(){var c=b.data(this,"isotope");if(!c)r("cannot call methods on isotope prior to initialization; attempted to call method '"+a+"'");else{if(!b.isFunction(c[a])||a.charAt(0)==="_"){r("no such method '"+a+"' for isotope instance");return}c[a].apply(c,d)}})}else this.each(function(){var d=b.data(this,"isotope");d?(d.option(a),d._init(c)):b.data(this,"isotope",new b.Isotope(a,this,c))});return this}})(window,jQuery); diff --git a/js/jquery.livetweet.js b/js/jquery.livetweet.js new file mode 100644 index 0000000..ec52acc --- /dev/null +++ b/js/jquery.livetweet.js @@ -0,0 +1,137 @@ +/* +JQUERY LIVETWEET 0.5 +by Sergio Martino +http://www.dailygrind.it +https://github.com/sergiomartino/jQuery-LiveTweet +*/ + +(function($){ + var settings = { + 'limit' : 5, + 'username' : 'jeresig', + 'timeout' : 2000, + 'html_before' : '
    ', + 'html_tweets' : '
  • {text}
    {date}
    • ', + 'html_after' : '
', + 'lang' : 'en', + 'use_relative_dates' : true, + 'format_date' : function(d) { + return (this.use_relative_dates) ? $.fn.livetweet('relative_date',d) : $.fn.livetweet('format_date', d); + } + }; + + var loc = { + 'en' : { + 'months' : 'JAN,FEB,MAR,APR,MAY,JUN,JUL,AUG,SEP,OCT,NOV,DEC', + 'days' : 'Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday', + 'time_span' : 'seconds ago,about 1 minute ago,minutes ago,about 1 hour ago,hours ago,about 1 day ago,days ago,long time ago', + 'error' : 'An error has occured!', + 'loading' : 'Loading...' + }, + 'id' : { + 'months' : 'JAN,FEB,MAR,APR,MEI,JUN,JUL,AUG,SEP,OKT,NOV,DES', + 'days' : 'Minggu,Senin,Selasa,Rabu,Kamis,Jumat,Sabtu', + 'time_span' : 'detik lalu,sekitar 1 menit lalu,menit lalu,sekitar 1 jam lalu,jam lalu,sekitar 1 hari lalu,hari lalu,sejak lama', + 'error' : 'Kesalahan telah terjadi!', + 'loading' : 'Memuat...' + }, + 'it' : { + 'months' : 'GEN,FEB,MAR,APR,MAG,GIU,LUG,AGO,SET,OTT,NOV,DIC', + 'days' : 'Domenica,Lunedì,Martedì,Mercoledì,Giovedì,Venerdì,Sabato', + 'time_span' : 'secondi fa,circa 1 minuto fa,minuti fa,circa 1 ora fa,ore fa,circa 1 giorno fa,giorni fa,tempo fa', + 'error' : 'Si è verificato un errore!', + 'loading' : 'Caricamento...' + }, + 'fr' : { + 'months' : 'JAN,FEV,MAR,AVR,MAI,JUIN,JUIL,AOUT,SEP,OCT,NOV,DEC', + 'days' : 'Dimanche,Lundi,Mardi,Mercredi,Jeudi,Vendredi,Samedi', + 'time_span' : 'quelques secondes plus tôt,il y a 1 minute,quelques minutes plus tôt,il y a une heure,quelques heures plus tôt,un jour plus tôt,quelques jours plus tôt, il y a un moment', + 'error' : 'Une erreur est apparue!', + 'loading' : 'Chargement...' + }, + 'de' : { + 'months' : 'JAN,FEB,MÄR,APR,MAI,JUN,JUL,AUG,SEP,OKT,NOV,DEZ', + 'days' : 'Sonntag,Montag,Dienstag,Mittwoch,Donnerstag,Freitag,Samstag', + 'time_span' : 'Sekunden alt,ungefähr 1 Minute alt,Minuten alt,ungefähr 1 Stunde alt,Stunden alt,ungefähr 1 Tag alt,Tage alt,vor langer Zeit', + 'error' : 'Ein Fehler ist aufgetreten!', + 'loading' : 'Laden...' + } + }; + + var _months, _days, _timespan; + + var methods = { + init : function(options) { + var $this = this; + if(options) $.extend(settings, options); + + _months = loc[settings.lang]['months'].split(','); + _days = loc[settings.lang]['days'].split(','); + _timespan = loc[settings.lang]['time_span'].split(','); + + $.ajax({ + beforeSend : function() {$this.html(''+loc[settings.lang]['loading']+'');}, + url: 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name='+settings.username+'&count='+settings.limit, + type: 'GET', + dataType: 'jsonp', + timeout: settings.timeout, + error: function() { + $this.html(''+loc[settings.lang]['error']+''); + }, + success: function(json){ + $this.find(".livetweet-loading").remove(); + rt = settings.html_before; + tweets = ''; + for(i=0;i$1'); + t = t.replace(rxp_user,'@$1'); + t = t.replace(rxp_hash,'#$1'); + + return t; + }, + + format_date : function(dt) { + return _days[dt.getDay()]+ ' ' + dt.getDate() + ' ' + _months[dt.getMonth()] + ' ' + dt.getFullYear(); + }, + + relative_date : function(dt) { + diff = ((new Date()).getTime() - dt.getTime())/1000; + if(diff < 60) return Math.round(diff) + ' ' + _timespan[0]; + if(diff >= 60 && diff < 120) return _timespan[1]; + if(diff >= 120 && diff < 3600) return Math.floor(diff/60) + ' ' + _timespan[2]; + if(diff >= 3600 && diff < 7200) return _timespan[3]; + if(diff >= 7200 && diff < 86400) return Math.floor(diff/60/60) + ' ' + _timespan[4]; + if(diff >= 86400 && diff < 172800) return _timespan[5]; + if(diff >= 172800 && diff < 2592000) return Math.floor(diff/60/60/24) + ' ' + _timespan[6]; + if(diff >= 2592000) return _timespan[7]; + } + }; + + $.fn.livetweet = function(method) { + if(methods[method]) { + return methods[method].apply(this, Array.prototype.slice.call(arguments,1)); + } else if(typeof method === 'object' || !method) { + return methods.init.apply(this, arguments); + } else { + $.error('Method '+method+' does not exist on jQuery.livetweet'); + } + }; +})(jQuery); \ No newline at end of file diff --git a/js/jquery.nivo.slider.js b/js/jquery.nivo.slider.js new file mode 100644 index 0000000..95aeb63 --- /dev/null +++ b/js/jquery.nivo.slider.js @@ -0,0 +1,694 @@ +/* + * jQuery Nivo Slider v2.7.1 + * http://nivo.dev7studios.com + * + * Copyright 2011, Gilbert Pellegrom + * Free to use and abuse under the MIT license. + * http://www.opensource.org/licenses/mit-license.php + * + * March 2010 + */ + +(function($) { + + var NivoSlider = function(element, options){ + //Defaults are below + var settings = $.extend({}, $.fn.nivoSlider.defaults, options); + + //Useful variables. Play carefully. + var vars = { + currentSlide: 0, + currentImage: '', + totalSlides: 0, + running: false, + paused: false, + stop: false + }; + + //Get this slider + var slider = $(element); + slider.data('nivo:vars', vars); + slider.css('position','relative'); + slider.addClass('nivoSlider'); + + //Find our slider children + var kids = slider.children(); + kids.each(function() { + var child = $(this); + var link = ''; + if(!child.is('img')){ + if(child.is('a')){ + child.addClass('nivo-imageLink'); + link = child; + } + child = child.find('img:first'); + } + //Get img width & height + var childWidth = child.width(); + if(childWidth == 0) childWidth = child.attr('width'); + var childHeight = child.height(); + if(childHeight == 0) childHeight = child.attr('height'); + //Resize the slider + if(childWidth > slider.width()){ + slider.width(childWidth); + } + if(childHeight > slider.height()){ + slider.height(childHeight); + } + if(link != ''){ + link.css('display','none'); + } + child.css('display','none'); + vars.totalSlides++; + }); + + //If randomStart + if(settings.randomStart){ + settings.startSlide = Math.floor(Math.random() * vars.totalSlides); + } + + //Set startSlide + if(settings.startSlide > 0){ + if(settings.startSlide >= vars.totalSlides) settings.startSlide = vars.totalSlides - 1; + vars.currentSlide = settings.startSlide; + } + + //Get initial image + if($(kids[vars.currentSlide]).is('img')){ + vars.currentImage = $(kids[vars.currentSlide]); + } else { + vars.currentImage = $(kids[vars.currentSlide]).find('img:first'); + } + + //Show initial link + if($(kids[vars.currentSlide]).is('a')){ + $(kids[vars.currentSlide]).css('display','block'); + } + + //Set first background + slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); + + //Create caption + slider.append( + $('

').css({ display:'none', opacity:settings.captionOpacity }) + ); + + // Cross browser default caption opacity + $('.nivo-caption', slider).css('opacity', 0); + + // Process caption function + var processCaption = function(settings){ + var nivoCaption = $('.nivo-caption', slider); + if(vars.currentImage.attr('title') != '' && vars.currentImage.attr('title') != undefined){ + var title = vars.currentImage.attr('title'); + if(title.substr(0,1) == '#') title = $(title).html(); + + if(nivoCaption.css('opacity') != 0){ + nivoCaption.find('p').stop().fadeTo(settings.animSpeed, 0, function(){ + $(this).html(title); + $(this).stop().fadeTo(settings.animSpeed, 1); + }); + } else { + nivoCaption.find('p').html(title); + } + nivoCaption.stop().fadeTo(settings.animSpeed, settings.captionOpacity); + } else { + nivoCaption.stop().fadeTo(settings.animSpeed, 0); + } + } + + //Process initial caption + processCaption(settings); + + //In the words of Super Mario "let's a go!" + var timer = 0; + if(!settings.manualAdvance && kids.length > 1){ + timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime); + } + + //Add Direction nav + if(settings.directionNav){ + slider.append('
'+ settings.prevText +''+ settings.nextText +'
'); + + //Hide Direction nav + if(settings.directionNavHide){ + $('.nivo-directionNav', slider).hide(); + slider.hover(function(){ + $('.nivo-directionNav', slider).show(); + }, function(){ + $('.nivo-directionNav', slider).hide(); + }); + } + + $('a.nivo-prevNav', slider).live('click', function(){ + if(vars.running) return false; + clearInterval(timer); + timer = ''; + vars.currentSlide -= 2; + nivoRun(slider, kids, settings, 'prev'); + }); + + $('a.nivo-nextNav', slider).live('click', function(){ + if(vars.running) return false; + clearInterval(timer); + timer = ''; + nivoRun(slider, kids, settings, 'next'); + }); + } + + //Add Control nav + if(settings.controlNav){ + var nivoControl = $('
'); + slider.append(nivoControl); + for(var i = 0; i < kids.length; i++){ + if(settings.controlNavThumbs){ + var child = kids.eq(i); + if(!child.is('img')){ + child = child.find('img:first'); + } + if (settings.controlNavThumbsFromRel) { + nivoControl.append(''); + } else { + nivoControl.append(''); + } + } else { + nivoControl.append(''+ (i + 1) +''); + } + + } + //Set initial active link + $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active'); + + $('.nivo-controlNav a', slider).live('click', function(){ + if(vars.running) return false; + if($(this).hasClass('active')) return false; + clearInterval(timer); + timer = ''; + slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); + vars.currentSlide = $(this).attr('rel') - 1; + nivoRun(slider, kids, settings, 'control'); + }); + } + + //Keyboard Navigation + if(settings.keyboardNav){ + $(window).keypress(function(event){ + //Left + if(event.keyCode == '37'){ + if(vars.running) return false; + clearInterval(timer); + timer = ''; + vars.currentSlide-=2; + nivoRun(slider, kids, settings, 'prev'); + } + //Right + if(event.keyCode == '39'){ + if(vars.running) return false; + clearInterval(timer); + timer = ''; + nivoRun(slider, kids, settings, 'next'); + } + }); + } + + //For pauseOnHover setting + if(settings.pauseOnHover){ + slider.hover(function(){ + vars.paused = true; + clearInterval(timer); + timer = ''; + }, function(){ + vars.paused = false; + //Restart the timer + if(timer == '' && !settings.manualAdvance){ + timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime); + } + }); + } + + //Event when Animation finishes + slider.bind('nivo:animFinished', function(){ + vars.running = false; + //Hide child links + $(kids).each(function(){ + if($(this).is('a')){ + $(this).css('display','none'); + } + }); + //Show current link + if($(kids[vars.currentSlide]).is('a')){ + $(kids[vars.currentSlide]).css('display','block'); + } + //Restart the timer + if(timer == '' && !vars.paused && !settings.manualAdvance){ + timer = setInterval(function(){ nivoRun(slider, kids, settings, false); }, settings.pauseTime); + } + //Trigger the afterChange callback + settings.afterChange.call(this); + }); + + // Add slices for slice animations + var createSlices = function(slider, settings, vars){ + for(var i = 0; i < settings.slices; i++){ + var sliceWidth = Math.round(slider.width()/settings.slices); + if(i == settings.slices-1){ + slider.append( + $('
').css({ + left:(sliceWidth*i)+'px', width:(slider.width()-(sliceWidth*i))+'px', + height:'0px', + opacity:'0', + background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' + }) + ); + } else { + slider.append( + $('
').css({ + left:(sliceWidth*i)+'px', width:sliceWidth+'px', + height:'0px', + opacity:'0', + background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((sliceWidth + (i * sliceWidth)) - sliceWidth) +'px 0%' + }) + ); + } + } + } + + // Add boxes for box animations + var createBoxes = function(slider, settings, vars){ + var boxWidth = Math.round(slider.width()/settings.boxCols); + var boxHeight = Math.round(slider.height()/settings.boxRows); + + for(var rows = 0; rows < settings.boxRows; rows++){ + for(var cols = 0; cols < settings.boxCols; cols++){ + if(cols == settings.boxCols-1){ + slider.append( + $('
').css({ + opacity:0, + left:(boxWidth*cols)+'px', + top:(boxHeight*rows)+'px', + width:(slider.width()-(boxWidth*cols))+'px', + height:boxHeight+'px', + background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px' + }) + ); + } else { + slider.append( + $('
').css({ + opacity:0, + left:(boxWidth*cols)+'px', + top:(boxHeight*rows)+'px', + width:boxWidth+'px', + height:boxHeight+'px', + background: 'url("'+ vars.currentImage.attr('src') +'") no-repeat -'+ ((boxWidth + (cols * boxWidth)) - boxWidth) +'px -'+ ((boxHeight + (rows * boxHeight)) - boxHeight) +'px' + }) + ); + } + } + } + } + + // Private run method + var nivoRun = function(slider, kids, settings, nudge){ + //Get our vars + var vars = slider.data('nivo:vars'); + + //Trigger the lastSlide callback + if(vars && (vars.currentSlide == vars.totalSlides - 1)){ + settings.lastSlide.call(this); + } + + // Stop + if((!vars || vars.stop) && !nudge) return false; + + //Trigger the beforeChange callback + settings.beforeChange.call(this); + + //Set current background before change + if(!nudge){ + slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); + } else { + if(nudge == 'prev'){ + slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); + } + if(nudge == 'next'){ + slider.css('background','url("'+ vars.currentImage.attr('src') +'") no-repeat'); + } + } + vars.currentSlide++; + //Trigger the slideshowEnd callback + if(vars.currentSlide == vars.totalSlides){ + vars.currentSlide = 0; + settings.slideshowEnd.call(this); + } + if(vars.currentSlide < 0) vars.currentSlide = (vars.totalSlides - 1); + //Set vars.currentImage + if($(kids[vars.currentSlide]).is('img')){ + vars.currentImage = $(kids[vars.currentSlide]); + } else { + vars.currentImage = $(kids[vars.currentSlide]).find('img:first'); + } + + //Set active links + if(settings.controlNav){ + $('.nivo-controlNav a', slider).removeClass('active'); + $('.nivo-controlNav a:eq('+ vars.currentSlide +')', slider).addClass('active'); + } + + //Process caption + processCaption(settings); + + // Remove any slices from last transition + $('.nivo-slice', slider).remove(); + + // Remove any boxes from last transition + $('.nivo-box', slider).remove(); + + var currentEffect = settings.effect; + //Generate random effect + if(settings.effect == 'random'){ + var anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade', + 'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse'); + currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))]; + if(currentEffect == undefined) currentEffect = 'fade'; + } + + //Run random effect from specified set (eg: effect:'fold,fade') + if(settings.effect.indexOf(',') != -1){ + var anims = settings.effect.split(','); + currentEffect = anims[Math.floor(Math.random()*(anims.length))]; + if(currentEffect == undefined) currentEffect = 'fade'; + } + + //Custom transition as defined by "data-transition" attribute + if(vars.currentImage.attr('data-transition')){ + currentEffect = vars.currentImage.attr('data-transition'); + } + + //Run effects + vars.running = true; + if(currentEffect == 'sliceDown' || currentEffect == 'sliceDownRight' || currentEffect == 'sliceDownLeft'){ + createSlices(slider, settings, vars); + var timeBuff = 0; + var i = 0; + var slices = $('.nivo-slice', slider); + if(currentEffect == 'sliceDownLeft') slices = $('.nivo-slice', slider)._reverse(); + + slices.each(function(){ + var slice = $(this); + slice.css({ 'top': '0px' }); + if(i == settings.slices-1){ + setTimeout(function(){ + slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); + }, (100 + timeBuff)); + } else { + setTimeout(function(){ + slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed); + }, (100 + timeBuff)); + } + timeBuff += 50; + i++; + }); + } + else if(currentEffect == 'sliceUp' || currentEffect == 'sliceUpRight' || currentEffect == 'sliceUpLeft'){ + createSlices(slider, settings, vars); + var timeBuff = 0; + var i = 0; + var slices = $('.nivo-slice', slider); + if(currentEffect == 'sliceUpLeft') slices = $('.nivo-slice', slider)._reverse(); + + slices.each(function(){ + var slice = $(this); + slice.css({ 'bottom': '0px' }); + if(i == settings.slices-1){ + setTimeout(function(){ + slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); + }, (100 + timeBuff)); + } else { + setTimeout(function(){ + slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed); + }, (100 + timeBuff)); + } + timeBuff += 50; + i++; + }); + } + else if(currentEffect == 'sliceUpDown' || currentEffect == 'sliceUpDownRight' || currentEffect == 'sliceUpDownLeft'){ + createSlices(slider, settings, vars); + var timeBuff = 0; + var i = 0; + var v = 0; + var slices = $('.nivo-slice', slider); + if(currentEffect == 'sliceUpDownLeft') slices = $('.nivo-slice', slider)._reverse(); + + slices.each(function(){ + var slice = $(this); + if(i == 0){ + slice.css('top','0px'); + i++; + } else { + slice.css('bottom','0px'); + i = 0; + } + + if(v == settings.slices-1){ + setTimeout(function(){ + slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); + }, (100 + timeBuff)); + } else { + setTimeout(function(){ + slice.animate({ height:'100%', opacity:'1.0' }, settings.animSpeed); + }, (100 + timeBuff)); + } + timeBuff += 50; + v++; + }); + } + else if(currentEffect == 'fold'){ + createSlices(slider, settings, vars); + var timeBuff = 0; + var i = 0; + + $('.nivo-slice', slider).each(function(){ + var slice = $(this); + var origWidth = slice.width(); + slice.css({ top:'0px', height:'100%', width:'0px' }); + if(i == settings.slices-1){ + setTimeout(function(){ + slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); + }, (100 + timeBuff)); + } else { + setTimeout(function(){ + slice.animate({ width:origWidth, opacity:'1.0' }, settings.animSpeed); + }, (100 + timeBuff)); + } + timeBuff += 50; + i++; + }); + } + else if(currentEffect == 'fade'){ + createSlices(slider, settings, vars); + + var firstSlice = $('.nivo-slice:first', slider); + firstSlice.css({ + 'height': '100%', + 'width': slider.width() + 'px' + }); + + firstSlice.animate({ opacity:'1.0' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); }); + } + else if(currentEffect == 'slideInRight'){ + createSlices(slider, settings, vars); + + var firstSlice = $('.nivo-slice:first', slider); + firstSlice.css({ + 'height': '100%', + 'width': '0px', + 'opacity': '1' + }); + + firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ slider.trigger('nivo:animFinished'); }); + } + else if(currentEffect == 'slideInLeft'){ + createSlices(slider, settings, vars); + + var firstSlice = $('.nivo-slice:first', slider); + firstSlice.css({ + 'height': '100%', + 'width': '0px', + 'opacity': '1', + 'left': '', + 'right': '0px' + }); + + firstSlice.animate({ width: slider.width() + 'px' }, (settings.animSpeed*2), '', function(){ + // Reset positioning + firstSlice.css({ + 'left': '0px', + 'right': '' + }); + slider.trigger('nivo:animFinished'); + }); + } + else if(currentEffect == 'boxRandom'){ + createBoxes(slider, settings, vars); + + var totalBoxes = settings.boxCols * settings.boxRows; + var i = 0; + var timeBuff = 0; + + var boxes = shuffle($('.nivo-box', slider)); + boxes.each(function(){ + var box = $(this); + if(i == totalBoxes-1){ + setTimeout(function(){ + box.animate({ opacity:'1' }, settings.animSpeed, '', function(){ slider.trigger('nivo:animFinished'); }); + }, (100 + timeBuff)); + } else { + setTimeout(function(){ + box.animate({ opacity:'1' }, settings.animSpeed); + }, (100 + timeBuff)); + } + timeBuff += 20; + i++; + }); + } + else if(currentEffect == 'boxRain' || currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrow' || currentEffect == 'boxRainGrowReverse'){ + createBoxes(slider, settings, vars); + + var totalBoxes = settings.boxCols * settings.boxRows; + var i = 0; + var timeBuff = 0; + + // Split boxes into 2D array + var rowIndex = 0; + var colIndex = 0; + var box2Darr = new Array(); + box2Darr[rowIndex] = new Array(); + var boxes = $('.nivo-box', slider); + if(currentEffect == 'boxRainReverse' || currentEffect == 'boxRainGrowReverse'){ + boxes = $('.nivo-box', slider)._reverse(); + } + boxes.each(function(){ + box2Darr[rowIndex][colIndex] = $(this); + colIndex++; + if(colIndex == settings.boxCols){ + rowIndex++; + colIndex = 0; + box2Darr[rowIndex] = new Array(); + } + }); + + // Run animation + for(var cols = 0; cols < (settings.boxCols * 2); cols++){ + var prevCol = cols; + for(var rows = 0; rows < settings.boxRows; rows++){ + if(prevCol >= 0 && prevCol < settings.boxCols){ + /* Due to some weird JS bug with loop vars + being used in setTimeout, this is wrapped + with an anonymous function call */ + (function(row, col, time, i, totalBoxes) { + var box = $(box2Darr[row][col]); + var w = box.width(); + var h = box.height(); + if(currentEffect == 'boxRainGrow' || currentEffect == 'boxRainGrowReverse'){ + box.width(0).height(0); + } + if(i == totalBoxes-1){ + setTimeout(function(){ + box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3, '', function(){ slider.trigger('nivo:animFinished'); }); + }, (100 + time)); + } else { + setTimeout(function(){ + box.animate({ opacity:'1', width:w, height:h }, settings.animSpeed/1.3); + }, (100 + time)); + } + })(rows, prevCol, timeBuff, i, totalBoxes); + i++; + } + prevCol--; + } + timeBuff += 100; + } + } + } + + // Shuffle an array + var shuffle = function(arr){ + for(var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x); + return arr; + } + + // For debugging + var trace = function(msg){ + if (this.console && typeof console.log != "undefined") + console.log(msg); + } + + // Start / Stop + this.stop = function(){ + if(!$(element).data('nivo:vars').stop){ + $(element).data('nivo:vars').stop = true; + trace('Stop Slider'); + } + } + + this.start = function(){ + if($(element).data('nivo:vars').stop){ + $(element).data('nivo:vars').stop = false; + trace('Start Slider'); + } + } + + //Trigger the afterLoad callback + settings.afterLoad.call(this); + + return this; + }; + + $.fn.nivoSlider = function(options) { + + return this.each(function(key, value){ + var element = $(this); + // Return early if this element already has a plugin instance + if (element.data('nivoslider')) return element.data('nivoslider'); + // Pass options to plugin constructor + var nivoslider = new NivoSlider(this, options); + // Store plugin object in this element's data + element.data('nivoslider', nivoslider); + }); + + }; + + //Default settings + $.fn.nivoSlider.defaults = { + effect: 'random', + slices: 15, + boxCols: 8, + boxRows: 4, + animSpeed: 500, + pauseTime: 3000, + startSlide: 0, + directionNav: true, + directionNavHide: true, + controlNav: true, + controlNavThumbs: false, + controlNavThumbsFromRel: false, + controlNavThumbsSearch: '.jpg', + controlNavThumbsReplace: '_thumb.jpg', + keyboardNav: true, + pauseOnHover: true, + manualAdvance: false, + captionOpacity: 0.8, + prevText: 'Prev', + nextText: 'Next', + randomStart: false, + beforeChange: function(){}, + afterChange: function(){}, + slideshowEnd: function(){}, + lastSlide: function(){}, + afterLoad: function(){} + }; + + $.fn._reverse = [].reverse; + +})(jQuery); \ No newline at end of file diff --git a/js/jquery.prettyPhoto.js b/js/jquery.prettyPhoto.js new file mode 100644 index 0000000..80dc963 --- /dev/null +++ b/js/jquery.prettyPhoto.js @@ -0,0 +1,81 @@ +/* ------------------------------------------------------------------------ + Class: prettyPhoto + Use: Lightbox clone for jQuery + Author: Stephane Caron (http://www.no-margin-for-errors.com) + Version: 3.1.3 +------------------------------------------------------------------------- */ + +(function($){$.prettyPhoto={version:'3.1.3'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({animation_speed:'fast',slideshow:5000,autoplay_slideshow:false,opacity:0.80,show_title:true,allow_resize:true,default_width:500,default_height:344,counter_separator_label:'/',theme:'pp_default',horizontal_padding:20,hideflash:false,wmode:'opaque',autoplay:true,modal:false,deeplinking:true,overlay_gallery:true,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},ie6_fallback:true,markup:'
\ +
 
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ + Expand \ +
\ + next \ + previous \ +
\ +
\ +
\ +
\ + Previous \ +

0/0

\ + Next \ +
\ +

\ +
{pp_social}
\ + Close \ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
\ +
',gallery_markup:'
\ + Previous \ +
\ +
    \ + {gallery} \ +
\ +
\ + Next \ +
',image_markup:'',flash_markup:'',quicktime_markup:'',iframe_markup:'',inline_markup:'
{content}
',custom_markup:'',social_tools:''},pp_settings);var matchedObjects=this,percentBased=false,pp_dimensions,pp_open,pp_contentHeight,pp_contentWidth,pp_containerHeight,pp_containerWidth,windowHeight=$(window).height(),windowWidth=$(window).width(),pp_slideshow;doresize=true,scroll_pos=_get_scroll();$(window).unbind('resize.prettyphoto').bind('resize.prettyphoto',function(){_center_overlay();_resize_overlay();});if(pp_settings.keyboard_shortcuts){$(document).unbind('keydown.prettyphoto').bind('keydown.prettyphoto',function(e){if(typeof $pp_pic_holder!='undefined'){if($pp_pic_holder.is(':visible')){switch(e.keyCode){case 37:$.prettyPhoto.changePage('previous');e.preventDefault();break;case 39:$.prettyPhoto.changePage('next');e.preventDefault();break;case 27:if(!settings.modal) +$.prettyPhoto.close();e.preventDefault();break;};};};});};$.prettyPhoto.initialize=function(){settings=pp_settings;if(settings.theme=='pp_default')settings.horizontal_padding=16;if(settings.ie6_fallback&&$.browser.msie&&parseInt($.browser.version)==6)settings.theme="light_square";theRel=$(this).attr('rel');galleryRegExp=/\[(?:.*)\]/;isSet=(galleryRegExp.exec(theRel))?true:false;pp_images=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return $(n).attr('href');}):$.makeArray($(this).attr('href'));pp_titles=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return($(n).find('img').attr('alt'))?$(n).find('img').attr('alt'):"";}):$.makeArray($(this).find('img').attr('alt'));pp_descriptions=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return($(n).attr('title'))?$(n).attr('title'):"";}):$.makeArray($(this).attr('title'));if(pp_images.length>30)settings.overlay_gallery=false;set_position=jQuery.inArray($(this).attr('href'),pp_images);rel_index=(isSet)?set_position:$("a[rel^='"+theRel+"']").index($(this));_build_overlay(this);if(settings.allow_resize) +$(window).bind('scroll.prettyphoto',function(){_center_overlay();});$.prettyPhoto.open();return false;} +$.prettyPhoto.open=function(event){if(typeof settings=="undefined"){settings=pp_settings;if($.browser.msie&&$.browser.version==6)settings.theme="light_square";pp_images=$.makeArray(arguments[0]);pp_titles=(arguments[1])?$.makeArray(arguments[1]):$.makeArray("");pp_descriptions=(arguments[2])?$.makeArray(arguments[2]):$.makeArray("");isSet=(pp_images.length>1)?true:false;set_position=0;_build_overlay(event.target);} +if($.browser.msie&&$.browser.version==6)$('select').css('visibility','hidden');if(settings.hideflash)$('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','hidden');_checkPosition($(pp_images).size());$('.pp_loaderIcon').show();if(settings.deeplinking) +setHashtag();if(settings.social_tools){facebook_like_link=settings.social_tools.replace('{location_href}',encodeURIComponent(location.href));$pp_pic_holder.find('.pp_social').html(facebook_like_link);} +if($ppt.is(':hidden'))$ppt.css('opacity',0).show();$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity);$pp_pic_holder.find('.currentTextHolder').text((set_position+1)+settings.counter_separator_label+$(pp_images).size());if(pp_descriptions[set_position]!=""){$pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position]));}else{$pp_pic_holder.find('.pp_description').hide();} +movie_width=(parseFloat(getParam('width',pp_images[set_position])))?getParam('width',pp_images[set_position]):settings.default_width.toString();movie_height=(parseFloat(getParam('height',pp_images[set_position])))?getParam('height',pp_images[set_position]):settings.default_height.toString();percentBased=false;if(movie_height.indexOf('%')!=-1){movie_height=parseFloat(($(window).height()*parseFloat(movie_height)/100)-150);percentBased=true;} +if(movie_width.indexOf('%')!=-1){movie_width=parseFloat(($(window).width()*parseFloat(movie_width)/100)-150);percentBased=true;} +$pp_pic_holder.fadeIn(function(){(settings.show_title&&pp_titles[set_position]!=""&&typeof pp_titles[set_position]!="undefined")?$ppt.html(unescape(pp_titles[set_position])):$ppt.html(' ');imgPreloader="";skipInjection=false;switch(_getFileType(pp_images[set_position])){case'image':imgPreloader=new Image();nextImage=new Image();if(isSet&&set_position<$(pp_images).size()-1)nextImage.src=pp_images[set_position+1];prevImage=new Image();if(isSet&&pp_images[set_position-1])prevImage.src=pp_images[set_position-1];$pp_pic_holder.find('#pp_full_res')[0].innerHTML=settings.image_markup.replace(/{path}/g,pp_images[set_position]);imgPreloader.onload=function(){pp_dimensions=_fitToViewport(imgPreloader.width,imgPreloader.height);_showContent();};imgPreloader.onerror=function(){alert('Image cannot be loaded. Make sure the path is correct and image exist.');$.prettyPhoto.close();};imgPreloader.src=pp_images[set_position];break;case'youtube':pp_dimensions=_fitToViewport(movie_width,movie_height);movie_id=getParam('v',pp_images[set_position]);if(movie_id==""){movie_id=pp_images[set_position].split('youtu.be/');movie_id=movie_id[1];if(movie_id.indexOf('?')>0) +movie_id=movie_id.substr(0,movie_id.indexOf('?'));if(movie_id.indexOf('&')>0) +movie_id=movie_id.substr(0,movie_id.indexOf('&'));} +movie='http://www.youtube.com/embed/'+movie_id;(getParam('rel',pp_images[set_position]))?movie+="?rel="+getParam('rel',pp_images[set_position]):movie+="?rel=1";if(settings.autoplay)movie+="&autoplay=1";toInject=settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);break;case'vimeo':pp_dimensions=_fitToViewport(movie_width,movie_height);movie_id=pp_images[set_position];var regExp=/http:\/\/(www\.)?vimeo.com\/(\d+)/;var match=movie_id.match(regExp);movie='http://player.vimeo.com/video/'+match[2]+'?title=0&byline=0&portrait=0';if(settings.autoplay)movie+="&autoplay=1;";vimeo_width=pp_dimensions['width']+'/embed/?moog_width='+pp_dimensions['width'];toInject=settings.iframe_markup.replace(/{width}/g,vimeo_width).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,movie);break;case'quicktime':pp_dimensions=_fitToViewport(movie_width,movie_height);pp_dimensions['height']+=15;pp_dimensions['contentHeight']+=15;pp_dimensions['containerHeight']+=15;toInject=settings.quicktime_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);break;case'flash':pp_dimensions=_fitToViewport(movie_width,movie_height);flash_vars=pp_images[set_position];flash_vars=flash_vars.substring(pp_images[set_position].indexOf('flashvars')+10,pp_images[set_position].length);filename=pp_images[set_position];filename=filename.substring(0,filename.indexOf('?'));toInject=settings.flash_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars);break;case'iframe':pp_dimensions=_fitToViewport(movie_width,movie_height);frame_url=pp_images[set_position];frame_url=frame_url.substr(0,frame_url.indexOf('iframe')-1);toInject=settings.iframe_markup.replace(/{width}/g,pp_dimensions['width']).replace(/{height}/g,pp_dimensions['height']).replace(/{path}/g,frame_url);break;case'ajax':doresize=false;pp_dimensions=_fitToViewport(movie_width,movie_height);doresize=true;skipInjection=true;$.get(pp_images[set_position],function(responseHTML){toInject=settings.inline_markup.replace(/{content}/g,responseHTML);$pp_pic_holder.find('#pp_full_res')[0].innerHTML=toInject;_showContent();});break;case'custom':pp_dimensions=_fitToViewport(movie_width,movie_height);toInject=settings.custom_markup;break;case'inline':myClone=$(pp_images[set_position]).clone().append('
').css({'width':settings.default_width}).wrapInner('
').appendTo($('body')).show();doresize=false;pp_dimensions=_fitToViewport($(myClone).width(),$(myClone).height());doresize=true;$(myClone).remove();toInject=settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html());break;};if(!imgPreloader&&!skipInjection){$pp_pic_holder.find('#pp_full_res')[0].innerHTML=toInject;_showContent();};});return false;};$.prettyPhoto.changePage=function(direction){currentGalleryPage=0;if(direction=='previous'){set_position--;if(set_position<0)set_position=$(pp_images).size()-1;}else if(direction=='next'){set_position++;if(set_position>$(pp_images).size()-1)set_position=0;}else{set_position=direction;};rel_index=set_position;if(!doresize)doresize=true;$('.pp_contract').removeClass('pp_contract').addClass('pp_expand');_hideContent(function(){$.prettyPhoto.open();});};$.prettyPhoto.changeGalleryPage=function(direction){if(direction=='next'){currentGalleryPage++;if(currentGalleryPage>totalPage)currentGalleryPage=0;}else if(direction=='previous'){currentGalleryPage--;if(currentGalleryPage<0)currentGalleryPage=totalPage;}else{currentGalleryPage=direction;};slide_speed=(direction=='next'||direction=='previous')?settings.animation_speed:0;slide_to=currentGalleryPage*(itemsPerPage*itemWidth);$pp_gallery.find('ul').animate({left:-slide_to},slide_speed);};$.prettyPhoto.startSlideshow=function(){if(typeof pp_slideshow=='undefined'){$pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){$.prettyPhoto.stopSlideshow();return false;});pp_slideshow=setInterval($.prettyPhoto.startSlideshow,settings.slideshow);}else{$.prettyPhoto.changePage('next');};} +$.prettyPhoto.stopSlideshow=function(){$pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(function(){$.prettyPhoto.startSlideshow();return false;});clearInterval(pp_slideshow);pp_slideshow=undefined;} +$.prettyPhoto.close=function(){if($pp_overlay.is(":animated"))return;$.prettyPhoto.stopSlideshow();$pp_pic_holder.stop().find('object,embed').css('visibility','hidden');$('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){$(this).remove();});$pp_overlay.fadeOut(settings.animation_speed,function(){if($.browser.msie&&$.browser.version==6)$('select').css('visibility','visible');if(settings.hideflash)$('object,embed,iframe[src*=youtube],iframe[src*=vimeo]').css('visibility','visible');$(this).remove();$(window).unbind('scroll.prettyphoto');clearHashtag();settings.callback();doresize=true;pp_open=false;delete settings;});};function _showContent(){$('.pp_loaderIcon').hide();projectedTop=scroll_pos['scrollTop']+((windowHeight/2)-(pp_dimensions['containerHeight']/2));if(projectedTop<0)projectedTop=0;$ppt.fadeTo(settings.animation_speed,1);$pp_pic_holder.find('.pp_content').animate({height:pp_dimensions['contentHeight'],width:pp_dimensions['contentWidth']},settings.animation_speed);$pp_pic_holder.animate({'top':projectedTop,'left':(windowWidth/2)-(pp_dimensions['containerWidth']/2),width:pp_dimensions['containerWidth']},settings.animation_speed,function(){$pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(pp_dimensions['height']).width(pp_dimensions['width']);$pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed);if(isSet&&_getFileType(pp_images[set_position])=="image"){$pp_pic_holder.find('.pp_hoverContainer').show();}else{$pp_pic_holder.find('.pp_hoverContainer').hide();} +if(pp_dimensions['resized']){$('a.pp_expand,a.pp_contract').show();}else{$('a.pp_expand').hide();} +if(settings.autoplay_slideshow&&!pp_slideshow&&!pp_open)$.prettyPhoto.startSlideshow();settings.changepicturecallback();pp_open=true;});_insert_gallery();};function _hideContent(callback){$pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden');$pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){$('.pp_loaderIcon').show();callback();});};function _checkPosition(setCount){(setCount>1)?$('.pp_nav').show():$('.pp_nav').hide();};function _fitToViewport(width,height){resized=false;_getDimensions(width,height);imageWidth=width,imageHeight=height;if(((pp_containerWidth>windowWidth)||(pp_containerHeight>windowHeight))&&doresize&&settings.allow_resize&&!percentBased){resized=true,fitting=false;while(!fitting){if((pp_containerWidth>windowWidth)){imageWidth=(windowWidth-200);imageHeight=(height/width)*imageWidth;}else if((pp_containerHeight>windowHeight)){imageHeight=(windowHeight-200);imageWidth=(width/height)*imageHeight;}else{fitting=true;};pp_containerHeight=imageHeight,pp_containerWidth=imageWidth;};_getDimensions(imageWidth,imageHeight);if((pp_containerWidth>windowWidth)||(pp_containerHeight>windowHeight)){_fitToViewport(pp_containerWidth,pp_containerHeight)};};return{width:Math.floor(imageWidth),height:Math.floor(imageHeight),containerHeight:Math.floor(pp_containerHeight),containerWidth:Math.floor(pp_containerWidth)+(settings.horizontal_padding*2),contentHeight:Math.floor(pp_contentHeight),contentWidth:Math.floor(pp_contentWidth),resized:resized};};function _getDimensions(width,height){width=parseFloat(width);height=parseFloat(height);$pp_details=$pp_pic_holder.find('.pp_details');$pp_details.width(width);detailsHeight=parseFloat($pp_details.css('marginTop'))+parseFloat($pp_details.css('marginBottom'));$pp_details=$pp_details.clone().addClass(settings.theme).width(width).appendTo($('body')).css({'position':'absolute','top':-10000});detailsHeight+=$pp_details.height();detailsHeight=(detailsHeight<=34)?36:detailsHeight;if($.browser.msie&&$.browser.version==7)detailsHeight+=8;$pp_details.remove();$pp_title=$pp_pic_holder.find('.ppt');$pp_title.width(width);titleHeight=parseFloat($pp_title.css('marginTop'))+parseFloat($pp_title.css('marginBottom'));$pp_title=$pp_title.clone().appendTo($('body')).css({'position':'absolute','top':-10000});titleHeight+=$pp_title.height();$pp_title.remove();pp_contentHeight=height+detailsHeight;pp_contentWidth=width;pp_containerHeight=pp_contentHeight+titleHeight+$pp_pic_holder.find('.pp_top').height()+$pp_pic_holder.find('.pp_bottom').height();pp_containerWidth=width;} +function _getFileType(itemSrc){if(itemSrc.match(/youtube\.com\/watch/i)||itemSrc.match(/youtu\.be/i)){return'youtube';}else if(itemSrc.match(/vimeo\.com/i)){return'vimeo';}else if(itemSrc.match(/\b.mov\b/i)){return'quicktime';}else if(itemSrc.match(/\b.swf\b/i)){return'flash';}else if(itemSrc.match(/\biframe=true\b/i)){return'iframe';}else if(itemSrc.match(/\bajax=true\b/i)){return'ajax';}else if(itemSrc.match(/\bcustom=true\b/i)){return'custom';}else if(itemSrc.substr(0,1)=='#'){return'inline';}else{return'image';};};function _center_overlay(){if(doresize&&typeof $pp_pic_holder!='undefined'){scroll_pos=_get_scroll();contentHeight=$pp_pic_holder.height(),contentwidth=$pp_pic_holder.width();projectedTop=(windowHeight/2)+scroll_pos['scrollTop']-(contentHeight/2);if(projectedTop<0)projectedTop=0;if(contentHeight>windowHeight) +return;$pp_pic_holder.css({'top':projectedTop,'left':(windowWidth/2)+scroll_pos['scrollLeft']-(contentwidth/2)});};};function _get_scroll(){if(self.pageYOffset){return{scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset};}else if(document.documentElement&&document.documentElement.scrollTop){return{scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft};}else if(document.body){return{scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft};};};function _resize_overlay(){windowHeight=$(window).height(),windowWidth=$(window).width();if(typeof $pp_overlay!="undefined")$pp_overlay.height($(document).height()).width(windowWidth);};function _insert_gallery(){if(isSet&&settings.overlay_gallery&&_getFileType(pp_images[set_position])=="image"&&(settings.ie6_fallback&&!($.browser.msie&&parseInt($.browser.version)==6))){itemWidth=52+5;navWidth=(settings.theme=="facebook"||settings.theme=="pp_default")?50:30;itemsPerPage=Math.floor((pp_dimensions['containerWidth']-100-navWidth)/itemWidth);itemsPerPage=(itemsPerPage";};toInject=settings.gallery_markup.replace(/{gallery}/g,toInject);$pp_pic_holder.find('#pp_full_res').after(toInject);$pp_gallery=$('.pp_pic_holder .pp_gallery'),$pp_gallery_li=$pp_gallery.find('li');$pp_gallery.find('.pp_arrow_next').click(function(){$.prettyPhoto.changeGalleryPage('next');$.prettyPhoto.stopSlideshow();return false;});$pp_gallery.find('.pp_arrow_previous').click(function(){$.prettyPhoto.changeGalleryPage('previous');$.prettyPhoto.stopSlideshow();return false;});$pp_pic_holder.find('.pp_content').hover(function(){$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn();},function(){$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut();});itemWidth=52+5;$pp_gallery_li.each(function(i){$(this).find('a').click(function(){$.prettyPhoto.changePage(i);$.prettyPhoto.stopSlideshow();return false;});});};if(settings.slideshow){$pp_pic_holder.find('.pp_nav').prepend('Play') +$pp_pic_holder.find('.pp_nav .pp_play').click(function(){$.prettyPhoto.startSlideshow();return false;});} +$pp_pic_holder.attr('class','pp_pic_holder '+settings.theme);$pp_overlay.css({'opacity':0,'height':$(document).height(),'width':$(window).width()}).bind('click',function(){if(!settings.modal)$.prettyPhoto.close();});$('a.pp_close').bind('click',function(){$.prettyPhoto.close();return false;});$('a.pp_expand').bind('click',function(e){if($(this).hasClass('pp_expand')){$(this).removeClass('pp_expand').addClass('pp_contract');doresize=false;}else{$(this).removeClass('pp_contract').addClass('pp_expand');doresize=true;};_hideContent(function(){$.prettyPhoto.open();});return false;});$pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){$.prettyPhoto.changePage('previous');$.prettyPhoto.stopSlideshow();return false;});$pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){$.prettyPhoto.changePage('next');$.prettyPhoto.stopSlideshow();return false;});_center_overlay();};if(!pp_alreadyInitialized&&getHashtag()){pp_alreadyInitialized=true;hashIndex=getHashtag();hashRel=hashIndex;hashIndex=hashIndex.substring(hashIndex.indexOf('/')+1,hashIndex.length-1);hashRel=hashRel.substring(0,hashRel.indexOf('/'));setTimeout(function(){$("a[rel^='"+hashRel+"']:eq("+hashIndex+")").trigger('click');},50);} +return this.unbind('click.prettyphoto').bind('click.prettyphoto',$.prettyPhoto.initialize);};function getHashtag(){url=location.href;hashtag=(url.indexOf('#!')!=-1)?decodeURI(url.substring(url.indexOf('#!')+2,url.length)):false;return hashtag;};function setHashtag(){if(typeof theRel=='undefined')return;location.hash='!'+theRel+'/'+rel_index+'/';};function clearHashtag(){url=location.href;hashtag=(url.indexOf('#!prettyPhoto'))?true:false;if(hashtag)location.hash="!prettyPhoto";} +function getParam(name,url){name=name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var regexS="[\\?&]"+name+"=([^&#]*)";var regex=new RegExp(regexS);var results=regex.exec(url);return(results==null)?"":results[1];}})(jQuery);var pp_alreadyInitialized=false; \ No newline at end of file diff --git a/js/jquery.validate.js b/js/jquery.validate.js new file mode 100644 index 0000000..72296a6 --- /dev/null +++ b/js/jquery.validate.js @@ -0,0 +1,1166 @@ +/** + * jQuery Validation Plugin 1.8.1 + * + * http://bassistance.de/jquery-plugins/jquery-plugin-validation/ + * http://docs.jquery.com/Plugins/Validation + * + * Copyright (c) 2006 - 2011 Jörn Zaefferer + * + * Dual licensed under the MIT and GPL licenses: + * http://www.opensource.org/licenses/mit-license.php + * http://www.gnu.org/licenses/gpl.html + */ + +(function($) { + +$.extend($.fn, { + // http://docs.jquery.com/Plugins/Validation/validate + validate: function( options ) { + + // if nothing is selected, return nothing; can't chain anyway + if (!this.length) { + options && options.debug && window.console && console.warn( "nothing selected, can't validate, returning nothing" ); + return; + } + + // check if a validator for this form was already created + var validator = $.data(this[0], 'validator'); + if ( validator ) { + return validator; + } + + validator = new $.validator( options, this[0] ); + $.data(this[0], 'validator', validator); + + if ( validator.settings.onsubmit ) { + + // allow suppresing validation by adding a cancel class to the submit button + this.find("input, button").filter(".cancel").click(function() { + validator.cancelSubmit = true; + }); + + // when a submitHandler is used, capture the submitting button + if (validator.settings.submitHandler) { + this.find("input, button").filter(":submit").click(function() { + validator.submitButton = this; + }); + } + + // validate the form on submit + this.submit( function( event ) { + if ( validator.settings.debug ) + // prevent form submit to be able to see console output + event.preventDefault(); + + function handle() { + if ( validator.settings.submitHandler ) { + if (validator.submitButton) { + // insert a hidden input as a replacement for the missing submit button + var hidden = $("").attr("name", validator.submitButton.name).val(validator.submitButton.value).appendTo(validator.currentForm); + } + validator.settings.submitHandler.call( validator, validator.currentForm ); + if (validator.submitButton) { + // and clean up afterwards; thanks to no-block-scope, hidden can be referenced + hidden.remove(); + } + return false; + } + return true; + } + + // prevent submit for invalid forms or custom submit handlers + if ( validator.cancelSubmit ) { + validator.cancelSubmit = false; + return handle(); + } + if ( validator.form() ) { + if ( validator.pendingRequest ) { + validator.formSubmitted = true; + return false; + } + return handle(); + } else { + validator.focusInvalid(); + return false; + } + }); + } + + return validator; + }, + // http://docs.jquery.com/Plugins/Validation/valid + valid: function() { + if ( $(this[0]).is('form')) { + return this.validate().form(); + } else { + var valid = true; + var validator = $(this[0].form).validate(); + this.each(function() { + valid &= validator.element(this); + }); + return valid; + } + }, + // attributes: space seperated list of attributes to retrieve and remove + removeAttrs: function(attributes) { + var result = {}, + $element = this; + $.each(attributes.split(/\s/), function(index, value) { + result[value] = $element.attr(value); + $element.removeAttr(value); + }); + return result; + }, + // http://docs.jquery.com/Plugins/Validation/rules + rules: function(command, argument) { + var element = this[0]; + + if (command) { + var settings = $.data(element.form, 'validator').settings; + var staticRules = settings.rules; + var existingRules = $.validator.staticRules(element); + switch(command) { + case "add": + $.extend(existingRules, $.validator.normalizeRule(argument)); + staticRules[element.name] = existingRules; + if (argument.messages) + settings.messages[element.name] = $.extend( settings.messages[element.name], argument.messages ); + break; + case "remove": + if (!argument) { + delete staticRules[element.name]; + return existingRules; + } + var filtered = {}; + $.each(argument.split(/\s/), function(index, method) { + filtered[method] = existingRules[method]; + delete existingRules[method]; + }); + return filtered; + } + } + + var data = $.validator.normalizeRules( + $.extend( + {}, + $.validator.metadataRules(element), + $.validator.classRules(element), + $.validator.attributeRules(element), + $.validator.staticRules(element) + ), element); + + // make sure required is at front + if (data.required) { + var param = data.required; + delete data.required; + data = $.extend({required: param}, data); + } + + return data; + } +}); + +// Custom selectors +$.extend($.expr[":"], { + // http://docs.jquery.com/Plugins/Validation/blank + blank: function(a) {return !$.trim("" + a.value);}, + // http://docs.jquery.com/Plugins/Validation/filled + filled: function(a) {return !!$.trim("" + a.value);}, + // http://docs.jquery.com/Plugins/Validation/unchecked + unchecked: function(a) {return !a.checked;} +}); + +// constructor for validator +$.validator = function( options, form ) { + this.settings = $.extend( true, {}, $.validator.defaults, options ); + this.currentForm = form; + this.init(); +}; + +$.validator.format = function(source, params) { + if ( arguments.length == 1 ) + return function() { + var args = $.makeArray(arguments); + args.unshift(source); + return $.validator.format.apply( this, args ); + }; + if ( arguments.length > 2 && params.constructor != Array ) { + params = $.makeArray(arguments).slice(1); + } + if ( params.constructor != Array ) { + params = [ params ]; + } + $.each(params, function(i, n) { + source = source.replace(new RegExp("\\{" + i + "\\}", "g"), n); + }); + return source; +}; + +$.extend($.validator, { + + defaults: { + messages: {}, + groups: {}, + rules: {}, + errorClass: "error", + validClass: "valid", + errorElement: "label", + focusInvalid: true, + errorContainer: $( [] ), + errorLabelContainer: $( [] ), + onsubmit: true, + ignore: [], + ignoreTitle: false, + onfocusin: function(element) { + this.lastActive = element; + + // hide error label and remove error class on focus if enabled + if ( this.settings.focusCleanup && !this.blockFocusCleanup ) { + this.settings.unhighlight && this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass ); + this.addWrapper(this.errorsFor(element)).hide(); + } + }, + onfocusout: function(element) { + if ( !this.checkable(element) && (element.name in this.submitted || !this.optional(element)) ) { + this.element(element); + } + }, + onkeyup: function(element) { + if ( element.name in this.submitted || element == this.lastElement ) { + this.element(element); + } + }, + onclick: function(element) { + // click on selects, radiobuttons and checkboxes + if ( element.name in this.submitted ) + this.element(element); + // or option elements, check parent select in that case + else if (element.parentNode.name in this.submitted) + this.element(element.parentNode); + }, + highlight: function(element, errorClass, validClass) { + if (element.type === 'radio') { + this.findByName(element.name).addClass(errorClass).removeClass(validClass); + } else { + $(element).addClass(errorClass).removeClass(validClass); + } + }, + unhighlight: function(element, errorClass, validClass) { + if (element.type === 'radio') { + this.findByName(element.name).removeClass(errorClass).addClass(validClass); + } else { + $(element).removeClass(errorClass).addClass(validClass); + } + } + }, + + // http://docs.jquery.com/Plugins/Validation/Validator/setDefaults + setDefaults: function(settings) { + $.extend( $.validator.defaults, settings ); + }, + + messages: { + required: "This field is required.", + remote: "Please fix this field.", + email: "Please enter a valid email address.", + url: "Please enter a valid URL.", + date: "Please enter a valid date.", + dateISO: "Please enter a valid date (ISO).", + number: "Please enter a valid number.", + digits: "Please enter only digits.", + creditcard: "Please enter a valid credit card number.", + equalTo: "Please enter the same value again.", + accept: "Please enter a value with a valid extension.", + maxlength: $.validator.format("Please enter no more than {0} characters."), + minlength: $.validator.format("Please enter at least {0} characters."), + rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."), + range: $.validator.format("Please enter a value between {0} and {1}."), + max: $.validator.format("Please enter a value less than or equal to {0}."), + min: $.validator.format("Please enter a value greater than or equal to {0}.") + }, + + autoCreateRanges: false, + + prototype: { + + init: function() { + this.labelContainer = $(this.settings.errorLabelContainer); + this.errorContext = this.labelContainer.length && this.labelContainer || $(this.currentForm); + this.containers = $(this.settings.errorContainer).add( this.settings.errorLabelContainer ); + this.submitted = {}; + this.valueCache = {}; + this.pendingRequest = 0; + this.pending = {}; + this.invalid = {}; + this.reset(); + + var groups = (this.groups = {}); + $.each(this.settings.groups, function(key, value) { + $.each(value.split(/\s/), function(index, name) { + groups[name] = key; + }); + }); + var rules = this.settings.rules; + $.each(rules, function(key, value) { + rules[key] = $.validator.normalizeRule(value); + }); + + function delegate(event) { + var validator = $.data(this[0].form, "validator"), + eventType = "on" + event.type.replace(/^validate/, ""); + validator.settings[eventType] && validator.settings[eventType].call(validator, this[0] ); + } + $(this.currentForm) + .validateDelegate(":text, :password, :file, select, textarea", "focusin focusout keyup", delegate) + .validateDelegate(":radio, :checkbox, select, option", "click", delegate); + + if (this.settings.invalidHandler) + $(this.currentForm).bind("invalid-form.validate", this.settings.invalidHandler); + }, + + // http://docs.jquery.com/Plugins/Validation/Validator/form + form: function() { + this.checkForm(); + $.extend(this.submitted, this.errorMap); + this.invalid = $.extend({}, this.errorMap); + if (!this.valid()) + $(this.currentForm).triggerHandler("invalid-form", [this]); + this.showErrors(); + return this.valid(); + }, + + checkForm: function() { + this.prepareForm(); + for ( var i = 0, elements = (this.currentElements = this.elements()); elements[i]; i++ ) { + this.check( elements[i] ); + } + return this.valid(); + }, + + // http://docs.jquery.com/Plugins/Validation/Validator/element + element: function( element ) { + element = this.clean( element ); + this.lastElement = element; + this.prepareElement( element ); + this.currentElements = $(element); + var result = this.check( element ); + if ( result ) { + delete this.invalid[element.name]; + } else { + this.invalid[element.name] = true; + } + if ( !this.numberOfInvalids() ) { + // Hide error containers on last error + this.toHide = this.toHide.add( this.containers ); + } + this.showErrors(); + return result; + }, + + // http://docs.jquery.com/Plugins/Validation/Validator/showErrors + showErrors: function(errors) { + if(errors) { + // add items to error list and map + $.extend( this.errorMap, errors ); + this.errorList = []; + for ( var name in errors ) { + this.errorList.push({ + message: errors[name], + element: this.findByName(name)[0] + }); + } + // remove items from success list + this.successList = $.grep( this.successList, function(element) { + return !(element.name in errors); + }); + } + this.settings.showErrors + ? this.settings.showErrors.call( this, this.errorMap, this.errorList ) + : this.defaultShowErrors(); + }, + + // http://docs.jquery.com/Plugins/Validation/Validator/resetForm + resetForm: function() { + if ( $.fn.resetForm ) + $( this.currentForm ).resetForm(); + this.submitted = {}; + this.prepareForm(); + this.hideErrors(); + this.elements().removeClass( this.settings.errorClass ); + }, + + numberOfInvalids: function() { + return this.objectLength(this.invalid); + }, + + objectLength: function( obj ) { + var count = 0; + for ( var i in obj ) + count++; + return count; + }, + + hideErrors: function() { + this.addWrapper( this.toHide ).hide(); + }, + + valid: function() { + return this.size() == 0; + }, + + size: function() { + return this.errorList.length; + }, + + focusInvalid: function() { + if( this.settings.focusInvalid ) { + try { + $(this.findLastActive() || this.errorList.length && this.errorList[0].element || []) + .filter(":visible") + .focus() + // manually trigger focusin event; without it, focusin handler isn't called, findLastActive won't have anything to find + .trigger("focusin"); + } catch(e) { + // ignore IE throwing errors when focusing hidden elements + } + } + }, + + findLastActive: function() { + var lastActive = this.lastActive; + return lastActive && $.grep(this.errorList, function(n) { + return n.element.name == lastActive.name; + }).length == 1 && lastActive; + }, + + elements: function() { + var validator = this, + rulesCache = {}; + + // select all valid inputs inside the form (no submit or reset buttons) + return $(this.currentForm) + .find("input, select, textarea") + .not(":submit, :reset, :image, [disabled]") + .not( this.settings.ignore ) + .filter(function() { + !this.name && validator.settings.debug && window.console && console.error( "%o has no name assigned", this); + + // select only the first element for each name, and only those with rules specified + if ( this.name in rulesCache || !validator.objectLength($(this).rules()) ) + return false; + + rulesCache[this.name] = true; + return true; + }); + }, + + clean: function( selector ) { + return $( selector )[0]; + }, + + errors: function() { + return $( this.settings.errorElement + "." + this.settings.errorClass, this.errorContext ); + }, + + reset: function() { + this.successList = []; + this.errorList = []; + this.errorMap = {}; + this.toShow = $([]); + this.toHide = $([]); + this.currentElements = $([]); + }, + + prepareForm: function() { + this.reset(); + this.toHide = this.errors().add( this.containers ); + }, + + prepareElement: function( element ) { + this.reset(); + this.toHide = this.errorsFor(element); + }, + + check: function( element ) { + element = this.clean( element ); + + // if radio/checkbox, validate first element in group instead + if (this.checkable(element)) { + element = this.findByName( element.name ).not(this.settings.ignore)[0]; + } + + var rules = $(element).rules(); + var dependencyMismatch = false; + for (var method in rules ) { + var rule = { method: method, parameters: rules[method] }; + try { + var result = $.validator.methods[method].call( this, element.value.replace(/\r/g, ""), element, rule.parameters ); + + // if a method indicates that the field is optional and therefore valid, + // don't mark it as valid when there are no other rules + if ( result == "dependency-mismatch" ) { + dependencyMismatch = true; + continue; + } + dependencyMismatch = false; + + if ( result == "pending" ) { + this.toHide = this.toHide.not( this.errorsFor(element) ); + return; + } + + if( !result ) { + this.formatAndAdd( element, rule ); + return false; + } + } catch(e) { + this.settings.debug && window.console && console.log("exception occured when checking element " + element.id + + ", check the '" + rule.method + "' method", e); + throw e; + } + } + if (dependencyMismatch) + return; + if ( this.objectLength(rules) ) + this.successList.push(element); + return true; + }, + + // return the custom message for the given element and validation method + // specified in the element's "messages" metadata + customMetaMessage: function(element, method) { + if (!$.metadata) + return; + + var meta = this.settings.meta + ? $(element).metadata()[this.settings.meta] + : $(element).metadata(); + + return meta && meta.messages && meta.messages[method]; + }, + + // return the custom message for the given element name and validation method + customMessage: function( name, method ) { + var m = this.settings.messages[name]; + return m && (m.constructor == String + ? m + : m[method]); + }, + + // return the first defined argument, allowing empty strings + findDefined: function() { + for(var i = 0; i < arguments.length; i++) { + if (arguments[i] !== undefined) + return arguments[i]; + } + return undefined; + }, + + defaultMessage: function( element, method) { + return this.findDefined( + this.customMessage( element.name, method ), + this.customMetaMessage( element, method ), + // title is never undefined, so handle empty string as undefined + !this.settings.ignoreTitle && element.title || undefined, + $.validator.messages[method], + "Warning: No message defined for " + element.name + "" + ); + }, + + formatAndAdd: function( element, rule ) { + var message = this.defaultMessage( element, rule.method ), + theregex = /\$?\{(\d+)\}/g; + if ( typeof message == "function" ) { + message = message.call(this, rule.parameters, element); + } else if (theregex.test(message)) { + message = jQuery.format(message.replace(theregex, '{$1}'), rule.parameters); + } + this.errorList.push({ + message: message, + element: element + }); + + this.errorMap[element.name] = message; + this.submitted[element.name] = message; + }, + + addWrapper: function(toToggle) { + if ( this.settings.wrapper ) + toToggle = toToggle.add( toToggle.parent( this.settings.wrapper ) ); + return toToggle; + }, + + defaultShowErrors: function() { + for ( var i = 0; this.errorList[i]; i++ ) { + var error = this.errorList[i]; + this.settings.highlight && this.settings.highlight.call( this, error.element, this.settings.errorClass, this.settings.validClass ); + this.showLabel( error.element, error.message ); + } + if( this.errorList.length ) { + this.toShow = this.toShow.add( this.containers ); + } + if (this.settings.success) { + for ( var i = 0; this.successList[i]; i++ ) { + this.showLabel( this.successList[i] ); + } + } + if (this.settings.unhighlight) { + for ( var i = 0, elements = this.validElements(); elements[i]; i++ ) { + this.settings.unhighlight.call( this, elements[i], this.settings.errorClass, this.settings.validClass ); + } + } + this.toHide = this.toHide.not( this.toShow ); + this.hideErrors(); + this.addWrapper( this.toShow ).show(); + }, + + validElements: function() { + return this.currentElements.not(this.invalidElements()); + }, + + invalidElements: function() { + return $(this.errorList).map(function() { + return this.element; + }); + }, + + showLabel: function(element, message) { + var label = this.errorsFor( element ); + if ( label.length ) { + // refresh error/success class + label.removeClass().addClass( this.settings.errorClass ); + + // check if we have a generated label, replace the message then + label.attr("generated") && label.html(message); + } else { + // create label + label = $("<" + this.settings.errorElement + "/>") + .attr({"for": this.idOrName(element), generated: true}) + .addClass(this.settings.errorClass) + .html(message || ""); + if ( this.settings.wrapper ) { + // make sure the element is visible, even in IE + // actually showing the wrapped element is handled elsewhere + label = label.hide().show().wrap("<" + this.settings.wrapper + "/>").parent(); + } + if ( !this.labelContainer.append(label).length ) + this.settings.errorPlacement + ? this.settings.errorPlacement(label, $(element) ) + : label.insertAfter(element); + } + if ( !message && this.settings.success ) { + label.text(""); + typeof this.settings.success == "string" + ? label.addClass( this.settings.success ) + : this.settings.success( label ); + } + this.toShow = this.toShow.add(label); + }, + + errorsFor: function(element) { + var name = this.idOrName(element); + return this.errors().filter(function() { + return $(this).attr('for') == name; + }); + }, + + idOrName: function(element) { + return this.groups[element.name] || (this.checkable(element) ? element.name : element.id || element.name); + }, + + checkable: function( element ) { + return /radio|checkbox/i.test(element.type); + }, + + findByName: function( name ) { + // select by name and filter by form for performance over form.find("[name=...]") + var form = this.currentForm; + return $(document.getElementsByName(name)).map(function(index, element) { + return element.form == form && element.name == name && element || null; + }); + }, + + getLength: function(value, element) { + switch( element.nodeName.toLowerCase() ) { + case 'select': + return $("option:selected", element).length; + case 'input': + if( this.checkable( element) ) + return this.findByName(element.name).filter(':checked').length; + } + return value.length; + }, + + depend: function(param, element) { + return this.dependTypes[typeof param] + ? this.dependTypes[typeof param](param, element) + : true; + }, + + dependTypes: { + "boolean": function(param, element) { + return param; + }, + "string": function(param, element) { + return !!$(param, element.form).length; + }, + "function": function(param, element) { + return param(element); + } + }, + + optional: function(element) { + return !$.validator.methods.required.call(this, $.trim(element.value), element) && "dependency-mismatch"; + }, + + startRequest: function(element) { + if (!this.pending[element.name]) { + this.pendingRequest++; + this.pending[element.name] = true; + } + }, + + stopRequest: function(element, valid) { + this.pendingRequest--; + // sometimes synchronization fails, make sure pendingRequest is never < 0 + if (this.pendingRequest < 0) + this.pendingRequest = 0; + delete this.pending[element.name]; + if ( valid && this.pendingRequest == 0 && this.formSubmitted && this.form() ) { + $(this.currentForm).submit(); + this.formSubmitted = false; + } else if (!valid && this.pendingRequest == 0 && this.formSubmitted) { + $(this.currentForm).triggerHandler("invalid-form", [this]); + this.formSubmitted = false; + } + }, + + previousValue: function(element) { + return $.data(element, "previousValue") || $.data(element, "previousValue", { + old: null, + valid: true, + message: this.defaultMessage( element, "remote" ) + }); + } + + }, + + classRuleSettings: { + required: {required: true}, + email: {email: true}, + url: {url: true}, + date: {date: true}, + dateISO: {dateISO: true}, + dateDE: {dateDE: true}, + number: {number: true}, + numberDE: {numberDE: true}, + digits: {digits: true}, + creditcard: {creditcard: true} + }, + + addClassRules: function(className, rules) { + className.constructor == String ? + this.classRuleSettings[className] = rules : + $.extend(this.classRuleSettings, className); + }, + + classRules: function(element) { + var rules = {}; + var classes = $(element).attr('class'); + classes && $.each(classes.split(' '), function() { + if (this in $.validator.classRuleSettings) { + $.extend(rules, $.validator.classRuleSettings[this]); + } + }); + return rules; + }, + + attributeRules: function(element) { + var rules = {}; + var $element = $(element); + + for (var method in $.validator.methods) { + var value = $element.attr(method); + if (value) { + rules[method] = value; + } + } + + // maxlength may be returned as -1, 2147483647 (IE) and 524288 (safari) for text inputs + if (rules.maxlength && /-1|2147483647|524288/.test(rules.maxlength)) { + delete rules.maxlength; + } + + return rules; + }, + + metadataRules: function(element) { + if (!$.metadata) return {}; + + var meta = $.data(element.form, 'validator').settings.meta; + return meta ? + $(element).metadata()[meta] : + $(element).metadata(); + }, + + staticRules: function(element) { + var rules = {}; + var validator = $.data(element.form, 'validator'); + if (validator.settings.rules) { + rules = $.validator.normalizeRule(validator.settings.rules[element.name]) || {}; + } + return rules; + }, + + normalizeRules: function(rules, element) { + // handle dependency check + $.each(rules, function(prop, val) { + // ignore rule when param is explicitly false, eg. required:false + if (val === false) { + delete rules[prop]; + return; + } + if (val.param || val.depends) { + var keepRule = true; + switch (typeof val.depends) { + case "string": + keepRule = !!$(val.depends, element.form).length; + break; + case "function": + keepRule = val.depends.call(element, element); + break; + } + if (keepRule) { + rules[prop] = val.param !== undefined ? val.param : true; + } else { + delete rules[prop]; + } + } + }); + + // evaluate parameters + $.each(rules, function(rule, parameter) { + rules[rule] = $.isFunction(parameter) ? parameter(element) : parameter; + }); + + // clean number parameters + $.each(['minlength', 'maxlength', 'min', 'max'], function() { + if (rules[this]) { + rules[this] = Number(rules[this]); + } + }); + $.each(['rangelength', 'range'], function() { + if (rules[this]) { + rules[this] = [Number(rules[this][0]), Number(rules[this][1])]; + } + }); + + if ($.validator.autoCreateRanges) { + // auto-create ranges + if (rules.min && rules.max) { + rules.range = [rules.min, rules.max]; + delete rules.min; + delete rules.max; + } + if (rules.minlength && rules.maxlength) { + rules.rangelength = [rules.minlength, rules.maxlength]; + delete rules.minlength; + delete rules.maxlength; + } + } + + // To support custom messages in metadata ignore rule methods titled "messages" + if (rules.messages) { + delete rules.messages; + } + + return rules; + }, + + // Converts a simple string to a {string: true} rule, e.g., "required" to {required:true} + normalizeRule: function(data) { + if( typeof data == "string" ) { + var transformed = {}; + $.each(data.split(/\s/), function() { + transformed[this] = true; + }); + data = transformed; + } + return data; + }, + + // http://docs.jquery.com/Plugins/Validation/Validator/addMethod + addMethod: function(name, method, message) { + $.validator.methods[name] = method; + $.validator.messages[name] = message != undefined ? message : $.validator.messages[name]; + if (method.length < 3) { + $.validator.addClassRules(name, $.validator.normalizeRule(name)); + } + }, + + methods: { + + // http://docs.jquery.com/Plugins/Validation/Methods/required + required: function(value, element, param) { + // check if dependency is met + if ( !this.depend(param, element) ) + return "dependency-mismatch"; + switch( element.nodeName.toLowerCase() ) { + case 'select': + // could be an array for select-multiple or a string, both are fine this way + var val = $(element).val(); + return val && val.length > 0; + case 'input': + if ( this.checkable(element) ) + return this.getLength(value, element) > 0; + default: + return $.trim(value).length > 0; + } + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/remote + remote: function(value, element, param) { + if ( this.optional(element) ) + return "dependency-mismatch"; + + var previous = this.previousValue(element); + if (!this.settings.messages[element.name] ) + this.settings.messages[element.name] = {}; + previous.originalMessage = this.settings.messages[element.name].remote; + this.settings.messages[element.name].remote = previous.message; + + param = typeof param == "string" && {url:param} || param; + + if ( this.pending[element.name] ) { + return "pending"; + } + if ( previous.old === value ) { + return previous.valid; + } + + previous.old = value; + var validator = this; + this.startRequest(element); + var data = {}; + data[element.name] = value; + $.ajax($.extend(true, { + url: param, + mode: "abort", + port: "validate" + element.name, + dataType: "json", + data: data, + success: function(response) { + validator.settings.messages[element.name].remote = previous.originalMessage; + var valid = response === true; + if ( valid ) { + var submitted = validator.formSubmitted; + validator.prepareElement(element); + validator.formSubmitted = submitted; + validator.successList.push(element); + validator.showErrors(); + } else { + var errors = {}; + var message = response || validator.defaultMessage( element, "remote" ); + errors[element.name] = previous.message = $.isFunction(message) ? message(value) : message; + validator.showErrors(errors); + } + previous.valid = valid; + validator.stopRequest(element, valid); + } + }, param)); + return "pending"; + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/minlength + minlength: function(value, element, param) { + return this.optional(element) || this.getLength($.trim(value), element) >= param; + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/maxlength + maxlength: function(value, element, param) { + return this.optional(element) || this.getLength($.trim(value), element) <= param; + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/rangelength + rangelength: function(value, element, param) { + var length = this.getLength($.trim(value), element); + return this.optional(element) || ( length >= param[0] && length <= param[1] ); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/min + min: function( value, element, param ) { + return this.optional(element) || value >= param; + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/max + max: function( value, element, param ) { + return this.optional(element) || value <= param; + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/range + range: function( value, element, param ) { + return this.optional(element) || ( value >= param[0] && value <= param[1] ); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/email + email: function(value, element) { + // contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/ + return this.optional(element) || /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(value); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/url + url: function(value, element) { + // contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/ + return this.optional(element) || /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/date + date: function(value, element) { + return this.optional(element) || !/Invalid|NaN/.test(new Date(value)); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/dateISO + dateISO: function(value, element) { + return this.optional(element) || /^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(value); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/number + number: function(value, element) { + return this.optional(element) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)(?:\.\d+)?$/.test(value); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/digits + digits: function(value, element) { + return this.optional(element) || /^\d+$/.test(value); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/creditcard + // based on http://en.wikipedia.org/wiki/Luhn + creditcard: function(value, element) { + if ( this.optional(element) ) + return "dependency-mismatch"; + // accept only digits and dashes + if (/[^0-9-]+/.test(value)) + return false; + var nCheck = 0, + nDigit = 0, + bEven = false; + + value = value.replace(/\D/g, ""); + + for (var n = value.length - 1; n >= 0; n--) { + var cDigit = value.charAt(n); + var nDigit = parseInt(cDigit, 10); + if (bEven) { + if ((nDigit *= 2) > 9) + nDigit -= 9; + } + nCheck += nDigit; + bEven = !bEven; + } + + return (nCheck % 10) == 0; + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/accept + accept: function(value, element, param) { + param = typeof param == "string" ? param.replace(/,/g, '|') : "png|jpe?g|gif"; + return this.optional(element) || value.match(new RegExp(".(" + param + ")$", "i")); + }, + + // http://docs.jquery.com/Plugins/Validation/Methods/equalTo + equalTo: function(value, element, param) { + // bind to the blur event of the target in order to revalidate whenever the target field is updated + // TODO find a way to bind the event just once, avoiding the unbind-rebind overhead + var target = $(param).unbind(".validate-equalTo").bind("blur.validate-equalTo", function() { + $(element).valid(); + }); + return value == target.val(); + } + + } + +}); + +// deprecated, use $.validator.format instead +$.format = $.validator.format; + +})(jQuery); + +// ajax mode: abort +// usage: $.ajax({ mode: "abort"[, port: "uniqueport"]}); +// if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort() +;(function($) { + var pendingRequests = {}; + // Use a prefilter if available (1.5+) + if ( $.ajaxPrefilter ) { + $.ajaxPrefilter(function(settings, _, xhr) { + var port = settings.port; + if (settings.mode == "abort") { + if ( pendingRequests[port] ) { + pendingRequests[port].abort(); + } + pendingRequests[port] = xhr; + } + }); + } else { + // Proxy ajax + var ajax = $.ajax; + $.ajax = function(settings) { + var mode = ( "mode" in settings ? settings : $.ajaxSettings ).mode, + port = ( "port" in settings ? settings : $.ajaxSettings ).port; + if (mode == "abort") { + if ( pendingRequests[port] ) { + pendingRequests[port].abort(); + } + return (pendingRequests[port] = ajax.apply(this, arguments)); + } + return ajax.apply(this, arguments); + }; + } +})(jQuery); + +// provides cross-browser focusin and focusout events +// IE has native support, in other browsers, use event caputuring (neither bubbles) + +// provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation +// handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target +;(function($) { + // only implement if not provided by jQuery core (since 1.4) + // TODO verify if jQuery 1.4's implementation is compatible with older jQuery special-event APIs + if (!jQuery.event.special.focusin && !jQuery.event.special.focusout && document.addEventListener) { + $.each({ + focus: 'focusin', + blur: 'focusout' + }, function( original, fix ){ + $.event.special[fix] = { + setup:function() { + this.addEventListener( original, handler, true ); + }, + teardown:function() { + this.removeEventListener( original, handler, true ); + }, + handler: function(e) { + arguments[0] = $.event.fix(e); + arguments[0].type = fix; + return $.event.handle.apply(this, arguments); + } + }; + function handler(e) { + e = $.event.fix(e); + e.type = fix; + return $.event.handle.call(this, e); + } + }); + }; + $.extend($.fn, { + validateDelegate: function(delegate, type, handler) { + return this.bind(type, function(event) { + var target = $(event.target); + if (target.is(delegate)) { + return handler.apply(target, arguments); + } + }); + } + }); +})(jQuery); diff --git a/js/settings.js b/js/settings.js new file mode 100644 index 0000000..65e1206 --- /dev/null +++ b/js/settings.js @@ -0,0 +1,139 @@ +// JavaScript Document + + +$(document).ready(function(){ +// Settings Panel + $('.open-buttton').click(function(){ + + if($('.open-buttton').hasClass('closed')){ + $(this).parent('.settings-panel').stop().animate({left:225},400); + $(this).removeClass('closed').addClass('opened'); + } else { + $(this).parent('.settings-panel').stop().animate({left:0},400); + $(this).removeClass('opened').addClass('closed'); + } + }); + + +// Bacground Patterns and Background Colour + +$('.settings-panel .bg_patterns ul li').click(function(){ + var thisBGcol = $(this).css('background-color'); + var thisBGimg = $(this).css('background-image'); + $('body').css('background-image', thisBGimg); + $('body').css('background-color', thisBGcol); + }); + + // Card Pattern changes Patterns and Background Colour + + $('.settings-panel .card_patterns ul li').click(function(){ + var thisBGcol = $(this).css('background-color'); + var thisBGimg = $(this).css('background-image'); + $('.card-pattern').css('background-image', thisBGimg); + $('.card-pattern').css('background-color', thisBGcol); + }); + + $("ul.c_patterns li").click(function () { + var myClass = $(this).attr("class"); + if(myClass == 'default'){ + $('#color').attr('href','css/style.css'); + }else if(myClass == 'c1'){ + $('#color').attr('href','css/style1.css'); + } else if(myClass == 'c2'){ + $('#color').attr('href','css/style2.css'); + } else if(myClass == 'c3'){ + $('#color').attr('href','css/style3.css'); + } else if(myClass == 'c4'){ + $('#color').attr('href','css/style4.css'); + } else if(myClass == 'c5'){ + $('#color').attr('href','css/style5.css'); + } else if(myClass == 'c6'){ + $('#color').attr('href','css/style6.css'); + } else if(myClass == 'c7'){ + $('#color').attr('href','css/style7.css'); + } else if(myClass == 'c8'){ + $('#color').attr('href','css/style8.css'); + } else if(myClass == 'c9'){ + $('#color').attr('href','css/style9.css'); + } else if(myClass == 'c10'){ + $('#color').attr('href','css/style10.css'); + } else if(myClass == 'c11'){ + $('#color').attr('href','css/style11.css'); + } + else if(myClass == 'c12'){ + $('#color').attr('href','css/style12.css'); + } + else if(myClass == 'c13'){ + $('#color').attr('href','css/style13.css'); + } + else if(myClass == 'c14'){ + $('#color').attr('href','css/style14.css'); + } + else if(myClass == 'c15'){ + $('#color').attr('href','css/style15.css'); + } + else if(myClass == 'c16'){ + $('#color').attr('href','css/style16.css'); + } + else if(myClass == 'c17'){ + $('#color').attr('href','css/style17.css'); + } + else if(myClass == 'c18'){ + $('#color').attr('href','css/style18.css'); + } + else if(myClass == 'c19'){ + $('#color').attr('href','css/style19.css'); + } + else if(myClass == 'c20'){ + $('#color').attr('href','css/style20.css'); + } + + }); + + // Heading Font and CSS Changes + + $('#cfont').change(function(){ + var fontName = $('#cfont').val(); + if(fontName == 'default'){ + $('#customFont').attr('href','css/typography.css'); + }else if(fontName == 'cardo'){ + $('#customFont').attr('href','css/cardo.css'); + } else if(fontName == 'IMFell'){ + $('#customFont').attr('href','css/IMFell.css'); + } else if(fontName == 'Josefin'){ + $('#customFont').attr('href','css/Josefin.css'); + } else if(fontName == 'OpenSansCondensed'){ + $('#customFont').attr('href','css/OpenSansCondensed.css'); + } else if(fontName == 'OpenSans'){ + $('#customFont').attr('href','css/OpenSans.css'); + } else if(fontName == 'Vollkorn'){ + $('#customFont').attr('href','css/Vollkorn.css'); + } else if(fontName == 'DroidSans'){ + $('#customFont').attr('href','css/DroidSans.css'); + } + else if(fontName == 'cabin'){ + $('#customFont').attr('href','css/cabin.css'); + }else { + $('#customFont').attr('href','css/typography.css'); + } + }); + + +// Content Font and CSS Changes + + $('#confont').change(function(){ + var fontName = $('#confont').val(); + if(fontName == 'default'){ + $('#contentfont').attr('href','css/arial_content.css'); + }else if(fontName == 'Arial'){ + $('#contentfont').attr('href','css/arial_content.css'); + } else if(fontName == 'Tahoma'){ + $('#contentfont').attr('href','css/tahoma_content.css'); + } else if(fontName == 'Verdana'){ + $('#contentfont').attr('href','css/verdana_content.css'); + } else if(fontName == 'OpenSans'){ + $('#contentfont').attr('href','css/opensans_content.css'); + } + }); + + });