@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
- font-weight: 400;
- line-height: 1.65em;
- font-size: 1.5rem;
- font-family: 'Open Sans', sans-serif;
+ font-weight: 400;
+ line-height: 1.65em;
+ font-size: 1.5rem;
+ font-family: 'Open Sans', sans-serif;
}
h1, h2, h3, h4, .heading {
- color: #333;
- font-weight: 600;
- text-align: center;
+ color: #333;
+ font-weight: 600;
+ text-align: center;
}
h1 {
- margin-bottom: 4rem;
+ margin-bottom: 4rem;
}
h2 {
- font-size: 2rem;
+ font-size: 2rem;
}
h3 {
- font-size: 1.5rem;
+ font-size: 1.5rem;
}
#main h2, #side h2 {
- text-align: left;
- margin: 2rem 0;
+ text-align: left;
+ margin: 2rem 0;
}
.heading {
- margin: 0;
- display: inline-block;
- font-size: 1.25em;
- font-weight: 600;
+ margin: 0;
+ display: inline-block;
+ font-size: 1.25em;
+ font-weight: 600;
}
/* FOOTER */
footer {
- background-color: #F5F5F5;
- padding: 5rem;
- text-align: center;
+ background-color: #F5F5F5;
+ padding: 5rem;
+ text-align: center;
}
footer#side {
- margin-top: 4rem;
+ margin-top: 4rem;
+}
+
+/* TABLES */
+
+table {
+ width: 100%;
+ margin: 0 0 2rem 0;
+}
+
+table th {
+ color: #0E1210;
+ font-size: 0.9em;
+ font-weight: 700;
+ padding: 0 0.75em 0.75em 0.75em;
+ text-align: left;
+}
+
+table td {
+ padding: 0.75em 0.75em;
+}
+
+table tbody tr {
+ border: solid 1px rgba(144, 144, 144, 0.25);
+ border-left: 0;
+ border-right: 0;
+}
+
+input[type="text"], input[type="password"], input[type="email"], select {
+ height: 2.75em;
+ margin-bottom: .5em;
+}
+
+input[type="text"], input[type="password"], input[type="email"], select, textarea {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ -o-appearance: none;
+ -ms-appearance: none;
+ appearance: none;
+ background: rgba(144, 144, 144, 0.075);
+ border-color: #0E1210;
+ border-radius: 4px;
+ border: none;
+ box-shadow: 0 0 0 1px #0E1210;
+ color: inherit;
+ display: block;
+ outline: 0;
+ padding: 0 1em;
+ text-decoration: none;
+ width: 100%;
}
/* OUR TEAM */
.title {
- margin-top: 20px;
- color: #fff;
+ margin-top: 20px;
+ color: #fff;
}
.team-section{
- min-height: 400px;
- text-align: center;
- overflow: hidden;
- background:#34495e;
- padding:60px;
-}
-
- .team-section .pic{
- display: inline-block;
- width: 85%;
- height: 85%;
- padding: 5px;
- margin-bottom: 1px;
- transition: all 0.5s ease 0s;
- }
-
- .team-section .pic img{
- width: 15rem;
- height: auto;
- border-radius: 50%;
- }
-
- .team-section .post{
- display: block;
- font-size: 15px;
- color: #17bebb;
- text-transform: capitalize;
- margin-bottom: 15px;
- }
-
- /* PAGE */
-
- section#main {
- padding-top: 7rem;
- padding-bottom: 4rem;
- }
-
- div#main {
- padding-top: 3rem;
- }
-
- div#side {
- padding-top: 7rem;
- }
-
- #banner {
- background-image: url(../images/conference.jpg);
- background-position: bottom;
- background-size: cover;
- background-repeat: no-repeat;
- background-attachment: fixed;
- color: #ffffff;
- padding: 14em 0;
- -webkit-transform: translate3d(0,0,0);
- }
-
- .jumbotron {
- padding-top: 0;
- padding-bottom: 0;
- margin-top: 4rem;
- margin-bottom: 0;
- }
-
- .jumbotron h2 {
- color: #fff;
- margin-bottom: 5rem;
- }
-
- /* NAVIGATION */
-
- .navbar-fixed-top {
- top: 0;
- border-width: 0;
- background-color: #fff;
- box-shadow: 0 0 5px rgba(0,0,0,.8);
- }
-
- .navbar-brand {
- float: left;
- font-size: initial;
- max-height: 40px;
- padding: 5px;
- }
-
- .navbar-brand > img {
- max-height: 40px;
- }
-
- img#logo {
- display: inline-block;
- }
-
- .navbar-nav>li>a {
- color: #333;
- font-weight: 600;
- }
-
- .navbar-default .navbar-toggle {
- border: none;
- color: #121212;
- }
-
- .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
- background-color: rgba(0,0,0,0);
- }
-
- .fixedtheme .navbar-nav > li.active,
- .fixedtheme .navbar-nav > li > a:focus,
- .fixedtheme .navbar-nav > li > a:hover,
- .navbar-nav > li.active > a,
- .navbar-nav > li > a:hover,
- .navbar-nav > li > a:focus,
- .navbar-nav > li.open {
- color: #0E1210;
- background-color: transparent;
- }
-
- .navbar-default .navbar-nav > li > a {
- color: #121212;
- font-weight: 600;
- transition: all 0.4s ease;
- -moz-transition: all 0.4s ease; /* Firefox 4 */
- -webkit-transition: all 0.4s ease; /* Safari and Chrome */
- -o-transition: all 0.4s ease; /* Opera */
- }
-
- .fixedtheme .navbar-nav > li > a {
- transition: all 0.4s ease;
- -moz-transition: all 0.4s ease; /* Firefox 4 */
- -webkit-transition: all 0.4s ease; /* Safari and Chrome */
- -o-transition: all 0.4s ease; /* Opera */
- }
-
- /* MEDIA QUERIES */
-
- @media only screen and (max-width: 990px){
- .our-team{ margin-bottom: 30px; }
- }
+ min-height: 400px;
+ text-align: center;
+ overflow: hidden;
+ background:#34495e;
+ padding:60px;
+}
+
+.team-section .pic{
+ display: inline-block;
+ width: 85%;
+ height: 85%;
+ padding: 5px;
+ margin-bottom: 1px;
+ transition: all 0.5s ease 0s;
+}
+
+.team-section .pic img{
+ width: 15rem;
+ height: auto;
+ border-radius: 50%;
+}
+
+.team-section .post{
+ display: block;
+ font-size: 15px;
+ color: #fff;
+ text-transform: capitalize;
+ margin-bottom: 15px;
+}
+
+/* PAGE */
+
+section#main {
+ padding-top: 7rem;
+ padding-bottom: 4rem;
+}
+
+div#main {
+ padding-top: 3rem;
+}
+
+div#side {
+ padding-top: 7rem;
+}
+
+#banner {
+ background-image: url(../images/conference.jpg);
+ background-position: bottom;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ color: #ffffff;
+ padding: 14em 0;
+ -webkit-transform: translate3d(0,0,0);
+}
+
+.jumbotron {
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-top: 4rem;
+ margin-bottom: 0;
+}
+
+.jumbotron h2 {
+ color: #fff;
+ margin-bottom: 5rem;
+}
+
+/* NAVIGATION */
+
+.navbar-fixed-top {
+ top: 0;
+ border-width: 0;
+ background-color: #fff;
+ box-shadow: 0 0 5px rgba(0,0,0,.8);
+}
+
+.navbar-brand {
+ float: left;
+ font-size: initial;
+ max-height: 40px;
+ padding: 5px;
+}
+
+.navbar-brand > img {
+ max-height: 40px;
+}
+
+img#logo {
+ display: inline-block;
+}
+
+.navbar-nav>li>a {
+ color: #333;
+ font-weight: 600;
+}
+
+.navbar-default .navbar-toggle {
+ border: none;
+ color: #121212;
+}
+
+.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
+ background-color: rgba(0,0,0,0);
+}
+
+.fixedtheme .navbar-nav > li.active,
+.fixedtheme .navbar-nav > li > a:focus,
+.fixedtheme .navbar-nav > li > a:hover,
+.navbar-nav > li.active > a,
+.navbar-nav > li > a:hover,
+.navbar-nav > li > a:focus,
+.navbar-nav > li.open {
+ color: #0E1210;
+ background-color: transparent;
+}
+
+.navbar-default .navbar-nav > li > a {
+ color: #121212;
+ font-weight: 600;
+ transition: all 0.4s ease;
+ -moz-transition: all 0.4s ease; /* Firefox 4 */
+ -webkit-transition: all 0.4s ease; /* Safari and Chrome */
+ -o-transition: all 0.4s ease; /* Opera */
+}
+
+.fixedtheme .navbar-nav > li > a {
+ transition: all 0.4s ease;
+ -moz-transition: all 0.4s ease; /* Firefox 4 */
+ -webkit-transition: all 0.4s ease; /* Safari and Chrome */
+ -o-transition: all 0.4s ease; /* Opera */
+}
+
+/* MEDIA QUERIES */
+
+@media only screen and (max-width: 990px){
+ .our-team{ margin-bottom: 30px; }
+}
projects / pgdu2018.git / commitdiff