summaryrefslogtreecommitdiff
path: root/static/styles.css
diff options
context:
space:
mode:
authorAndreas HABEGGER <andreas.habegger@bfh.ch>2023-11-27 23:49:30 +0100
committerAndreas HABEGGER <andreas.habegger@bfh.ch>2023-11-27 23:49:30 +0100
commit20fa275c14022061e505d3f6b46669891377c05b (patch)
treed4650ce22cd40fa281f1f5f9c70d24c5c4e0f5bd /static/styles.css
parent130013dfe68e977decc0f82c30b673b4a4abb593 (diff)
downloadwww-20fa275c14022061e505d3f6b46669891377c05b.tar.gz
www-20fa275c14022061e505d3f6b46669891377c05b.tar.bz2
www-20fa275c14022061e505d3f6b46669891377c05b.zip
Added events board; deliverables board
Diffstat (limited to 'static/styles.css')
-rw-r--r--static/styles.css252
1 files changed, 131 insertions, 121 deletions
diff --git a/static/styles.css b/static/styles.css
index 44192329..f75a50bf 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,19 +1,18 @@
-
.lang-slector {
- float: right;
- padding-top: 2mm;
- padding-bottom: 4mm;
- margin-left: 15px;
- margin-right: 15px;
+ float: right;
+ padding-top: 2mm;
+ padding-bottom: 4mm;
+ margin-left: 15px;
+ margin-right: 15px;
}
html {
- overflow-y: scroll;
+ overflow-y: scroll;
}
ul nav {
- background-color: rgb(8,8,8);
- border-radius: 0px;
+ background-color: rgb(8, 8, 8);
+ border-radius: 0px;
}
.c_acronym {
@@ -31,47 +30,45 @@ ul nav {
color: #fff;
}
-.extension.row > .col-lg-6 {
+.extension.row>.col-lg-6 {
padding-bottom: 2em;
}
a,
a:link,
a:visited {
- text-decoration: underline;
- color: black;
+ text-decoration: underline;
+ color: black;
}
nav a,
nav a:link,
nav a:visited {
- text-decoration: none;
+ text-decoration: none;
}
.navbar-light .navbar-nav .nav-link {
- /* 0,0,0,.5 makes it problematic to read,
+ /* 0,0,0,.5 makes it problematic to read,
simply black is less problematic */
- color: rgb(0, 0, 0);
- text-decoration: underline;
+ color: rgb(0, 0, 0);
+ text-decoration: underline;
}
-.skip
-{
-position:absolute;
-left:-10000px;
-top:auto;
-width:1px;
-height:1px;
-overflow:hidden;
+.skip {
+ position: absolute;
+ left: -10000px;
+ top: auto;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
}
-.skip:focus
-{
-position:static;
-width:auto;
-height:auto;
-background: white;
-padding: 5px;
+.skip:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ background: white;
+ padding: 5px;
}
#body_content a:hover {
@@ -91,7 +88,7 @@ padding: 5px;
}
.mobile-lang {
- margin-left:5px;
+ margin-left: 5px;
margin-top: 8px;
}
@@ -118,7 +115,7 @@ footer {
#mybody nav {
- border-radius: 0px;
+ border-radius: 0px;
}
footer {
@@ -198,36 +195,38 @@ footer {
margin-bottom: 5px;
}
-
ul.timeline {
- list-style-type: none;
- position: relative;
+ list-style-type: none;
+ position: relative;
}
+
ul.timeline:before {
- content: ' ';
- background: #d4d9df;
- display: inline-block;
- position: absolute;
- left: 29px;
- width: 2px;
- height: 100%;
- z-index: 400;
-}
-ul.timeline > li {
- margin: 20px 0;
- padding-left: 20px;
-}
-ul.timeline > li:before {
- content: ' ';
- background: white;
- display: inline-block;
- position: absolute;
- border-radius: 50%;
- border: 3px solid #22c0e8;
- left: 20px;
- width: 20px;
- height: 20px;
- z-index: 400;
+ content: ' ';
+ background: #d4d9df;
+ display: inline-block;
+ position: absolute;
+ left: 29px;
+ width: 2px;
+ height: 100%;
+ z-index: 400;
+}
+
+ul.timeline>li {
+ margin: 20px 0;
+ padding-left: 20px;
+}
+
+ul.timeline>li:before {
+ content: ' ';
+ background: white;
+ display: inline-block;
+ position: absolute;
+ border-radius: 50%;
+ border: 3px solid #22c0e8;
+ left: 20px;
+ width: 20px;
+ height: 20px;
+ z-index: 400;
}
.section-consortium .divider {
@@ -279,20 +278,27 @@ ul.timeline > li:before {
}
+.consortium a,
+.consortium a:link,
+.consortium a:visited {
+ text-decoration: none;
+ color: #999;
+}
+
.consortium h4 {
- color: #555;
- text-align: left;
- text-transform: uppercase;
- font-weight: bold;
- position: relative;
- margin: 30px 0 60px;
+ color: #555;
+ text-align: left;
+ text-transform: uppercase;
+ font-weight: bold;
+ position: relative;
+ margin: 30px 0 60px;
padding: 5px;
}
.consortium h4::after {
- content: "";
- width: 170px;
- position: absolute;
+ content: "";
+ width: 170px;
+ position: absolute;
text-align: left;
height: 13%;
bottom: 0;
@@ -301,103 +307,107 @@ ul.timeline > li:before {
z-index: -1;
}
-.consortium .list-group{
+.consortium .list-group {
max-height: 345px;
margin-bottom: 10px;
- overflow:scroll;
+ overflow: scroll;
-webkit-overflow-scrolling: touch;
}
-.consortium .mb-1{
+.consortium .mb-1 {
color: #555;
}
-.consortium .list-group-item, .consortium .list-group-item-action {
+.consortium .list-group-item,
+.consortium .list-group-item-action {
text-decoration: none;
}
.announce .col-center {
- margin: 0 auto;
- float: none !important;
+ margin: 0 auto;
+ float: none !important;
}
.announce .carousel {
- padding: 0 70px;
+ padding: 0 70px;
}
.announce .carousel .carousel-item {
- color: #999;
- font-size: 14px;
- text-align: center;
- overflow: hidden;
- min-height: 290px;
+ color: #999;
+ font-size: 14px;
+ text-align: center;
+ overflow: hidden;
+ min-height: 290px;
}
.announce .carousel .carousel-item .img-box {
- width: 258px;
- height: 160px;
- margin: 0 auto;
- padding: 5px;
- border: 1px solid #ddd;
- border-radius: 5%;
+ width: 258px;
+ height: 160px;
+ margin: 0 auto;
+ padding: 5px;
+ border: 1px solid #ddd;
+ border-radius: 5%;
}
.announce .carousel .img-box img {
- width: 100%;
- height: 100%;
- display: block;
- border-radius: 5px;
+ width: 100%;
+ height: 100%;
+ display: block;
+ border-radius: 5px;
}
.announce .carousel .testimonial {
- padding: 30px 0 10px;
+ padding: 30px 0 10px;
}
.announce .carousel .overview {
- font-style: italic;
+ font-style: italic;
}
.announce .carousel .overview b {
- text-transform: uppercase;
- color: #86b7fe;
+ text-transform: uppercase;
+ color: #86b7fe;
}
-.announce .carousel-control-prev, .announce .carousel-control-next {
- width: 40px;
- height: 40px;
- margin-top: -20px;
- top: 50%;
- background: none;
+.announce .carousel-control-prev,
+.announce .carousel-control-next {
+ width: 40px;
+ height: 40px;
+ margin-top: -20px;
+ top: 50%;
+ background: none;
}
-.announce .carousel-control-prev i, .announce .carousel-control-next i {
- font-size: 68px;
- line-height: 42px;
- position: absolute;
- display: inline-block;
- color: rgba(0, 0, 0, 0.8);
- text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
+.announce .carousel-control-prev i,
+.announce .carousel-control-next i {
+ font-size: 68px;
+ line-height: 42px;
+ position: absolute;
+ display: inline-block;
+ color: rgba(0, 0, 0, 0.8);
+ text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}
.announce .carousel-indicators {
- bottom: -40px;
+ bottom: -40px;
}
-.announce .carousel-indicators button, .announce .carousel-indicators button.active {
- width: 12px;
- height: 12px;
- margin: 1px 3px;
- border-radius: 50%;
- border: none;
+.announce .carousel-indicators button,
+.announce .carousel-indicators button.active {
+ width: 12px;
+ height: 12px;
+ margin: 1px 3px;
+ border-radius: 50%;
+ border: none;
}
.announce .carousel-indicators button {
- background: #999;
- border-color: transparent;
- box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
+ background: #999;
+ border-color: transparent;
+ box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
}
.announce .carousel-indicators button.active {
- background: #555;
- box-shadow: inset 0 2px 1px rgba(0,0,0,0.2);
-}
+ background: #555;
+ box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.2);
+} \ No newline at end of file