.pagename { top: 16.5%; left:22%; position: absolute; width:70%; text-align: right; } .pagename h1{ font-size: 90px; font-weight: bolder; color:#3da9e1; } .pagestyle { top: 25%; left:22%; margin-bottom: 200px; position: absolute; background-image: url('../assets/img/page-back.jpg'); width:70%; box-shadow: 0 0 9px 3px rgba(2, 2, 5, 0.2); }
.clear {
clear: both;
} .section { width: 100%; height: auto; }
- scrollable
{ width: 100%; }
.teamphoto { top:10%; width:80%;
left:10%; position: absolute; background-image:url('../assets/img/page-back.jpg'); box-shadow: 0 0 9px 3px rgba(2, 2, 5, 0.2); border-radius: 20px; }
.teamphoto img { margin: 2.5%; width: auto; height: auto; max-width: 95%; max-height: 95%;
}
.membergallery { position:absolute; top:100%; left:5%; width:90%;
}
.container1
{
margin-left: 10%;
padding-top: 6%;
width: 80%;
}
.container1 h2{ color:#3da9e1; font-size: xx-large; line-height:4.0; font-weight: bolder; }
.container1 h3{ color:#3da9e1; font-size: x-large; line-height:3.0; font-weight: bolder; }
.container1 p{ color: #464646; font-size: large; text-align:justify; line-height:1.7;
} .container1 sup{ font-size: small; } .container1 sub{ font-size: small; } .container1 i{ font-style:italic; } .container1 a{ text-decoration: underline; } .imgbox { text-align:center; margin: 0 auto; }
.imgbox img{ width: auto; height: auto; max-width: 100%; max-height: 100%; } .imgbox h6{ font-size:small; color:grey; line-height:2.0; }
/******************************************************************************/
/* NAVIGATION */
/******************************************************************************/
.navigation
{
position: fixed; top: 350px;
left: 0px; } .navigation img { margin-left: 50px; margin-bottom: 20px } .navigation li {
position: relative; margin: 0 0 10px;
font-family: 'Armata', Arial, Helvetica, sans-serif; font-size: 13px; } .navigation a { position: relative; display: inline-block; padding-left: 0.3em .5em 0.3em; padding-right: 0.3em .5em 0.3em; text-align:center; padding-top:1em;
text-decoration: none; height:3em; background-color: #3da9e1; color: #0e0c0c; -moz-border-radius: 0 .4em .4em 0; /* Firefox */ -webkit-border-radius: 0 .4em .4em 0; /* Safari, Chrome */ border-radius: 0 .4em .4em 0; /* CSS3 */ outline: none; cursor: pointer; font-size: medium; }
.navigation a.nav-active { color:#ffffff; padding-left: 1.2em; padding-right:1.2em; } .navigation a:hover {
color:#070707; padding-left: 1.2em; padding-right:1.2em; } .navigation span { padding-left: 10px; padding-right: 10px;
}
/******************************************************************************/ /* FOOTER */ /******************************************************************************/ .footer { width: 100%;
padding-top: 20px; text-align: center;
color: #1e1e1e; } .footer_logo img { width: 65px;
height: 65px;
margin: 0 auto 20px auto; }
/******************************************************************************/ /* MASK */ /******************************************************************************/
- mask
{ position: absolute; display: none; background-color: #000; z-index: 200; }
/*table*/
table {
border-collapse: collapse;
border-spacing: 0; margin: 0 auto;
}
td,th {
padding: 0;
}
.pure-table {
border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 1px solid #cbcbcb;
}
.pure-table caption {
color: #000; font: italic 85%/1 arial,sans-serif; padding: 1em 0; text-align: center;
}
.pure-table td,.pure-table th {
border-left: 1px solid #cbcbcb; border-width: 0 0 0 1px; font-size: inherit; margin: 0; overflow: visible; padding: .5em 1em;
}
.pure-table thead {
background-color: #e0e0e0; color: #000; text-align: center; vertical-align: bottom;
}
.pure-table td {
background-color: transparent;
}
.pure-table-bordered td {
border-bottom: 1px solid #cbcbcb;
}
.pure-table-bordered tbody>tr:last-child>td {
border-bottom-width: 0;
}