(58 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
body{font-family: Calibri, serif;padding-top: 50px;} | body{font-family: Calibri, serif;padding-top: 50px;} | ||
− | p{line-height:36px;text-align: justify;font-size: | + | p{line-height:36px;text-align: justify;font-size:20px;} |
h1{border:0;font-weight:bold;font-size:28px;font-family:Arial} | h1{border:0;font-weight:bold;font-size:28px;font-family:Arial} | ||
h2{border:0;font-weight:bold;font-size:26px;font-family:Arial} | h2{border:0;font-weight:bold;font-size:26px;font-family:Arial} | ||
Line 10: | Line 10: | ||
/*TOP*/ | /*TOP*/ | ||
#oucNav .active a{background-color:#63b5d7;} | #oucNav .active a{background-color:#63b5d7;} | ||
− | #oucNav li{font-size: | + | #oucNav li{font-size:18px;} |
− | #oucNav li a{color:white;} | + | #oucNav li a{font-weight:bold;color:white;padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-left:8px;} |
#oucNav li a:hover{background-color:#63b5d7;} | #oucNav li a:hover{background-color:#63b5d7;} | ||
− | .oucBanner{height: | + | #oucNav li ul li a{font-size:16px;font-weight:normal;} |
+ | .oucBanner{height:180px;margin-top:-20px;} | ||
.oucNav{margin-top:16px;border:0;} | .oucNav{margin-top:16px;border:0;} | ||
− | + | #oucNav .dropdown-menu{margin-left:8px;} | |
+ | #oucNav .dropdown-menu li a{margin:0} | ||
+ | .oucBrand img{margin-top:-15px;margin-left:0px;} | ||
/*Footer*/ | /*Footer*/ | ||
− | .oucInformation{background:#EFF2F6;width:100%;margin:0;} | + | .oucInformation{background:#EFF2F6;width:100%;margin:0;text-align:left;font-family:Arial;} |
− | .oucInformation | + | .oucInformation h3{display:block;padding-top:10px;font-size:22px;} |
− | .oucInformation p:last-child{padding-bottom: | + | .oucInformation p{font-size:16px;} |
− | .oucBottom{width:100%;height: | + | .oucInformation p:last-child{padding-bottom:30px} |
+ | .oucBottom{width:100%;height:20px;background-color:#152640;} | ||
/*hpMain*/ | /*hpMain*/ | ||
− | .hpMain{max-width: | + | .hpMain{max-width:92%;margin:0 auto;border-left:0;} |
− | + | .hpMain img{padding-top:30px;padding-bottom:30px;margin-top:0px;margin-bottom:10px;margin:0 auto;} | |
− | .hpMain img{padding-top:30px;padding-bottom:30px;margin:0 auto;} | + | |
− | + | .oucBanner h3{color:white;padding-top:70px;font-size:32px;} | |
− | + | .img_banner{margin-top:-9px;} | |
− | .oucBanner h3{color:white;padding-top: | + | .oucInformation .col-md-5 p img{margin-left:0;} |
− | .img_banner{margin-top:- | + | .oucInformation .col-md-5 p{text-align:left; margin:0;} |
+ | .Contact{margin-left:0px;margin-top:-50px;} | ||
#myScrollspy{display:none;} | #myScrollspy{display:none;} | ||
+ | #example-navbar-collapse{padding-left:0px;margin-left:-30px;} | ||
+ | .hpMain h3{margin-top:0;} | ||
+ | .hpMain p {max-width:100%} | ||
+ | .hpMain h4 {max-width:100%;padding-left:0;} | ||
+ | #float{display:none;} | ||
+ | .mobile{display:block;} | ||
@media (min-width:768px) { | @media (min-width:768px) { | ||
− | .oucBanner h3{color:white;padding-top: | + | .oucBanner h3{color:white;padding-top:70px;font-size:40px;} |
− | .img_banner{margin-top: | + | .img_banner{margin-top:74px;} |
} | } | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
− | .oucBanner h3{color:white;padding-top: | + | .oucBanner h3{color:white;padding-top:66px;font-size:48px;} |
#myScrollspy{display:block;} | #myScrollspy{display:block;} | ||
− | + | ||
− | .hpMain{max-width:90%;margin:0 auto;} | + | .hpMain{max-width:96%;margin:0 auto;margin-top:50px;margin-bottom:30px;border-left:1px solid #b4b4b4;} |
− | .img_banner{margin-top: | + | .hpMain p {max-width:90%;margin:0 auto;} |
+ | .hpMain h4 {max-width:90%;padding-left:40px;} | ||
+ | .img_banner{margin-top:35px;} | ||
+ | #example-navbar-collapse{padding-left:15px;margin-left:0px;} | ||
+ | .oucBrand img{margin-left:50px;} | ||
+ | .Contact{margin-left:30px;margin-top:0px;} | ||
+ | .oucInformation h3{display:block;padding-top:20px;} | ||
+ | .oucInformation .col-md-5 p img{margin-left:20px;} | ||
+ | } | ||
+ | @media (min-width: 1030px) { | ||
+ | h3 img{display:inline-block;} | ||
} | } | ||
@media (min-width: 1200px) { | @media (min-width: 1200px) { | ||
− | .oucBanner h3{color:white;padding-top: | + | .oucBanner h3{color:white;padding-top:63px;font-size:54px;} |
− | .img_banner{margin-top:- | + | .img_banner{margin-top:-13px;} |
+ | #float{display:block;} | ||
+ | .mobile{display:none;} | ||
+ | h3 img{display:inline-block;} | ||
} | } |
Latest revision as of 11:35, 19 October 2016
body{font-family: Calibri, serif;padding-top: 50px;} p{line-height:36px;text-align: justify;font-size:20px;} h1{border:0;font-weight:bold;font-size:28px;font-family:Arial} h2{border:0;font-weight:bold;font-size:26px;font-family:Arial} h3{border:0;font-weight:bold;font-size:24px;font-family:Arial} h4{border:0;font-weight:bold;font-size:22px;font-family:Arial} h3 img{display:none;}
/*TOP*/
#oucNav .active a{background-color:#63b5d7;}
#oucNav li{font-size:18px;}
#oucNav li a{font-weight:bold;color:white;padding:10px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;margin-left:8px;}
#oucNav li a:hover{background-color:#63b5d7;}
#oucNav li ul li a{font-size:16px;font-weight:normal;}
.oucBanner{height:180px;margin-top:-20px;}
.oucNav{margin-top:16px;border:0;}
#oucNav .dropdown-menu{margin-left:8px;}
#oucNav .dropdown-menu li a{margin:0}
.oucBrand img{margin-top:-15px;margin-left:0px;}
/*Footer*/
.oucInformation{background:#EFF2F6;width:100%;margin:0;text-align:left;font-family:Arial;}
.oucInformation h3{display:block;padding-top:10px;font-size:22px;}
.oucInformation p{font-size:16px;}
.oucInformation p:last-child{padding-bottom:30px}
.oucBottom{width:100%;height:20px;background-color:#152640;}
/*hpMain*/
.hpMain{max-width:92%;margin:0 auto;border-left:0;}
.hpMain img{padding-top:30px;padding-bottom:30px;margin-top:0px;margin-bottom:10px;margin:0 auto;}
.oucBanner h3{color:white;padding-top:70px;font-size:32px;} .img_banner{margin-top:-9px;} .oucInformation .col-md-5 p img{margin-left:0;} .oucInformation .col-md-5 p{text-align:left; margin:0;} .Contact{margin-left:0px;margin-top:-50px;} #myScrollspy{display:none;} #example-navbar-collapse{padding-left:0px;margin-left:-30px;} .hpMain h3{margin-top:0;} .hpMain p {max-width:100%} .hpMain h4 {max-width:100%;padding-left:0;} #float{display:none;} .mobile{display:block;} @media (min-width:768px) { .oucBanner h3{color:white;padding-top:70px;font-size:40px;} .img_banner{margin-top:74px;}
}
@media (min-width: 992px) {
.oucBanner h3{color:white;padding-top:66px;font-size:48px;}
#myScrollspy{display:block;}
.hpMain{max-width:96%;margin:0 auto;margin-top:50px;margin-bottom:30px;border-left:1px solid #b4b4b4;} .hpMain p {max-width:90%;margin:0 auto;} .hpMain h4 {max-width:90%;padding-left:40px;}
.img_banner{margin-top:35px;}
#example-navbar-collapse{padding-left:15px;margin-left:0px;} .oucBrand img{margin-left:50px;} .Contact{margin-left:30px;margin-top:0px;} .oucInformation h3{display:block;padding-top:20px;} .oucInformation .col-md-5 p img{margin-left:20px;}
} @media (min-width: 1030px) { h3 img{display:inline-block;} } @media (min-width: 1200px) { .oucBanner h3{color:white;padding-top:63px;font-size:54px;} .img_banner{margin-top:-13px;} #float{display:block;} .mobile{display:none;} h3 img{display:inline-block;}
}