604 lines
No EOL
13 KiB
CSS
604 lines
No EOL
13 KiB
CSS
body{
|
|
font-family: 'Roboto', sans-serif;
|
|
font-weight: 400;
|
|
background-color: #003764;
|
|
color: #000;
|
|
}
|
|
|
|
#map_wrapper {
|
|
height: 400px;
|
|
}
|
|
#map_canvas {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#top-link-block.affix-top {
|
|
position: absolute; /* allows it to "slide" up into view */
|
|
bottom: -82px;
|
|
left: 10px;
|
|
}
|
|
#top-link-block.affix {
|
|
position: fixed; /* keeps it on the bottom once in view */
|
|
bottom: 60px;
|
|
right: 10px;
|
|
}
|
|
.carousel-control.left{
|
|
background-image: none;
|
|
}
|
|
.carousel-control.right{
|
|
background-image: none;
|
|
}
|
|
.m_reset{
|
|
margin: 0px;
|
|
}
|
|
.p_reset{
|
|
padding: 0px;
|
|
}
|
|
.m_p_reset{
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
.header{
|
|
margin-top: 20px;
|
|
padding-top: 10px;
|
|
background-color: #fff;
|
|
}
|
|
.header h2{
|
|
font-size: 23px;
|
|
font-weight: 700;
|
|
color: #0071bb;
|
|
padding-top: 10px;
|
|
}
|
|
.logo{
|
|
padding-left: 30px;
|
|
}
|
|
.social_icon p{
|
|
padding-left: 25px;
|
|
font-size: 13px;
|
|
}
|
|
.social_icon img{
|
|
padding: 0px 0px 0px 20px;
|
|
}
|
|
|
|
/* navbar */
|
|
.menu{
|
|
background-color: #fff;
|
|
}
|
|
.menu_height{
|
|
padding: 0px;
|
|
}
|
|
#myNavbar{
|
|
padding: 0px;
|
|
padding-left: 7px;
|
|
}
|
|
.navbar {
|
|
background-color: #fff;
|
|
border:none;
|
|
border-radius: 0px;
|
|
}
|
|
.navbar .navbar-nav > li{
|
|
background: #2B9FD0; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(#2B9FD0, #2B74B5); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(#2B9FD0, #2B74B5); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(#2B9FD0, #2B74B5); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(#2B9FD0, #2B74B5); /* Standard syntax (must be last) */
|
|
width: 172px;
|
|
height: 43px;
|
|
text-align: center;
|
|
margin-right: 2px;
|
|
}
|
|
.navbar .navbar-nav > li > a{
|
|
color: #fff;
|
|
padding-left: 10px;
|
|
padding-right: 10px;
|
|
letter-spacing: 1px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
|
|
background: #B6CC33; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(#B6CC33, #78A33F); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(#B6CC33, #78A33F); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(#B6CC33, #78A33F); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(#B6CC33, #78A33F); /* Standard syntax (must be last) */
|
|
height: 43px;
|
|
}
|
|
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{
|
|
|
|
background: #2B9FD0; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(#2B9FD0, #2B74B5); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(#2B9FD0, #2B74B5); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(#2B9FD0, #2B74B5); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(#2B9FD0, #2B74B5); /* Standard syntax (must be last) */
|
|
height: 43px;
|
|
}
|
|
.navbar-inverse .navbar-toggle {
|
|
border-color: #333;
|
|
background-color: #333;
|
|
}
|
|
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
|
|
background-image:none !important;
|
|
}
|
|
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
|
|
background-color:#ABE1FA;
|
|
}
|
|
.dropdown-menu{
|
|
opacity: 0.9;
|
|
background: #edf2f6;
|
|
}
|
|
/* navbar */
|
|
|
|
button.career_submit{
|
|
background: #2B74B2; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(top, #2B74B2 , #2B9CCD); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(bottom, #2B74B2 , #2B9CCD); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(bottom, #2B74B2 , #2B9CCD); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to bottom, #2B74B2 , #2B9CCD); /* Standard syntax (must be last) */
|
|
border: 1px solid #fff;
|
|
width: 90px;
|
|
border-radius: 5px;
|
|
color: #fff;
|
|
}
|
|
button.career_reset{
|
|
background: #78A03F; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(left, #78A03F , #B3C933); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(right, #78A03F , #B3C933); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(right, #78A03F , #B3C933); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to right, #78A03F , #B3C933); /* Standard syntax (must be last) */
|
|
border: 1px solid #fff;
|
|
width: 90px;
|
|
border-radius: 5px;
|
|
color: #fff;
|
|
}
|
|
.slider{
|
|
background-color: #fff;
|
|
padding: 0px;
|
|
padding-left: 8px;
|
|
}
|
|
.login{
|
|
background-color: #fff;
|
|
height: 500px;
|
|
padding-left: 0px;
|
|
}
|
|
.home_about{
|
|
background-color: #fff;
|
|
}
|
|
.home_about p{
|
|
font-size: 15px;
|
|
font-weight: 300;
|
|
padding: 42px 0px;
|
|
text-align: justify;
|
|
line-height: 28px;
|
|
}
|
|
.home_about img{
|
|
padding-top: 50px;
|
|
}
|
|
.company_profile{
|
|
background-color: #fff;
|
|
}
|
|
.our_profile_patch{
|
|
height: 32px;
|
|
background: #2B74B2; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(left, #2B74B2 , #2B9CCD); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(right, #2B74B2 , #2B9CCD); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(right, #2B74B2 , #2B9CCD); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to right, #2B74B2 , #2B9CCD); /* Standard syntax (must be last) */
|
|
margin: 40px 0px 20px 0px;
|
|
}
|
|
.our_profile_patch h2{
|
|
font-size:18px;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
padding-left: 30px;
|
|
}
|
|
.our_profile_text p{
|
|
text-align: justify;
|
|
line-height: 32px;
|
|
font-weight: 300;
|
|
}
|
|
.our_profile img{
|
|
|
|
}
|
|
.per_10{
|
|
width: 5%;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
.per_90{
|
|
width: 95%;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
.mission_patch{
|
|
height: 32px;
|
|
background: #78A03F; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(left, #78A03F , #B3C933); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(right, #78A03F , #B3C933); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(right, #78A03F , #B3C933); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to right, #78A03F , #B3C933); /* Standard syntax (must be last) */
|
|
margin: 40px 0px 20px 0px;
|
|
}
|
|
.mission_patch h2{
|
|
font-size:18px;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
padding-left: 30px;
|
|
}
|
|
.mission_text p{
|
|
text-align: justify;
|
|
line-height: 24px;
|
|
font-weight: 300;
|
|
}
|
|
.our_policies_text p{
|
|
|
|
text-align: justify;
|
|
line-height: 24px;
|
|
font-weight: 300;
|
|
}
|
|
.our_policies_text span{
|
|
color: #268fe2;
|
|
}
|
|
.sidebar{
|
|
background-color: #e1f4fd;
|
|
margin-top: 40px;
|
|
}
|
|
.sidebar ul{
|
|
margin-right: 20px;
|
|
padding-left: 20px;
|
|
}
|
|
.sidebar ul li{
|
|
list-style: none;
|
|
padding: 20px;
|
|
border-bottom: 1px solid #fff;
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
}
|
|
.sidebar ul li a{
|
|
color: #000;
|
|
text-decoration: none;
|
|
}
|
|
.sidebar ul li a:hover{
|
|
font-weight: 300;
|
|
color: #0071bb;
|
|
}
|
|
.sidebar ul li.active{
|
|
font-weight: 700;
|
|
}
|
|
.services_patch_blue{
|
|
height: 32px;
|
|
background: #2B74B2; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(left, #2B74B2 , #2B9CCD); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(right, #2B74B2 , #2B9CCD); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(right, #2B74B2 , #2B9CCD); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to right, #2B74B2 , #2B9CCD); /* Standard syntax (must be last) */
|
|
margin: 40px 15px 0px 15px;
|
|
}
|
|
.services_patch_blue h2{
|
|
font-size: 18px;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
padding-left: 10px;
|
|
}
|
|
.services_text p{
|
|
font-weight: 300;
|
|
text-align: justify;
|
|
padding: 15px;
|
|
}
|
|
.services_text img{
|
|
padding-bottom: 30px;
|
|
}
|
|
.services_patch_green{
|
|
height: 32px;
|
|
background: #78A03F; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(left, #78A03F , #B3C933); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(right, #78A03F , #B3C933); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(right, #78A03F , #B3C933); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to right, #78A03F , #B3C933); /* Standard syntax (must be last) */
|
|
margin: 40px 15px 0px 15px;
|
|
}
|
|
.services_patch_green h2{
|
|
font-size:18px;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
padding-left: 10px;
|
|
}
|
|
.inland_patch_green{
|
|
height: 32px;
|
|
background: #78A03F; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(left, #78A03F , #B3C933); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(right, #78A03F , #B3C933); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(right, #78A03F , #B3C933); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(to right, #78A03F , #B3C933); /* Standard syntax (must be last) */
|
|
margin: 40px 0px 0px 0px;
|
|
}
|
|
.inland_patch_green h2{
|
|
font-size:18px;
|
|
color: #fff;
|
|
line-height: 30px;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.inland_text p{
|
|
font-weight: 300;
|
|
text-align: justify;
|
|
padding: 15px 0px;
|
|
word-spacing: 1px;
|
|
|
|
}
|
|
.inland_text img{
|
|
padding-bottom: 50px;
|
|
}
|
|
.i_per_10{
|
|
width: 7%;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
.i_per_10 img{
|
|
padding-bottom: 0px;
|
|
}
|
|
.i_per_90{
|
|
width: 93%;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
.i_per_90 p{
|
|
text-align: left;
|
|
padding-top: 0px;
|
|
|
|
}
|
|
|
|
|
|
.audit{
|
|
|
|
}
|
|
.audit span{
|
|
color: #0071ba;
|
|
padding-right: 10px;
|
|
}
|
|
ol.vetting {
|
|
padding-left: 30px;
|
|
font-weight: 300;
|
|
}
|
|
.vetting_text p{
|
|
font-weight: 300;
|
|
text-align: justify;
|
|
padding: 15px 15px 0px 15px;
|
|
word-spacing: 1px;
|
|
}
|
|
.vetting_text img{
|
|
padding-bottom: 50px;
|
|
}
|
|
ul.tech {
|
|
padding-left: 30px;
|
|
font-weight: 300;
|
|
}
|
|
.project_text p{
|
|
font-weight: 300;
|
|
text-align: justify;
|
|
padding: 15px;
|
|
line-height: 26px;
|
|
}
|
|
.project_text img{
|
|
padding-right: 10px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.project_text span{
|
|
color: #0071ba;
|
|
font-weight: bold;
|
|
}
|
|
.career{
|
|
background: #fff;
|
|
padding: 30px 5px;
|
|
}
|
|
.our_presence{
|
|
background-color: #fff;
|
|
padding: 60px 0px;
|
|
}
|
|
.our_presence h2{
|
|
font-size: 23px;
|
|
font-weight: 700;
|
|
padding-bottom: 25px;
|
|
}
|
|
.our_presence p{
|
|
font-size: 14px;
|
|
letter-spacing: 0.7px;
|
|
line-height: 24px;
|
|
font-weight: 400;
|
|
}
|
|
.our_presence span{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
.our_presence h3{
|
|
font-size: 18px;
|
|
color: #0071bb;
|
|
}
|
|
.singapore img{
|
|
padding-top: 80px;
|
|
}
|
|
.our_client{
|
|
background-color: #fff;
|
|
padding-bottom: 15px;
|
|
}
|
|
.our_client_img{
|
|
height: 50px;
|
|
}
|
|
.contact_us{
|
|
background-color: #fff;
|
|
}
|
|
.contact_us img{
|
|
padding: 130px 0px;
|
|
}
|
|
.contact_us p{
|
|
padding-top: 50px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.contact_us span{
|
|
font-weight: bold;
|
|
color: #0071ba;
|
|
}
|
|
.contact_details{
|
|
background-image: url(/web/20230226025607im_/https://pelagiamarine.com/images/common/contact-line.png);
|
|
background-position: center left;
|
|
background-repeat: no-repeat;
|
|
padding-left: 30px;
|
|
}
|
|
.map{
|
|
background-color: #fff;
|
|
}
|
|
.footer{
|
|
background: #2B9FD0; /* For browsers that do not support gradients */
|
|
background: -webkit-linear-gradient(#2B74B5, #2B9FD0); /* For Safari 5.1 to 6.0 */
|
|
background: -o-linear-gradient(#2B74B5, #2B9FD0); /* For Opera 11.1 to 12.0 */
|
|
background: -moz-linear-gradient(#2B74B5, #2B9FD0); /* For Firefox 3.6 to 15 */
|
|
background: linear-gradient(#2B74B5, #2B9FD0); /* Standard syntax (must be last) */
|
|
|
|
color: #fff;
|
|
}
|
|
.footer h2{
|
|
font-size: 20px;
|
|
font-weight: 700;
|
|
color: #fff;
|
|
letter-spacing: 1px;
|
|
}
|
|
.footer h3{
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
color: #fff;
|
|
margin: 0px;
|
|
padding-bottom: 8px;
|
|
}
|
|
.footer span{
|
|
font-weight: 400;
|
|
}
|
|
.footer p{
|
|
|
|
}
|
|
.footer_address{
|
|
|
|
}
|
|
.footer_address span{
|
|
font-weight: bold;
|
|
}
|
|
.footer a{
|
|
color: #fff;
|
|
}
|
|
.copyright{
|
|
background-color: #004680;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
}
|
|
.copyright p{
|
|
margin: 0px;
|
|
padding: 8px 0px;
|
|
}
|
|
.design{
|
|
text-align: right;
|
|
font-size: 13px;
|
|
}
|
|
.design a{
|
|
color: #fff;
|
|
font-weight: bold;
|
|
}
|
|
/* Large desktop */
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
|
|
}
|
|
|
|
/* Portrait tablet to landscape and desktop */
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
|
|
.login{
|
|
display: none;
|
|
}
|
|
|
|
}
|
|
|
|
/* Landscape phone to portrait tablet */
|
|
@media (max-width: 767px) {
|
|
.logo{
|
|
padding-left: 0px;
|
|
padding-top: 5px;
|
|
}
|
|
.header h2{
|
|
text-align: center;
|
|
font-size: 16px;
|
|
}
|
|
.social_icon{
|
|
text-align: center;
|
|
}
|
|
.social_icon img{
|
|
padding: 10px 10px 5px 0px;
|
|
}
|
|
.navbar .navbar-nav > li{
|
|
height: auto;
|
|
width: auto;
|
|
}
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
|
|
color: #fff;
|
|
}
|
|
.login{
|
|
display: none;
|
|
}
|
|
.slider{
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.home_about p{
|
|
padding-bottom: 0px;
|
|
}
|
|
.home_about img{
|
|
padding-top: 30px;
|
|
padding-bottom: 15px;
|
|
}
|
|
.our_client h2{
|
|
text-align: center;
|
|
font-size: 18px;
|
|
font-weight: 700;
|
|
color: #0071bb;
|
|
padding-bottom: 10px;
|
|
}
|
|
.our_client_img {
|
|
height: 80px;
|
|
}
|
|
.contact_us img{
|
|
padding: 50px 0px;
|
|
}
|
|
.contact_details{
|
|
background-image: none;
|
|
padding-left: 0px;
|
|
}
|
|
.footer{
|
|
padding: 15px;
|
|
}
|
|
.design,.copyright{
|
|
text-align: center;
|
|
}
|
|
|
|
}
|
|
|
|
/* Landscape phones and down */
|
|
@media (max-width: 480px) {
|
|
|
|
|
|
}
|
|
|
|
|
|
/*
|
|
FILE ARCHIVED ON 02:56:07 Feb 26, 2023 AND RETRIEVED FROM THE
|
|
INTERNET ARCHIVE ON 19:38:34 May 18, 2026.
|
|
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
|
|
|
|
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
|
|
SECTION 108(a)(3)).
|
|
*/
|
|
/*
|
|
playback timings (ms):
|
|
capture_cache.get: 0.432
|
|
load_resource: 468.086
|
|
PetaboxLoader3.resolve: 410.363
|
|
PetaboxLoader3.datanode: 14.75
|
|
*/ |