관리-도구
편집 파일: style.css
/* Theme Name: galaxy beads Theme URI: Author: Jephjep Author URI: Description: Theme for galaxy beads Version: 1.0 License: License URI: Tags: Text Domain: */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Generic CSS --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Generic --------------------------------------------------------------*/ body { font-family: 'OpenSansRegular'; background: transparent; margin: 0; padding: 0; color: #222222; font-size: 15px; background-color: #f9f9f9; min-width: 320px; } body h1, body h2, body h3, body h4, body h5 { text-decoration: none; margin: 0; } body p { margin-top: 0; margin-bottom: 15px; } body .minWidth1024 { min-width: 1024px; width: 100%; } body .fleft { float: left; } body .fright { float: right; } body a { text-decoration: none; color: #222222; } body .tLeft { text-align: left; } body .tRight { text-align: right; } body .tCenter { text-align: center; } body .cBoth { clear: both; } body .posRel { position: relative; } body .posAbs { position: absolute; } body .scaleMeUp { transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } body .scaleMeUp:hover { transform: scale(1.25, 1.25); -o-transform: scale(1.25, 1.25); -moz-transform: scale(1.25, 1.25); -webkit-transform: scale(1.25, 1.25); } body .hide { display: none; } body .show { display: block; } body .showInline { display: inline-block; } body .slickBg { background-size: cover; background-position: center center; background-repeat: no-repeat; } body .grabbing { cursor: url("images/grabbing.png") 8 8, move; } header#masthead { background-color: #F9F9F9 !important; height: 60px; border-top: 2px solid #333; } header#masthead .headerHolder { height: 60px; max-width: 1024px; min-width: 300px; padding: 0 10px; margin: 0 auto; } header#masthead .headerHolder .desktopMenuContainer { float: left; } header#masthead .headerHolder .desktopMenuContainer ul.desktopMenu { margin: 0; padding: 0; } header#masthead .headerHolder .desktopMenuContainer ul.desktopMenu li { float: left; list-style: none; padding: 0 15px; height: 60px; border-right: 1px solid #333; } header#masthead .headerHolder .desktopMenuContainer ul.desktopMenu li a { color: #333; margin-top: 15px; display: block; } header#masthead .headerHolder .siteSearch { float: left; clear: none; } header#masthead .headerHolder .siteSearch form input[type="search"] { padding: 19px 15px 21px 15px; font-size: 16px; border: none; margin-top: 1px; width: 280px; } header#masthead .headerHolder .siteSearch form input[type="submit"] { position: relative; top: 4px; cursor: pointer; padding: 10px 25px; border: none; background-image: url("images/toolbar_find.png"); background-repeat: no-repeat; background-color: transparent; } header#masthead .headerHolder ul.siteHeaderCart { float: right; margin: 0; padding: 0; } header#masthead .headerHolder ul.siteHeaderCart li { border-left: 1px solid #333; list-style: none; padding: 0 15px; height: 60px; float: left; } header#masthead .headerHolder ul.siteHeaderCart li a.cartContents { padding: 0; display: block; color: #333; height: 45px; padding-top: 15px; } header#masthead .headerHolder ul.siteHeaderCart li a.cartContents span.count { margin: 0 15px; font-size: 16px; } header#masthead .headerHolder ul.siteHeaderCart li a.cart-contents:after { position: static !important; } .headerBanner { background-image: url("images/galaxy-beads-header.png"); background-size: cover; background-position: 0px 0px; background-repeat: no-repeat; } .headerBanner .bannerText { margin: 0 auto; max-width: 960px; min-width: 300px; padding: 100px 0; } .headerBanner .bannerText .topDesign img { width: 90px; margin-left: 162px; } .headerBanner .bannerText a { font-size: 145px; color: #fff; font-family: 'karine_aime_les_chocolatsRg'; /* text-shadow: 2px 2px 2px #333; span { font-size:220px !important; display:inline-block; margin-right: 6px; text-shadow: 2px 2px 2px #333; } */ } .headerBanner .bannerText p { font-size: 19px; color: #fff; } .headerBanner .bannerText p span { display: inline-block; border-bottom: 2px solid #fff; width: 45px; top: -5px; position: relative; } #content .col-full { max-width: 100% !important; } .genericFooterWrapper { position: relative; } .genericFooterWrapper .bgGreen, .genericFooterWrapper .bgDarkGray { position: absolute; width: 50%; height: 100%; } .genericFooterWrapper .bgGreen { background-color: #03A39F; left: 0; top: 0; } .genericFooterWrapper .bgDarkGray { background-color: #333; right: 0; top: 0; } .genericFooterWrapper .footerContent { height: auto; overflow: auto; max-width: 1024px; min-width: 320px; padding: 0; margin: 0 auto; z-index: 1; position: relative; } .genericFooterWrapper .footerContent .contactForm { width: 30%; float: left; height: 100%; padding: 40px 2% 50px 1%; } .genericFooterWrapper .footerContent .contactForm p { font-family: 'dragon_is_comingregular'; font-size: 60px; margin-bottom: 0; } .genericFooterWrapper .footerContent .contactForm form { z-index: 1; } .genericFooterWrapper .footerContent .contactForm form img { float: left; padding-bottom: 5px; } .genericFooterWrapper .footerContent .contactForm form div { line-height: 0; margin-bottom: 5px; position: relative; text-align: center; } .genericFooterWrapper .footerContent .contactForm form div input[type="text"], .genericFooterWrapper .footerContent .contactForm form div input[type="email"], .genericFooterWrapper .footerContent .contactForm form div select { padding: 0.7%; width: 99%; height: 20px; font-family: arial; font-size: 12px; opacity: 0.8; } .genericFooterWrapper .footerContent .contactForm form div select { height: 30px; } .genericFooterWrapper .footerContent .contactForm form div textarea { width: 100%; height: 100px; font-family: arial; font-size: 12px; opacity: 0.8; } .genericFooterWrapper .footerContent .contactForm form div input[type="submit"] { margin-right: -9px; padding: 8px 18px; background: none repeat scroll 0 0 #ccc; border: medium none; border-radius: 5px; color: #333; cursor: pointer; font-weight: bold; } .genericFooterWrapper .footerContent .contactForm form div .wpcf7-not-valid-tip { position: absolute; top: 12px; right: 7px; font-size: 12px; } .genericFooterWrapper .footerContent .contactForm form .wpcf7-response-output { margin: 20px 0 0 0; padding: 10px 5px; line-height: 21px !important; } .genericFooterWrapper .footerContent .footerLinks { float: right; background-color: #333; min-height: 400px; width: 62%; padding: 40px 2% 50px 2%; color: #fff; } .genericFooterWrapper .footerContent .footerLinks p.aRr { margin-top: 40px; margin-left: 10px; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside.widget { float: left; color: #fff; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside.widget .widgetTitle { font-weight: lighter; font-family: 'dragon_is_comingregular'; font-size: 60px; margin-bottom: 0; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside.widget ul.menu { margin: 0; padding: 0 0 0 10px; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside.widget ul.menu li.menu-item { list-style: none; margin-bottom: 5px; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside.widget ul.menu li.menu-item a { color: #fff; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside#nav_menu-2 { width: 27%; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside#nav_menu-3 { width: 73%; margin-right: 0 !important; } .genericFooterWrapper .footerContent .footerLinks .widgetArea aside#nav_menu-3 ul.menu li.menu-item { float: left; width: 24%; padding-right: 1%; } .staticHomePageWrapper section.unsortedDivisionWrapper { max-width: 960px; min-width: 320px; margin: 0 auto 55px auto; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision { height: 560px; position: relative; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row { height: 50%; /*******************/ } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .uDiv { background-repeat: no-repeat; background-position: center center; position: absolute; width: 33.3%; height: 280px; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .uDiv .textWrap { text-align: center; margin-top: 67px; margin-left: 10px; margin-right: 10px; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .uDiv .textWrap strong { font-family: 'karine_aime_les_chocolatsRg'; font-size: 70px; font-weight: lighter; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div1 { left: -21% !important; width: 54.4% !important; top: -45px; background-color: #FAF8F3; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div1 .textWrap { width: 60%; float: right; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div2 { background-image: url("images/homepage/style.jpg"); background-position: 0px 0px !important; left: 33.4%; top: 0; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div3 { right: 0; top: 0; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div4 { left: 0; bottom: 0; background-position-y: -93px; background-image: url("images/homepage/smile.jpg"); width: 33.4% !important; height: 325px !important; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div5 { left: 33.4%; bottom: 0; background-color: #03A39F; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div5 .textWrap { color: #fff; } .staticHomePageWrapper section.unsortedDivisionWrapper .unsortedDivision .row .div6 { right: 0; bottom: -100px; background-image: url("images/homepage/spice.jpg"); height: 380px !important; } .staticHomePageWrapper .getBeads { height: 50px; max-width: 960px; border-bottom: 2px solid #ccc; margin: 0 auto; padding: 0 10px; min-width: 300px; } .staticHomePageWrapper section.newArrivalsWrapper { overflow: hidden; position: relative; margin: 50px 0; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals { margin: 0 auto; max-width: 960px; min-width: 300px; padding: 0 10px; height: 300px; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul { width: 67%; margin: 0; padding: 0; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul li { text-align: center; padding: 1%; width: 28.3%; min-height: 290px; float: left; list-style: none; margin-right: 1.5%; margin-left: 1.5%; background-color: #fff; position: relative; z-index: 1; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul li .image { width: 100%; height: 140px; background-size: 100% 100%; margin-bottom: 10px; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul li span { display: inline-block; min-height: 40px; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul li .rating .star { margin-right: 1%; display: inline-block; height: 24px; width: 24px; background-image: url("images/rating-score.png"); background-repeat: no-repeat; background-position: -21px 1px; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul li .rating .good { background-position: 1px 1px !important; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul li a.linkToShopPage { font-size: 15px; display: inline-block; padding: 7px 14px; background-color: #03A39F; color: #fff; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals ul li:last-of-type { margin-right: 0 !important; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals .makeYourOwnRosary { background-color: #f9f9f9; padding-top: 65px; text-align: center; width: 32%; } .staticHomePageWrapper section.newArrivalsWrapper .newArrivals .makeYourOwnRosary .shopBtn { padding: 8px 14px; border: 2px solid #333; display: inline-block; } .staticHomePageWrapper section.newArrivalsWrapper .spacer { border-bottom: 2px solid #9A9A9B; max-width: 960px; min-width: 320px; margin: 50px auto 50px auto; } .staticHomePageWrapper section.newArrivalsWrapper img.greenBeads { position: absolute; right: 0; top: 0; width: 505px; } .staticHomePageWrapper section.newArrivalsWrapper img.rosary { position: absolute; left: 0; bottom: 0; width: 272px; z-index: -1; } .staticHomePageWrapper section.makeYourOwnWrapper { height: auto; overflow: auto; } .staticHomePageWrapper section.makeYourOwnWrapper .fleft { width: 70%; height: 400px; background-color: #ccc; background-image: url("images/make-your-own-beads.jpg"); background-size: cover; background-position: center center; } .staticHomePageWrapper section.makeYourOwnWrapper .fright { width: 26%; padding: 0 2%; height: 400px; background-color: #03A39F; text-align: center; color: #fff; } .staticHomePageWrapper section.makeYourOwnWrapper .fright strong { margin-top: 105px; display: inline-block; font-family: 'karine_aime_les_chocolatsRg'; font-size: 70px; font-weight: lighter; } .staticHomePageWrapper section.makeYourOwnWrapper .fright p { margin: 20px 0; } .staticHomePageWrapper section.makeYourOwnWrapper .fright a.learnMore { display: inline-block; padding: 5px 40px; background-color: #eee; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper { padding: 50px 0; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow { max-width: 1024px; min-width: 300px; padding: 0 10px; height: 580px; margin: 0 auto; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col { border-right: 2px solid #03a39f; float: left; height: 100%; width: 33.1%; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col .row { height: 50%; width: 100%; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col .row .rowContent { text-align: center; padding: 15px; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col .row .rowContent img.sampleImage { width: 100%; margin-bottom: 15px; margin-top: 30px; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .col .row1 { border-bottom: 2px solid #03a39f; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .column2 .center { text-align: center; padding-top: 20px; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .column2 .center span { font-family: 'karine_aime_les_chocolatsRg'; font-size: 45px; display: inline-block; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow .column2 .center img.sampleImage { width: 100%; margin-bottom: 15px; margin-top: 30px; } .staticHomePageWrapper section.thingsYouNeedToKnowWrapper .thingsYouNeedToKnow div:last-of-type { border-right: none !important; } .innerPagesWrapper .pageTitleWrapper { max-width: 960px; min-width: 300px; padding: 3px 10px; margin: 30px auto 20px auto; height: auto; overflow: auto; } .innerPagesWrapper .pageTitleWrapper h2 { font-size: 30px; line-height: 39px; float: left; } .innerPagesWrapper .pageTitleWrapper .backToHomePage { position: relative; z-index: 3; float: right; } .innerPagesWrapper .pageTitleWrapper .backToHomePage a.backToHome { padding: 8px 16px; display: block; } .innerPagesWrapper .pageTitleWrapper .backToHomePage a.backToHome i { font-size: 35px; margin-right: 5px; color: #fff; } .innerPagesWrapper .pageTitleWrapper .backToHomePage a.backToHome span { color: #fff; position: relative; top: -7px; } .innerPagesWrapper .pageTitleWrapper .backToHomePage div.gradient { z-index: -1; top: 0; left: 0; position: absolute; background-color: #000; height: 100%; width: 100%; opacity: 0.7; } .innerPagesWrapper hr { margin: 0; } .innerPagesWrapper .contentWrapper { max-width: 960px; min-width: 300px; margin: 30px auto; height: auto; overflow: auto; } .innerPagesWrapper .contentWrapper .blogListing article { float: left; margin-left: 1.5%; margin-right: 1.5%; margin-bottom: 30px; width: 30%; } .innerPagesWrapper .contentWrapper .blogListing article header.entryHeader h3.entryTitle { font-size: 21px; margin-bottom: 8px; font-weight: lighter; height: 65px; } .innerPagesWrapper .contentWrapper .blogListing article header.entryHeader div.thumbImage { height: 155px; width: 100%; background-color: #ccc; } .innerPagesWrapper .contentWrapper .blogListing article header.entryHeader div.thumbImage img { width: 100%; height: 100%; } .innerPagesWrapper .contentWrapper .pageDefault { padding: 0 15px; } .innerPagesWrapper .contentWrapper .articleDetails { padding: 0 15px; } .innerPagesWrapper .contentWrapper .articleDetails h1.entryTitle { font-size: 30px; margin-bottom: 8px; font-weight: lighter; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments { /* Comment list ************************/ /* Respond ************************/ } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments .postNavigation { margin-bottom: 55px; height: auto; overflow: auto; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments .postNavigation .navPrevious, .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments .postNavigation .navNext { float: left; padding: 5px 1.5%; background-color: #333; color: #fff; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments .postNavigation .navPrevious a, .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments .postNavigation .navNext a { color: #fff; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments .postNavigation .navNext { float: right !important; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li { list-style: none; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment { margin-bottom: 15px; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment .comment-author img { margin-right: 6px; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment .comment-author span.says { display: none; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment .comment-metadata { margin: 6px 0; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment .comment-metadata a { font-style: italic; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment div.comment-content p { font-size: 13px; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment div.reply { margin: 6px 0; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment div.reply a { text-decoration: underline; color: #3497D9; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments ol.commentList li.comment ol.children { margin-top: 15px; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments #respond h3 { margin-bottom: 20px; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments #respond h3 a { text-decoration: underline; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments #respond h3 #cancel-comment-reply-link { display: inline-block; padding: 3px 8px; background-color: #bdc3c7; margin-left: 15px; color: #fff; } .innerPagesWrapper .contentWrapper .articleDetails .pageNavAndComments #respond #commentform { width: 70%; padding: 20px; background-color: #BDC3C7; } .innerPagesWrapper .contentWrapper div.entryMeta { margin-bottom: 13px; margin-top: 13px; } .innerPagesWrapper .contentWrapper div.entryMeta .postedOn { background-color: #333; padding: 5px; margin-right: 5px; } .innerPagesWrapper .contentWrapper div.entryMeta .postedOn time.entryDate { color: #fff; } .innerPagesWrapper .contentWrapper div.entryMeta .postedOn time.updated { display: none; } .innerPagesWrapper div.navigation { text-align: center; padding-bottom: 30px; } .innerPagesWrapper div.navigation ul li { display: inline-block; } .innerPagesWrapper div.navigation ul li a { font-size: 18px; padding: 0 6px; } .innerPagesWrapper div.navigation ul li.active { border-bottom: 2px solid #222222; } /*# sourceMappingURL=style.css.map */