/* * Theme Name: GWT-Wordpress 25.2 * Theme URI: http://i.gov.ph * Description: Custom WordPress theme based on the draft Unified Web Content Policy * prepared by the PCDSPO, DOST-ASTI, and DOST-ICTO. Theme is built on * HTML5 responsive WordPress framework based on ZURB's Foundation. * Version: 25.2 * Author: iGovPhil * Author URI: http://i.gov.ph * License: MIT License * License URI: http://www.opensource.org/licenses/mit-license.php * Tags: theme-options, rtl-language-support, featured-images, editor-style, custom-menu, * responsive-layout, right-sidebar, left-sidebar, one-column, two-columns, three-columns */ /** Your style here **//* * Theme Name: GWT-Wordpress 25.0 * Theme URI: http://i.gov.ph * Description: Custom WordPress theme based on the draft Unified Web Content Policy * prepared by the PCDSPO, DOST-ASTI, and DOST-ICTO. Theme is built on * HTML5 responsive WordPress framework based on ZURB's Foundation. * Version: 25.0 * Author: iGovPhil * Author URI: http://i.gov.ph * License: MIT License * License URI: http://www.opensource.org/licenses/mit-license.php * Tags: theme-options, rtl-language-support, featured-images, editor-style, custom-menu, * responsive-layout, right-sidebar, left-sidebar, one-column, two-columns, three-columns */ /** Your style here **/ body {color: #36505D;} p {text-align: justify;} /**Main Navigator**/ #main-nav {background: #0d3c6b;} #main-nav li:not(.has-form) a:not(.button) {line-height: 50px;} #main-nav .vertical > li > a, #aux-main .vertical > li > a {line-height: 20px !important; padding: 7px 5px 7px 10px !important; border-top: 1px solid #0d3c6b; border-right: 1px solid #0d3c6b; padding-right: 8px;} #main-nav li.current-menu-item:not(.has-form) a:not(.button), #aux-main li.current-menu-item:not(.has-form) a:not(.button), #offCanvasRight li.current-menu-item:not(.has-form) > a:not(.button) {background: #245381;} #main-nav ul li:hover:not(.has-form) > a, #main-nav .dropdown li:not(.has-form) a:hover:not(.button), #main-nav .dropdown li:hover:not(.has-form) > a:not(.button), #aux-main ul li:hover:not(.has-form) > a, #aux-main .dropdown li:not(.has-form) a:hover:not(.button), #aux-main .dropdown li:hover:not(.has-form) > a:not(.button) {background: #245381 !important; text-shadow: unset;} #main-nav li:not(.has-form) a:not(.button), #main-nav li.active:not(.has-form) a:not(.button), #aux-main li:not(.has-form) a:not(.button), #aux-main li.active:not(.has-form) a:not(.button) {color: #f3f3ec; line-height: 50px;} .top-bar-left > ul > li, #aux-main > ul > li {border-color: #37618c;} .top-bar-left > ul > li a { text-shadow: unset; } .top-bar-right > ul > li {border-color: unset;} li.menu-item {background: #0d3c6b;} #main-nav ul .name {border-color: #37618c; background: #0d3c6b;} #main-nav ul .name a:hover {background: #0d3c6b !important;} .menu ul{list-style-type: none;} #accessibility-button, .fa-universal-access {background-color: #146293; color: #DFEDF2;} li.is-submenu-item is-dropdown-submenu-item a {background-color: #146293 !important;} h1, h2, h3, h4, h5, h6 {text-transform: none !important;} a{color: #0D7A8C;} a:focus, a:hover {color: #146293; text-shadow: 0 1px 1px #cecdc8;} .callout {color: #36505d;} .logo, .ear-content {margin: 10px 0px;} .top-bar-left {background: linear-gradient(#1a9937, #197A43);} #main-nav .vertical li a::after, #aux-main .vertical li a::after {border-color: transparent transparent transparent #DFF2E5;} #main-nav .has-dropdown > a::after, #aux-main .has-dropdown > a::after {border-color: #DFF2E5 transparent transparent transparent;} .callout.secondary {background: #F3F3F1;} /**Category Post**/ #category-posts-4-internal .cat-post-current .cat-post-title {text-transform: none !important; color: #0B4D93 !important; font-weight: unset !important;} #category-posts-3-internal .cat-post-current .cat-post-title {text-transform: none !important; color: #0B4D93 !important; font-weight: unset !important;} #category-posts-2-internal .cat-post-current .cat-post-title {text-transform: none !important; color: #0B4D93 !important; font-weight: unset !important;} /**Breadcrumbs**/ .breadcrumbs {background: #0d3c6b;} .breadcrumbs a {color: #EAEAE0;} .breadcrumbs a:hover {color: #EAEAE0; text-shadow: unset;} .breadcrumbs li {color: #F3F3E1;} .breadcrumbs li:not(:last-child)::after {content: "_>_";} .breadcrumbs .separator {display: none;} /**Banner Section 1**/ #text-20 h3.widget-title {color: #000;} .pt-cv-ifield h4 {font: 15px roboto;} #auxiliary {border-bottom: 1px solid #e7e7e1;} /**Header**/ .container-masthead {background: #f5f3ed; margin-top: 50px; padding: 10px; box-shadow: 0 1px 4px #baba9f;} h1.logo a #agency-name {color: #3A3B41; border-top-color: #0D3C6B; text-shadow: -2px 2px 4px #b1adad;} #agency-heading {color: #3A3B41;} #agency-tagline {color: #3A3B41;} a #agency-tagline {font: 20px roboto;} #textlogo-inner-wrapper {margin-left: 8px;} /**Contact US Form**/ #fscf_name1, #fscf_email1, #fscf_field1_2, #fscf_field1_3, #fscf_captcha_code1 {width: 100% !important; max-width:100% !important;} #fscf_submit1 {padding: 3px 30px;} #fscf_form1 {margin-bottom: 50px;} /**Off Canvas**/ .off-canvas-content {background: #f8f8f8;} /**Footer**/ #footer {background: linear-gradient(#f5f5f5,#eae9e7); background: -webkit-linear-gradient(#f5f5f5,#eae9e7); margin-top: 30px; box-shadow: 0 0 2px #f2f2ee;} div.anchor aside .textwidget {color: #515451;} div.anchor .widget-title, ul abbr {color: #515451;} div.anchor .textwidget iframe {background-color: #DFEDF2 !important;} #footer .widget {padding: 20px 0;} #standard-footer large-5 columns img {display: none !important; } /**Announcement**/ #text-20 h3.widget-title {color: #000;} .widget_menu a {font: 16px roboto;} .widget_menu a:hover {text-decoration: underline #0D6D8C;} /**OTW Shortcode Widget**/ .otw-sc-tabs .ui-tabs-panel {box-shadow: unset !important; border-color: #B8B8B3 !important; height: auto; border: none !important; border-top: 1px solid #B8B8B3 !important; border-bottom: 1px solid #B8B8B3 !important; min-height: 300px !important;} .otw-sc-tabs .ui-tabs-panel p {color: #565656 !important;} .otw-sc-tabs .ui-tabs-nav li.ui-tabs-active a {background: #0D6D8C !important; color: #F3F3EC !important;} .otw-sc-tabs .ui-tabs-nav li.ui-tabs-active a:focus, .otw-sc-tabs .ui-tabs-nav li.ui-tabs-active a:hover, .otw-sc-tabs .ui-tabs-nav li.ui-tabs-active a:active {color: #F3F3EC !important;} .otw-sc-tabs .ui-tabs-panel{height: auto; overflow: auto;} @media(max-width: 360px) {#banner-section-1{margin-top: 15px;}} @media(max-width: 639px) {#sidebar-right{margin-top: 30px;}} .otw-sc-tabs .ui-tabs-nav li {text-shadow: none !important; background: none !important;} .otw-sc-tabs .ui-tabs-nav li span.tab-title, .otw-sc-tabs .ui-tabs-nav li a {margin-top: 0 !important; background: none !important;} .otw-sc-tabs .ui-tabs-nav li a:hover, .otw-sc-tabs .ui-tabs-nav li a:active, .otw-sc-tabs .ui-tabs-nav li a:focus {color: #515653 !important;} /**Post**/ .thumbnail {width: 150px; height: 150px;} .entry-content p {line-height:1.4;} .nav-previous a {padding: 7px 12px 7px 12px; border: 1px solid #BFBFBF; border-radius: 3px; background: #0D6D8C; color: #cfebed;} .nav-previous a:hover, .nav-previous a:active, .nav-previous a:focus {color: #F3F3EC; background: #0D6D8C; text-shadow: unset;} .nav-next a {padding: 7px 12px 7px 12px; border-radius: 3px; border: 1px solid #BFBFBF; background: #0D6D8C; color: #cfebed;} .nav-next a:hover, .nav-next a:active, .nav-next a:focus {color: #F3F3EC; background: #0D6D8C; text-shadow: unset;} .paging-navigation h4 {display: none;} /** Marquee **/ .mtphr-dnt-wrapper {width: 1250px; margin: 10px auto 10px auto; text-overflow: clip;} .mtphr-dnt-wrapper a {font-weight: bold; text-shadow: 0 1px 1px gray;} /**Tablepress**/ .tablepress tfoot th, .tablepress thead th {background-color: #E4E0D1 !important;} .paginate_button::after, .paginate_button::before {color: #cfe6e3 !important;} .paginate_button:hover::after, .paginate_button:hover::before {color: #196B20 !important;} .tablepress .odd td {background-color: #fbfaf9 !important;} .tablepress .row-hover tr:hover td {background-color: #fbfaf9 !important;} .tablepress .even td {background-color: #f8f6f3 !important;} /**Off Canvas Container**/ .title-bar {background: #0D3C6B;} .title-bar-right .name a, .title-bar-left .name a, .title-bar-title {color: #F3F3EC;} .title-bar-right button::after {background: #DFF2E5; box-shadow: 0 7px 0 #DFF2E5,0 14px 0 #DFF2E5;} #offCanvasRight li a {color: #F3F3EC; background: #0D3C6B; border-top: 1px solid #37618c;} #offCanvasRight .list-item {background: #0D3C6B;} #offCanvasRight .list-item:first-child {border-bottom: none;} #aux-offmenu {color: #dff2e5;} #offCanvasRight .vertical li:last-child {border-bottom: none;} #offCanvasRight li a:hover, #offCanvasRight li a:active, #offCanvasRight li a:focus {background: #245381; text-shadow: unset;} #offCanvasRight .is-submenu-parent-item {border-bottom: none; text-align: center;} .title-bar-right .name a, .title-bar-left .name a, .title-bar-title {text-shadow: unset;} /**Back to Top**/ #back-to-top {background: linear-gradient(#0d6d8c, #0d3c6b); border: 1px solid #0a4b6c; text-shadow: unset;} /**Head Icons FA**/ .headicons { display: table; float: right; } .headicons a { font-size: 24px; padding: 13px; -webkit-transition: color 2s ease-out; /* Safari 3.1 to 6.0 */ -webkit-transition: text-shadow 1s ease-out; /* Safari 3.1 to 6.0 */ -webkit-transition: bottom 2s ease-out; /* Safari 3.1 to 6.0 */ transition: color 2s ease-out; transition: text-shadow 1s ease-out; transition: bottom 2s ease-out; } .headicons a:hover, .headicons a:focus, .headicons a:active { text-shadow: 0 5px 8px #C9C4AC; bottom: 1px; position: relative; } .headicons a i.fa-facebook { color: #3B5998; } .headicons a i.fa-twitter { color: #1DA1F2; } .headicons a i.fa-envelope { color: #437D20; } .headicons a i.fa-unlock-alt { color: #894D09; } .headicons i { font-size: 28px !important; margin-top: 15px; } /** News Ticker **/ .news-main-area {width: 100% !important;} .news-main-area .haeding-area {background: #f3f3ec !important; color: #515451 !important; padding: 0 8px 10px 0 !important;} .news-main-area .demof a {font-size: 14px !important; font-family: helvetica; color: #0D3C6B;} .news-main-area .demof ul {margin-left: unset !important;} /**Search**/ [type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea {color: #515451; background-color: #f3f3ec; border: 1px solid #9ca69e;} [type="color"], [type="date"], [type="datetime-local"], [type="datetime"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], textarea:focus {color: #515451; background-color: #fbfaf9 !important;} [type="search"]:focus {box-shadow: 0 0 5px #354042;} .top-bar-right .search {padding: 7px 0;} /**Panel Bottom**/ #panel-bottom {margin-top: 30px; border-top: 1px solid #e7e7e1;} #panel-bottom-1, #panel-bottom-2, #panel-bottom-3, #panel-bottom-4 {margin-top: 15px;} /**Agency Footer**/ a.sitelinks img {float: left; max-width: 100px; padding-right: 30px; padding-bottom: 20px;} /**Photo Gallery**/ #bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {color: #3A3B41 !important; background-color: #fff !important; opacity: .7;} #bwg_container1_0 #bwg_container2_0 .bwg_title_spun1_0 {height: 80px !important;} #bwg_container1_0 #bwg_container2_0 .bwg_album_thumb_spun1_0 {margin: 10px !important;} #bwg_container1_0 #bwg_container2_0 .bwg_album_thumb_spun1_0:hover .bwg_title_spun1_0 {top: 45px !important;} #bwg_container1_0 #bwg_container2_0 .bwg_back_0 {background-color: #EAEAE0 !important; margin-bottom: 10px !important;} #bwg_container1_0 #bwg_container2_0 .bwg_album_thumbnails_0 {max-width: 100% !important;} /** Accordion **/ #accordions-196 .accordion-content {padding: 15px !important; font-size: 15px !important; background: #f9f9f4 !important;} .textwidget p {margin-bottom: unset;} .ui-accordion .ui-accordion-icons {padding-left: 10px !important;} .accordions.border-bottom .accordions-head {border: unset;} #text-7 iframe {height: 250px; width: 358px;} /** Sidebar **/ #text-7 iframe {height: 190px; width: 100%;} /**Banner**/ #banner-slider { padding: 0 15px; }