관리-도구
편집 파일: livit.css-01
@charset "utf-8"; /* 1 - 12 -2015 */ @import url('reset.css'); @import url('../fonts/fonts.css'); body { background-color: #FFF; /*color: #788490;*/ color:#47535f; text-align: justify; font-family: font-weight: normal; font-size:11.5pt; font-family: 'pt_sansregular'; line-height:22px; } a:link, a:visited { color: #484848;} p { padding-top:5px; padding-bottom:5px; } /* ---------------------------------------------- Common styles ----------------------- */ .container { width:90%; margin:0 auto; } .bread-crumb { float:right; width:40%; text-align:right; font-size:9.5pt; } .bread-crumb li { display:inline; padding-left:5px; text-align:right; } .bread-crumb .active { font-weight:bold; } /* ---------------------------------------------- smo ---------------------------------------------- */ .smo { float:right; } .smo li, .smo a { display:block; float:left; } .smo li { background-image:url(../images/smo.jpg); background-repeat:no-repeat; background-position:left top; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .smo a:link, .smo a:visited { width:49px; height:37px; } .smo .fb {} .smo .gplus, .smo .pinn, .smo .youtube, .blogger { background-position:-49px top; } .smo .pinn, .smo .youtube { background-position:-98px top; } .smo .youtube { background-position:-147px top; } .smo .fb:hover { background-position:left bottom;} .smo .gplus:hover{ background-position:-49px bottom; } .smo .pinn:hover { background-position:-98px bottom; } .smo .youtube:hover { background-position:-147px bottom; } .smo .blogger { background-position:-195px top; } .smo .blogger:hover { background-position:-195px bottom; } .top-area { background-color:#f1f4f8; } .top-mail { float:left; background-image:url(../images/icn-call.png); padding-left:25px; background-repeat:no-repeat; line-height:normal; height:12px; line-height:9px; margin-top:10px; } address { font-style: normal; } /* ---------------------------------------------- tiles and header ---------------------------------------------- */ .welcome-tilte h1, .ind-gallery-wrapp h1, .amen-ind-wrapp h1, .google-wrapp-index h1, .ind-floors h3, .page-title h1 { font-size:22px; text-transform:uppercase; color:#435061; padding-bottom:20px; font-family: 'montserratregular'; } .wel-icon { padding-bottom:15px; } .pro-head-ind h2 { text-transform:uppercase; font-size:13pt; padding-bottom:10px; color:#FFF; font-family: 'montserratregular'; } .page-title h1 { text-transform:uppercase; font-size:13pt; padding-bottom:10px; } .pro-head-ind h2 span { font-size:10pt; color:#F5F5F5 } .ind-loc-det h4, .ind-address h4 { font-size:12pt; padding-bottom:15px; text-transform:uppercase; } .ind-floors h3 { font-size:11pt; color:#FFF; padding-bottom:5px; padding-top:10px; } .proj-tile { font-size:10.5pt; float:left; width:40%; } .proj-tile h2 { color:#097bb8; font-size:16pt; text-transform:uppercase; } .proj-tile span { color:#d46a0f; } .logo { float:left; width:11%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .logo-resize { width:70px; } .menu-wrapp { position:absolute; z-index:1800; width:100%; height:85px; padding-top:15px; background-image:url(../images/menu-btm.png); background-position:left bottom; background-repeat:repeat; background-color:transparent; padding-bottom:25px; } .main-menu { float:left; width:74%; } .menu-resize { width:76%; } .scroll-to-fixed-fixed { background-image:url(../images/menu-btm.png); background-position:left bottom; background-repeat:repeat; background-color:transparent; padding-bottom:25px; } .menu-right { float:right; margin-top:10px; background-image:url(../images/icn-call-01.png); background-repeat:no-repeat; background-position:left 85%; padding-left:40px; color:#435061; font-size:12pt; font-weight:bold; text-transform:uppercase; } .menu-right span { font-size:9.5pt; color:#7e8c99; } .banner { padding-top:100px; } .banner img { width:100%; } .welcome-wrapp, .ind-gallery-wrapp, .amen-ind-wrapp, .google-wrapp-index, .sub-page-content-wrapp { padding:30px 0; } .welcome-wrapp { text-align:center; color:#47535f; } .quick-attributes { width:990px; margin:0 auto; padding-top:30px; } .quick-attributes li { display:block; width:200px; float:left; background-image:url(../images/attrib-brder.jpg); background-repeat:repeat-y; background-position:top right; padding-top:20px; } .quick-attributes .drone-thumb { margin:0; padding:0; width:auto; padding-left:50px; border-left:1px solid #cdd2d6; } .quick-icon { padding-bottom:15px; } .attrib-text { display:block; font-size:17px; padding-top:5px; font-weight:bold; color:#435061; line-height:26px; } .index-pro-wrapp { background-color:#31a2e1; } .pro-img-ind { float:left; width:50%; } .pro-img-ind img { width:100%; } .pro-cnt-ind { float:left; width:43%; padding:30px 5% 0px 2%; text-align:justify; color:#c6eaff;} .ind-gallery-wrapp { background-color:#f2f7f9; border-top:1px solid #cdd2d6; border-bottom:1px solid #cdd2d6; } .ind-gall { display:block; } .ind-gall li { width:24%; display:block; float:left; padding-left:1%; } .ind-gall img { width:100%; } .amen-ind-wrapp { } .amen-list-ind { display:block; width:980px; margin:0 auto; padding-top:5px; } .amen-list-ind li { display:block; float:left; text-align:center; padding:30px 0; width:24%; background-color:#f6f7f7; border:1px solid #cdd2d6; margin-left:-1px; margin-top:-1px; } .amen-list-name { display:block; font-size:12pt; font-weight:bold; padding-top:20px; text-transform:uppercase; height:50px; } .google-wrapp-index { border-top:1px solid #e0e5e7; border-bottom:1px solid #e0e5e7; } .google-wrapp-index article { text-align:center; } .gmap-ind-wrapp { padding-top:20px; } .places-ind { width:37%; float:left; } .places-ind table { width:100%; text-align:left; } .places-ind table td { padding:4px 0; } .places-ind table .tbl-bdr { padding-bottom:5px; border-bottom:1px solid #f2f2f2; padding-top:5px; } .ind-gmap { float:left; padding-left:3%; width:60%; } .ind-gmap img { width:100%; } .foot-wrapp { background-image:url(../images/footer-bg.jpg); background-size:cover; min-height:200px; padding-top:50px; } .ind-loc-wrapp { width:95%; color:#FFF; background-color:#31a2e1; position:relative; } .ind-loc-det { padding:40px 0 25px 0; width:55%; float:left; padding-left:5%; padding-right:2%; background-color:#435061; } .ind-loc-det img{ width:100%; } body, html { height: 100%; } .ind-address h4 { padding-top:30px; } .ind-address { width:33%; float:right; padding:0px 2%; height: 100%; } .foot-wrapp a:link, .foot-wrapp a:visited { color:#FFF; } .foot-menu { float:left; } .foot-menu li { display:inline; padding-right:10px; } .footer-menu-wrapp { margin-top:40px; background-image:url(../images/footer-bg.png); padding:10px 0; color:#e7e7e7; font-size:8.5pt; text-transform:none; } .foot-menu a:link, .foot-menu a:visited { color:#e7e7e7; } .cpr-wrapp { float:right; text-align:right; width:43%; } .slicknav_nav a:link, .slicknav_nav a:visited { text-transform:uppercase; } .cpr-wrapp span, .cpr-wrapp a:link, .cpr-wrapp a:visited { color:#5d9abc; } /* ---------------------------------------------- sub pages ---------------------------------------------- */ .sub-page-content-wrapp { } .page-title { float:left; width:40%; } .page-title-blk { border-bottom:1px solid #dedfe0; } .sub-content { padding-top:15px; min-height:300px; } /* ---------------------------------------------- Floor Plans ---------------------------------------------- */ .ind-floors { padding-top:10px; clear:both; } .ind-floors ul { display:block; margin-left:-2%; } .ind-floors li { display: block; float: left; margin-left: 2%; width: 23%; background-color:#FFF; text-align:center; padding-top:10px } .floor-text { display: block; padding: 3px; background-color: #E8E8E8} .projWrapp { padding-top:125px;} .proj-title-blk { padding-top:30px; padding-bottom:10px;} .proj-attrib-wrapp { background-color:#f7f7f7; border:1px solid #e9e6e6; } .pro-img-attrib { float:left; width:45%; padding-right:2%;} .pro-attrib-blk { padding:20px 0; padding-right:2%; float:left; padding-left:0; width:50%;} .fact-hd { padding:5px 15px; background-color:#435061; color:#FFF; text-transform:uppercase; font-size:11pt; margin-top:15px; } .facts-table { background-color:#FFF; } .facts-table td { padding:5px 10px; text-align:left; border-bottom:1px solid #e9e6e6; border-left:1px solid #e9e6e6;} .facts-table table { width:100%; border-right:1px solid #e9e6e6;} .facts-table ul { display:block; width:50%; float:left;} .facts-table li { display:block; padding:10px 15px; border-bottom:1px solid #e9e6e6; border-left:1px solid #e9e6e6; border-right:1px solid #e9e6e6; color:#435061; font-size:11pt; } .facts-table span { display:block; width:40%; float:left; } .project-accordian { padding-top:20px; } /* ---------------------------------------------- Buttons and forms ---------------------------------------------- */ .proj-page-btn-wrapp { float:right; } .view-more-btn-center { width:150px; margin:10px auto; } .view-more-btn-center a:link, .view-more-btn-center a:visited { background-color:#31A2E1; color:#FFF; text-transform:uppercase; } .view-more-btn-center a:hover { background-color: #1D8CC9; } .ind-btn-wrapp { width:500px; margin:0 auto; padding-top:30px; } .quick-btn, .down-btn { width:240px; padding-left:5px; float:left; } .quick-btn a:link, .quick-btn a:visited, .down-btn a:link, .down-btn a:visited, .view-more-btn-center a:link, .view-more-btn-center a:visited { display:block; padding:5px 0; width:100%; text-align:center; color:#FFF; font-family: 'pt_sansregular'; font-size:10pt; text-transform:uppercase; } .quick-btn a:link, .quick-btn a:visited { background-color:#435061; } .down-btn a:link, .down-btn a:visited { background-color:#ff551a; } .quick-btn a:hover { background-color: #262E37; } .down-btn a:hover { background-color: #B72E00; } .more-details-index{ box-shadow: 5px 5px 5px #8ad14f; } .more-details-index, .view-allbtn-red, .view-allbtn-black { float:right; padding-top:10px; } .view-allbtn-red, .view-allbtn-black { padding-top:20px; } .more-details-index a:link, .more-details-index a:visited, .view-allbtn-red a:link, .view-allbtn-red a:visited, .view-allbtn-black a:link, .view-allbtn-black a:visited { color:#FFF; display:block; padding:3px 25px 3px 15px; background-color:#ffffff; color:#888181; background-image:url(../images/arrow-black.png); background-repeat:no-repeat; background-position:90% 10px; font-weight:bold; text-transform:uppercase; background-size:6px 9px; font-size:8.5pt; } .view-allbtn-red a:link, .view-allbtn-red a:visited, .view-allbtn-black a:link, .view-allbtn-black a:visited { background-color:#ed1c2a; color:#FFF; background-image:url(../images/arrow-white.png); } .view-allbtn-red a:hover { background-color: #C40F1D; } .view-allbtn-black a:link, .view-allbtn-black a:visited { background-color:#435061; } .view-allbtn-black a:hover { background-color: #353F4D; } .tbl-more { } .tbl-more a:link, .tbl-more a:visited { display:block; padding:3px; background-color:#FFC114; color:#435061; } .tbl-more a:hover { background-color: #E6A700; } .ind-pro-text-wrapp { padding-top:20px; width:480px; margin:0 auto; } .spec-btn { float:left; padding-left:1%; padding-right:1%; width:48%; text-align:center; } .spec-btn a:link, .spec-btn a:visited { display:block; padding:5px 15px; border:1px solid #FFF; color:#FFF; text-transform:uppercase; font-family: 'pt_sansregular'; background-image:url(../images/arrow-white-01.png); background-repeat:no-repeat; background-position:92% center; font-size:12pt; text-align:left; } .spec-btn a:hover { color:#EAEAEA; } .enq-btn, .eb-down-btn { float:left; padding-left:12px; } .enq-btn a:link, .enq-btn a:visited, .eb-down-btn a:link, .eb-down-btn a:visited { display:block; padding:6px 20px 6px 45px; border:1px solid #dddddd; background-image:url(../images/icon-enq.png); background-repeat:no-repeat; background-position:15px center; font-size:11.5pt; } .eb-down-btn a:link, .eb-down-btn a:visited { background-image:url(../images/icn-down.png); } .eb-down-btn a:hover, .enq-btn a:hover { background-color:#F1F4F8; } .spec-icon-pr, .amen-icon-pr, .gall-icon-pr, .floor-icon-pr, .loc-icon-pr, .gmap-icon-pr { background-image:url(../images/proj-icn-01.png); display:block; background-repeat:no-repeat; background-position:left 2px; padding-left:25px; } .ui-state-active .spec-icon-pr { background-image:url(../images/proj-icn-01-ho.png); } .amen-icon-pr { background-image:url(../images/proj-icn-02.png); } .ui-state-active .amen-icon-pr { background-image:url(../images/proj-icn-02-ho.png); } .floor-icon-pr { background-image:url(../images/proj-icn-03.png); } .ui-state-active .floor-icon-pr { background-image:url(../images/proj-icn-03-ho.png); } .gall-icon-pr { background-image:url(../images/proj-icn-04.png); } .ui-state-active .gall-icon-pr { background-image:url(../images/proj-icn-04-ho.png); } .loc-icon-pr { background-image:url(../images/proj-icn-05.png); } .ui-state-active .loc-icon-pr { background-image:url(../images/proj-icn-05-ho.png); } .gmap-icon-pr { background-image:url(../images/proj-icn-06.png); } .ui-state-active .gmap-icon-pr { background-image:url(../images/proj-icn-06-ho.png); } .speci-list { display:block; padding:3px; } .speci-list .specblk { border-bottom:1px dotted #c4c4c4; padding-bottom:15px; padding-top:10px; margin-bottom:10px; } .speci-list .icn-spec { float:left; width:66px; display:block; } .speci-list .spec-right { float:left; width:88%; display:block; padding-top:3px; padding-left:3%; } .speci-list .spec-name { font-size:12pt; font-weight:bold; padding-bottom:10px; display:block; } .speci-list .spec-details { display:block; } .amen-list-page li { display:block; float:left; width:19.8%; text-align:center; padding:32px 0 0 0; margin-left:-1px; margin-top:-1px; border-left:1px dotted #c4c4c4; border-right:1px dotted #c4c4c4; border-bottom:1px dotted #c4c4c4; border-top:1px dotted #c4c4c4; } .amen-list-page img { width:66px; } .amen-list-page .amen-list-name { font-size:10pt; } .amen-list-page { padding:20px 0; } .floorPlans { padding:20px 0; } .floorPlans li { display:block; float:left; width:19.8%; text-align:center; border:1px solid #E8E8E8; margin-left:-1px; } .floorPlans img { padding:20px 0; } .loc-img { float:left; width:100%; text-align:center; } .dist-chart { width:100%; padding-top:15px } .dist-chart ul { } .dist-chart h5 { background-color:#31A2E1; padding:8px; text-align:center; color:#FFF; margin-top:8px; margin-bottom:10px; } .dist-chart li { display:block; clear:both; width:100%; padding:8px 20px; border:1px solid #f2f2f2; margin-top:-1px; font-size:9.5pt; } .chart-blk { width:44%; float:left; padding-left:2%; padding-right:2%; } .dist-chart span { display:block; float:left; width:330px; } .dist-hd { background-color: #F3F3F3; text-align: center; } .chbk { padding-top:90px; padding-bottom:90px; text-align:center; font-size:12pt; } .status-gall { margin-left:-1%; } .status-gall li { display:block; float:left; width:19%; padding-left:1%; padding-top:1%; } .enquiry_middle { width:440px; margin:15px auto; padding:30px; border:1px solid #e1e1e1; } .enq-Label { float:left; width:120px; } .enq-colon { float:left; width:20px; text-align:center; } .enq-feild { float:left; width:300px; } .feed-block { padding-right:30px; padding-bottom:10px; padding-left:40px; } .enq-feild input, .enq-feild textarea, .feed-block input, .feed-block textarea{ width:94%; padding:1% 2%; border:1px solid #c4c4c4; line-height:normal; font-family: 'pt_sansregular'; font-size:10pt; } .enquiry-block { padding-bottom:10px; } .enquiry-btn, .feed-btn { float:right; } .feed-btn { padding-right:30px; } .enquiry-btn input, .feed-btn input { padding:8px 15px; line-height:normal; background-color:#31a2e1; border:none; color:#FFF; border-radius:4px; } .eb-block { width:300px; margin:15px auto; } .caption-align { position:relative; } .eb-cap { position:absolute; bottom:0; z-index:1000; background-image:url(../images/cap-bg.png); padding:0%; width:100%; color:#FFF; font-size:10pt; } .eb-cap a:link, .eb-cap a:visited { color:#FFF; font-size:10pt; padding:10px 30px; display:block; background-image:url(../images/icn-down-white.png); background-repeat:no-repeat; background-position:90% center; } .eb-cap a:hover { color:#CCC; } .contact-wrapp { width:800px; margin:40px auto; border:1px solid #e1e1e1; } .address-area { width:399px; text-align:center; margin:0 auto; padding:30px 0; float:left; border-right:1px solid #e1e1e1; } .feed-wrapp { width:370px; float:left; padding-left:15px; padding-right:15px; } .logo-cnt { padding-bottom:15px; } .address-area a:link, .address-area a:visited { color:#788490; } .address-area a:hover { color:#31A2E1; } /* ---------------------------------------------- images greyscale ob hover (whole images with any link) ---------------------------------------------- */ .wid-img, .pro-item-th { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; -webkit-transition: all .6s ease; /* Transition for Webkit browsers */ } .wid-img:hover, .pro-item-th:hover { filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ } .proj-ele { float:left; padding-right:30px; width:300px; } .proj-logo-ind { padding-top:5px; } .proj-logo-ind img { width:126px; background-color:white; padding:10px 8px; } .proj-logo { padding:10px; text-align:center; } .proj-logo img{ width:155px; } .comp-gallery { padding-top:15px; } .sub-hed { padding-bottom:15px; font-size:14pt; color:#1D8CC9; } .comp-gallery li { display:block; float:left; width:22%; padding-left:1%; padding-right:1%; padding-bottom:10px; } #prj_btn_wrap { float: left; height: 50px; width: 100%; } .prj_btn_A:link, .prj_btn_A:visited, .prj_btn_A:hover, .prj_btn_A_still { background-color: #ed3237; border-left: 1px solid #d7be55; color: #ffffff; float: left; font-family: Arial; font-size: 9pt; font-style: normal; font-weight: bold; height: 35px; letter-spacing: 0.2mm; line-height: 35px; margin-right: 1px; text-align: center; text-decoration: none; width: 33%; word-spacing: 0.5mm; } .prj_btn_A:hover { background-color: #f05b21; } .prj_btn_A_still:link, .prj_btn_A_still:visited { background-color: #3e4095; color: #ffffff; text-decoration: none; } .prj_btn_A_still:hover { text-decoration: none; } .help_wrap { height: auto; margin: auto; width: 460px; } .help_wrap_02 { height: auto; margin: auto; width: 560px; } .help_brdr { float: left; height: 320px; margin: auto; padding: 10px; width: 620px; } .help_middle_wrap { float: left; height: auto; margin: 0; padding: 0; width: 450px; } .help_middle_wrap2 { float: left; height: 20px; margin: 0; padding: 10px 0 0; width: 325px; } .help_middle_wrap3 { color: #d51008; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; height: 20px; margin: 0; padding: 10px 0 0; text-decoration: none; width: 400px; } .help_middle_01 { color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; height: auto; line-height: 16px; margin: 0; padding: 10px 0 0; text-align: justify; text-decoration: none; width: 180px; } .help_middle_02 { color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; height: auto; line-height: 16px; margin: 0; padding: 10px 0 0; text-align: justify; text-decoration: none; width: 20px; } .help_middle_03 { float: left; height: auto; margin: 0; padding: 10px 0 0; width: 120px; } #help_middle_emi { color: #007e5f; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; margin: auto; padding-bottom: 15px; padding-right: 0; padding-top: 20px; text-decoration: none; width: 450px; } .help_middle_001 { float: left; height: auto; margin: 0; padding: 10px 0 0; width: 250px; } #help_middle_AREA { color: #666666; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; height: auto; margin: 0; padding-bottom: 0; padding-right: 0; padding-top: 0; text-decoration: none; width: 100%; } #loan_middle { color: #ffffff; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-style: normal; height: auto; line-height: 16px; margin: auto; padding-bottom: 0; padding-right: 0; padding-top: 10px; text-decoration: none; width: 450px; } .loan_2 { color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; height: auto; line-height: 16px; margin: 0; padding: 5px 20px 0 0; text-align: right; text-decoration: none; width: 200px; } .loan_3 { color: #555555; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-style: normal; font-weight: normal; height: auto; line-height: 16px; margin: 0; padding: 5px 0 0; text-align: left; text-decoration: none; width: 20px; } .loan_4 { float: left; height: auto; margin: 0; padding: 5px 0 0; width: 200px; } #loan_middle2 { float: left; height: auto; margin: 0; padding: 10px 0 0; width: 400px; } #help_middle_AREA #form1 table { width: 100%; } #help_middle_AREA { color: #666666; float: left; font-family: Arial,Helvetica,sans-serif; font-size: 9pt; font-weight: normal; height: auto; margin: 0; padding-bottom: 0; padding-right: 0; padding-top: 0; text-decoration: none; width: 100%; } #help_middle_AREA #form1 table { width: 100%; } .lab01 { float: left; height: 20px; line-height: 20px; width: 15%; } .feild { float: left; height: 20px; padding-bottom: 15px; width: 35%; } .help-btn { margin: 0 auto; width: 190px; } .center-text { text-align:center; } .vison-img { float:left; width:220px; padding-right:15px;} .menu-wrapp { padding:0; } .banner { padding-top:60px; } .fixed-top { position:fixed; top:-100px; z-index:18000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .fixed-top-01 { position:fixed; top:0; } .slide-out-div { margin: 0 auto; width: 370px; background-color: #f6f6f6; padding: 20px; border: 1px solid #D3D8DC; } .Qform { } .slide-out-divSide .handle { } .quick-contact-001 { width:350px; } .quick-contact-001 .enq-feild { width:202px; } .formErrorContent { font-size:8pt; color:#F00; } .quick-contact-001 .enquiry-block { }