/* Background ================================= */ html{ background-image: url('/wp-content/themes/grandcollege/images/pattern/pattern-1.png'); background-repeat: repeat; } /* Logo ================================= */ .logo-wrapper{ margin-top: 16px; margin-left: 0px; margin-bottom: 16px; } /* Font Size ================================= */ h1{ font-size: 30px; } h2{ font-size: 25px; } h3{ font-size: 20px; } h4{ font-size: 18px; } h5{ font-size: 16px; } h6{ font-size: 15px; } /* Element Color ================================= */ html{ background-color: #f5f5f5; } div.content-wrapper{ background-color: #ffffff; -moz-box-shadow: 0px 0px 4px #e5e5e5; -webkit-box-shadow: 0px 0px 4px #e5e5e5; box-shadow: 0px 0px 4px #e5e5e5; } div.content-bottom-gimmick{ background-color: #d2d2d2; } div.divider{ border-bottom: 1px solid #ececec; } div.gdl-header-dropcap{ background-color: #64A5C4; } div.under-slider-right{ background-color: #3f93b9; } /* Font Family ================================= */ body{ font-family: Droid Sans; } h1, h2, h3, h4, h5, h6, .gdl-title{ font-family: Merriweather; } h1.stunning-text-title{ font-family: Merriweather; color: #333333; } .stunning-text-caption{ color: #666666; } /* Font Color ================================= */ body{ color: #666666 !important; } a{ color: #2a84ae; } .footer-wrapper a{ color: #475d68; } .gdl-link-title{ color: #2a84ae !important; } a:hover{ color: #2a84ae; } .footer-wrapper a:hover{ color: #5e737d; } .gdl-slider-title{ color: #ffffff !important; } .gdl-slider-caption, .nivo-caption{ color: #bbbbbb !important; } h1, h2, h3, h4, h5, h6, .title-color{ color: #494949; } h1.gdl-page-title{ border-bottom: 1px solid #65A2BE !important; } .gdl-page-caption{ color: #9a9a9a; } .sidebar-title-color, custom-sidebar-title{ color: #494949 !important; } div.right-sidebar-wrapper .custom-sidebar.gdl-divider .custom-sidebar-title, div.left-sidebar-wrapper .custom-sidebar.gdl-divider .custom-sidebar-title{ background-color: #f5f5f5 !important; border-top: 1px solid #64a5c4 !important; } /* Post/Port Color ================================= */ div.blog-item-holder .blog-item2 .blog-date-wrapper{ background-color: #65a1bd !important; color: #ffffff !important; } .port-title-color, .port-title-color a{ color: #2A84AE !important; } .port-title-color a:hover{ color: #2A84AE !important; } .post-title-color, .post-title-color a{ color: #338db7 !important; } .post-title-color a:hover{ color: #338db7 !important; } .post-widget-title-color{ color: #338db7 !important; } .post-widget-info-color{ color: #9e9e9e !important; } .post-info-color, div.custom-sidebar #twitter_update_list{ color: #aaaaaa !important; } div.pagination a{ background-color: #f9f9f9; } .about-author-wrapper{ background-color: #f9f9f9 !important; } /* Stunning Text ================================= */ .stunning-text-button{ color: #ffffff !important; background-color: #2a84ae !important; border: 1px solid #2a84ae !important; } /* Footer Color ================================= */ div.footer-wrapper-gimmick{ background: #cfcfcf; } .footer-widget-wrapper .custom-sidebar-title{ color: #ffffff !important; } .footer-blank-space{ height: 100px; } .content-wrapper{ min-height: 200px; } .footer-wrapper{ margin-top: -100px; background-color: #64a5c4 !important; } .footer-wrapper .gdl-divider, .footer-wrapper .custom-sidebar.gdl-divider div, .footer-wrapper .custom-sidebar.gdl-divider ul li{ border-color: #5f92ab !important; } .footer-wrapper, .footer-wrapper table th{ color: #ffffff !important; } .footer-wrapper .post-info-color, .footer-wrapper div.custom-sidebar #twitter_update_list{ color: #d0e4ed !important; } div.footer-wrapper div.contact-form-wrapper input[type="text"], div.footer-wrapper div.contact-form-wrapper input[type="password"], div.footer-wrapper div.contact-form-wrapper textarea, div.footer-wrapper div.custom-sidebar #search-text input[type="text"], div.footer-wrapper div.custom-sidebar .contact-widget-whole input, div.footer-wrapper div.custom-sidebar .contact-widget-whole textarea { color: #ffffff !important; background-color: #6392ab !important; border: 1px solid #60737d !important; } div.footer-wrapper a.button, div.footer-wrapper button, div.footer-wrapper button:hover { color: #454545 !important; background-color: #ffffff !important; } div.copyright-wrapper{ color: #ffffff !important; } div.footer-wrapper div.custom-sidebar .recent-post-widget-thumbnail { background-color: #527485; border-color: #385766; } /* Divider Color ================================= */ .scroll-top{ color: #7c7c7c !important; } .gdl-divider, .custom-sidebar.gdl-divider div, .custom-sidebar.gdl-divider .custom-sidebar-title, .custom-sidebar.gdl-divider ul li{ border-color: #ececec !important; } /* Table */ table th{ color: #666666; background-color: #f7f7f7; } table, table tr, table tr td, table tr th{ border-color: #e5e5e5; } table.course-table, table.course-table tr, table.course-table tr td, table.course-table tr th{ border-color: #e5e5e5; } table.course-table th{ color: #404040; background-color: #f2f2f2; } table.course-table tr.odd{ color: #9e9e9e; background-color: #ffffff; } table.course-table tr.odd a, table.course-table tr.odd a:hover{ color: #9e9e9e; } table.course-table tr.even{ color: #9e9e9e; background-color: #f9f9f9; } table.course-table tr.even a, table.course-table tr.even a:hover{ color: #9e9e9e; } /* Testimonial Color ================================= */ .testimonial-content{ color: #848484 !important; } .testimonial-author-name{ color: #494949 !important; } .testimonial-author-position{ color: #8d8d8d !important; } /* Tabs Color ================================= */ ul.tabs{ border-color: #dddddd !important; } ul.tabs li a { color: #666666 !important; background-color: #f5f5f5 !important; border-color: #dddddd !important; } ul.tabs li a.active { color: #111111 !important; background-color: #ffffff !important; } /* Navigation Color ================================= */ div.navigation-wrapper, .sf-menu li{ background: url('/wp-content/themes/grandcollege/images/navigation-shadow.png') repeat-x; } .top-navigation-wrapper{ color: #7c7c7c !important; } .top-navigation-left li a{ border-right: 1px solid #575757 !important; } .navigation-wrapper{ border-top: 1px solid #5391ae !important; border-bottom: 1px solid #5391ae !important; } .navigation-wrapper .sf-menu ul, .navigation-wrapper .sf-menu ul li{ border-color: #e9e9e9 !important; } .navigation-wrapper, .sf-menu li{ background-color: #66a3bf !important; } .sf-menu li li{ background-color: #ffffff !important; } .navigation-wrapper .sf-menu li a{ color: #ffffff !important; border-right: 1px solid #7eadc3 !important; border-left: 1px solid #4c87a1 !important; } .navigation-wrapper .sf-menu ul a, .navigation-wrapper .sf-menu .current-menu-ancestor ul a, .navigation-wrapper .sf-menu .current-menu-item ul a{ color: #999999 !important; } .navigation-wrapper #menu-main.sf-menu{ border-right: 1px solid #4c87a1 !important; } .navigation-wrapper .sf-menu a:hover, .navigation-wrapper .sf-menu .current-menu-item a:hover{ color: #ededed !important; } .navigation-wrapper .sf-menu ul a:focus, .navigation-wrapper .sf-menu ul a:active, .navigation-wrapper .sf-menu ul a:hover, .navigation-wrapper .sf-menu .current-menu-item ul a:focus, .navigation-wrapper .sf-menu .current-menu-item ul a:active, .navigation-wrapper .sf-menu .current-menu-item ul a:hover{ color: #666666 !important; } .navigation-wrapper .sf-menu .current-menu-ancestor a, .navigation-wrapper .sf-menu .current-menu-item a{ color: #ededed !important; } .navigation-wrapper .sf-menu ul .current-menu-ancestor a, .navigation-wrapper .sf-menu ul .current-menu-item a{ color: #3d3d3d !important; } .navigation-wrapper .sf-menu .current-menu-item li a { color: #999999 !important; } /* Search */ .search-wrapper #search-text input[type="text"]{ background-color: #ffffff !important; color: #b7b7b7 !important; border-color: #e3e3e3 !important; } div.gdl-combobox-text, #courseform input[type="text"]{ background-color: #ffffff !important; color: #b7b7b7 !important; } #courseform{ background-color: #f7f7f7 !important; } div.gdl-combobox-button, div.gdl-combobox-text, #courseform input[type="text"], div.search-attribute.gdl-combobox{ border-color: #e3e3e3 !important; } div.gdl-combobox-button, #courseform input[type="submit"]{ background-color: #5996b2 !important; color: #ffffff !important; } div.search-wrapper input[type="submit"]{ background-color: #5996b2 !important; color: #ffffff !important; } .search-wrapper{ margin-top: 42px; } /* Button Color ================================= */ a.button, button, input[type="submit"], input[type="reset"], input[type="button"], a.gdl-button{ background-color: #f1f1f1; color: #7a7a7a; border: 1px solid #dedede} a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.gdl-button:hover{ color: #7a7a7a; } /* Price Item ================================= */ div.gdl-price-item .gdl-divider{ border-color: #ececec !important; } div.gdl-price-item .price-title{ background-color: #e9e9e9 !important; color: #3a3a3a !important; } div.gdl-price-item .price-item.active .price-title{ background-color: #5f5f5f !important; color: #ffffff !important; } div.gdl-price-item .price-tag{ color: #3a3a3a !important; } div.gdl-price-item .price-item.active .price-tag{ color: #66a3bf !important; } div.gdl-price-item .price-item.active{ border-top: 1px solid #66a3bf !important; } /* Contact Form ================================= */ div.contact-form-wrapper input[type="text"], div.contact-form-wrapper input[type="password"], div.contact-form-wrapper textarea, div.custom-sidebar #search-text input[type="text"], div.custom-sidebar .contact-widget-whole input, div.comment-wrapper input[type="text"], input[type="password"], div.comment-wrapper textarea, div.custom-sidebar .contact-widget-whole textarea, span.wpcf7-form-control-wrap input[type="text"], span.wpcf7-form-control-wrap input[type="password"], span.wpcf7-form-control-wrap textarea{ color: #888888; background-color: #ffffff; border: 1px solid #cfcfcf; -webkit-box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px; box-shadow: #ececec 0px 1px 4px inset, #f8f8f8 -5px -5px 0px 0px, #f8f8f8 5px 5px 0px 0px, #f8f8f8 5px 0px 0px 0px, #f8f8f8 0px 5px 0px 0px, #f8f8f8 5px -5px 0px 0px, #f8f8f8 -5px 5px 0px 0px; } /* Icon Type (dark/light) ================================= */ div.single-port-next-nav .right-arrow{ background: url('/wp-content/themes/grandcollege/images/icon/dark/arrow-right.png') no-repeat; } div.single-port-prev-nav .left-arrow{ background: url('/wp-content/themes/grandcollege/images/icon/dark/arrow-left.png') no-repeat; } div.single-thumbnail-author, div.archive-wrapper .blog-item .blog-thumbnail-author, div.blog-item-holder .blog-item2 .blog-thumbnail-author{ background: url('/wp-content/themes/grandcollege/images/icon/dark/author.png') no-repeat 0px 0px; } div.single-thumbnail-date, div.custom-sidebar .recent-post-widget-date, div.archive-wrapper .blog-item .blog-thumbnail-date, div.blog-item-holder .blog-item1 .blog-thumbnail-date, div.blog-item-holder .blog-item2 .blog-thumbnail-date{ background: url('/wp-content/themes/grandcollege/images/icon/dark/calendar.png') no-repeat 0px 0px; } div.single-thumbnail-comment, div.archive-wrapper .blog-item .blog-thumbnail-comment, div.blog-item-holder .blog-item1 .blog-thumbnail-comment, div.blog-item-holder .blog-item2 .blog-thumbnail-comment, div.custom-sidebar .recent-post-widget-comment-num{ background: url('/wp-content/themes/grandcollege/images/icon/dark/comment.png') no-repeat 0px 0px; } div.single-thumbnail-tag, div.archive-wrapper .blog-item .blog-thumbnail-tag, div.blog-item-holder .blog-item2 .blog-thumbnail-tag{ background: url('/wp-content/themes/grandcollege/images/icon/dark/tag.png') no-repeat; } div.single-port-visit-website{ background: url('/wp-content/themes/grandcollege/images/icon/dark/link-small.png') no-repeat 0px 2px; } span.accordion-head-image.active, span.toggle-box-head-image.active{ background: url('/wp-content/themes/grandcollege/images/icon/dark/minus-24px.png'); } span.accordion-head-image, span.toggle-box-head-image{ background: url('/wp-content/themes/grandcollege/images/icon/dark/plus-24px.png'); } div.jcarousellite-nav .prev, div.jcarousellite-nav .next{ background-image: url('/wp-content/themes/grandcollege/images/icon/dark/navigation-20px.png'); } div.blog-item-slideshow-nav-right, div.blog-item-slideshow-nav-left{ background-image: url('/wp-content/themes/grandcollege/images/icon/dark/slideshow-navigation.png'); } div.testimonial-icon{ background: url("/wp-content/themes/grandcollege/images/icon/dark/quotes-18px.png"); } div.custom-sidebar ul li{ background: url('/wp-content/themes/grandcollege/images/icon/dark/arrow4.png') no-repeat 0px 14px; } div.gdl-content-slider div.anythingSlider .anythingControls ul a{ background: url('/wp-content/themes/grandcollege/images/icon/dark/content-slider-nav.png'); } ul.twitter-shortcode li{ background: url('/wp-content/themes/grandcollege/images/icon/dark/twitter-shortcode.png') no-repeat 0px 50%; } div.twitter-shortcode-wrapper .jcarousellite-nav .prev, div.twitter-shortcode-wrapper .jcarousellite-nav .next { background-image: url('/wp-content/themes/grandcollege/images/icon/dark/twitter-shortcode-nav.png'); } div.custom-sidebar #searchsubmit { background: url('/wp-content/themes/grandcollege/images/icon/dark/find-17px.png') no-repeat center; } /* Footer Icon Type ================================= */ div.footer-wrapper div.custom-sidebar ul li { background: url('/wp-content/themes/grandcollege/images/icon/light/arrow4.png') no-repeat 0px 14px; } div.footer-wrapper div.custom-sidebar #searchsubmit { background: url('/wp-content/themes/grandcollege/images/icon/light/find-17px.png') no-repeat center; } div.footer-wrapper div.custom-sidebar .recent-post-widget-comment-num { background: url('/wp-content/themes/grandcollege/images/icon/light/comment.png') no-repeat 0px 1px; } div.footer-wrapper div.custom-sidebar .recent-post-widget-date{ background: url('/wp-content/themes/grandcollege/images/icon/light/calendar.png') no-repeat 0px 1px; } /* Elements Shadow ================================= */ a.button, button, input[type="submit"], input[type="reset"], input[type="button"], a.gdl-button{ -moz-box-shadow: 1px 1px 3px #ececec; -webkit-box-shadow: 1px 1px 3px #ececec; box-shadow: 1px 1px 3px #ececec; } div.gdl-price-item .price-item.active{ -moz-box-shadow: 0px 0px 3px #ececec; -webkit-box-shadow: 0px 0px 3px #ececec; box-shadow: 0px 0px 3px #ececec; } div.single-course-header-title{ margin-bottom: 20px; } div.single-course-content{ margin-top: 22px; } div.personnal-small .personnal-title{ text-align: center; padding-top: 10px; font-size: 14px; } div.personnal-full .personnal-title{ padding-top: 4px; padding-bottom: 6px; font-size: 14px; } div.personnal-full .personnal-thumbnail-image{ float: left; margin-right: 15px; } div.personnal-full .personnal-content{ overflow: hidden; } div.top-navigation-wrapper{ min-height: 11px; } div.custom-sidebar #searchsubmit { text-indent: -10000px; } div.gdl-header-dropcap{ position: relative; } div.gdl-header-dropcap-center{ position: absolute; left: 50%; top: 50%; } div.gdl-header-dropcap-center img{ margin-top: -50%; margin-left: -50%; display: block; }