summaryrefslogtreecommitdiff
path: root/static/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'static/styles.css')
-rw-r--r--static/styles.css320
1 files changed, 273 insertions, 47 deletions
diff --git a/static/styles.css b/static/styles.css
index b8493bde..9de1cace 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -1,43 +1,74 @@
.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 {
background-color: #A5C663;
}
+.wallet-teaser-text {
+ padding-bottom: 2em;
+}
+
+.install-button {
+ border: none;
+ padding: 8px 8px;
+ background-color: #0042b3;
+ color: #fff;
+}
+
+.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:focus {
+ position: static;
+ width: auto;
+ height: auto;
+ background: white;
+ padding: 5px;
}
#body_content a:hover {
@@ -57,7 +88,7 @@ nav a:visited {
}
.mobile-lang {
- margin-left:5px;
+ margin-left: 5px;
margin-top: 8px;
}
@@ -84,7 +115,7 @@ footer {
#mybody nav {
- border-radius: 0px;
+ border-radius: 0px;
}
footer {
@@ -126,12 +157,9 @@ footer {
display: contents;
}
-.taler_home {
- width: 8%;
-}
-
.checkmark {
height: 1em;
+ width: 1em;
margin-right: 0.3em;
vertical-align: baseline;
position: relative;
@@ -168,34 +196,232 @@ 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 #0042b3;
+ left: 20px;
+ width: 20px;
+ height: 20px;
+ z-index: 400;
+}
+
+.section-consortium .divider {
+ position: relative;
+ border-bottom: 1px solid #f0f0f0;
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+.section-consortium .divider:before {
+ position: absolute;
+ content: '';
+ width: 30px;
+ height: 30px;
+ border: 1px solid #f0f0f0;
+ left: 50%;
+ margin-left: -15px;
+ top: 50%;
+ background: #fff;
+ margin-top: -15px;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+
+.section-consortium .divider:after {
+ position: absolute;
+ content: '';
+ width: 20px;
+ height: 20px;
+ border: 1px solid #A5C663;
+ left: 50%;
+ margin-left: -10px;
+ top: 50%;
+ background: #A5C663;
+ margin-top: -10px;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+
+.section-consortium .card-note {
+ overflow: hidden;
+ line-height: 1.5rem;
+ height: 4.5rem;
+ min-height: 4.5rem;
+}
+
+
+.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;
+ padding: 5px;
+}
+
+.consortium h4::after {
+ content: "";
+ width: 170px;
+ position: absolute;
+ text-align: left;
+ height: 13%;
+ bottom: 0;
+ left: 0.2em;
+ background: #4e7bca;
+ z-index: -1;
+}
+
+.consortium .list-group {
+ max-height: 400px;
+ margin-bottom: 10px;
+ overflow: scroll;
+ -webkit-overflow-scrolling: touch;
+}
+
+.consortium .mb-1 {
+ color: #555;
+}
+
+.consortium .list-group-item,
+.consortium .list-group-item-action {
+ text-decoration: none;
+}
+
+.announce .col-center {
+ margin: 0 auto;
+ float: none !important;
+}
+
+.announce .carousel {
+ margin-bottom: 10px;
+ padding: 0 70px;
+}
+
+.announce .description {
+ max-height: 100px;
+ min-height: 100px;
+ overflow: scroll;
+}
+
+.announce .contact {
+ max-height: 90px;
+ min-height: 90px;
+ /* overflow: scroll; */
+}
+
+.announce .carousel .carousel-item {
+ 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%;
+}
+
+.announce .carousel .img-box img {
+ width: 100%;
+ height: 100%;
+ display: block;
+ border-radius: 5px;
+}
+
+.announce .carousel .testimonial {
+ padding: 30px 0 10px;
+}
+
+.announce .carousel .overview {
+ font-style: italic;
+}
+
+.announce .carousel .overview b {
+ text-transform: uppercase;
+ color: #4e7bca;
+}
+
+.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-indicators {
+ 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 {
+ 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);
}
generated by cgit v1.2.3 (git 2.39.1) at 2024-04-19 00:38:40 +0000