commit
0429ba1e03
171 changed files with 16706 additions and 0 deletions
@ -0,0 +1,170 @@
@@ -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} |
||||
@ -0,0 +1,47 @@
@@ -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; |
||||
} |
||||
@ -0,0 +1,438 @@
@@ -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 */ |
||||
} |
||||
|
||||
@ -0,0 +1,119 @@
@@ -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; |
||||
} |
||||
@ -0,0 +1,623 @@
@@ -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; |
||||
} |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,618 @@
@@ -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 ******************************/ |
||||
@ -0,0 +1,75 @@
@@ -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; |
||||
} |
||||
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 328 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 727 B |
|
After Width: | Height: | Size: 721 B |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 820 B |
|
After Width: | Height: | Size: 835 B |
|
After Width: | Height: | Size: 834 B |
|
After Width: | Height: | Size: 939 B |
|
After Width: | Height: | Size: 808 B |
|
After Width: | Height: | Size: 849 B |
|
After Width: | Height: | Size: 156 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 333 B |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 163 B |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 958 B |
|
After Width: | Height: | Size: 628 B |
|
After Width: | Height: | Size: 148 B |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 154 KiB |
|
After Width: | Height: | Size: 1022 B |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 5.1 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 7.9 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 142 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 128 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 51 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 298 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue