taler-www

styles.css (6692B)

---

 .lang-slector {
   float: right;
   padding-top: 2mm;
   padding-bottom: 4mm;
   margin-left: 15px;
   margin-right: 15px;
 }
 
 html {
   overflow-y: scroll;
 }
 
 ul nav {
   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: grey underline;
   color: black;
 }
 
 nav a,
 nav a:link,
 nav a:visited {
   text-decoration: none;
 }
 
 .navbar-light .navbar-nav .nav-link {
   /* 0,0,0,.5 makes it problematic to read,
        simply black is less problematic */
   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 {
   transition: background-color 0.3s;
   background-color: rgba(200, 200, 200, 0.5);
 }
 
 .c_intro {
   min-height: 97vh;
 }
 
 /* don't show the language selector in the dropdown on mobile devices,
  * since it's in the top bar already.
  */
 .in .nav-lang {
   display: none;
 }
 
 .mobile-lang {
   margin-left: 5px;
   margin-top: 8px;
 }
 
 #mybody {
   /* override ugly bootstrap defaults */
   color: black;
   position: relative;
   min-height: 100%;
 }
 
 #body_content {
   height: 100%;
 }
 
 footer {
   position: relative;
   bottom: 0;
   height: 340px;
 }
 
 .btn-dark {
   background-color: #9d9d9d;
 }
 
 
 #mybody nav {
   border-radius: 0px;
 }
 
 footer {
   padding-top: 2em;
   margin-top: 2em;
 }
 
 
 #body_content .container {
   margin-bottom: 2em;
   padding-top: 1em;
   padding-bottom: 1em;
 }
 
 #body_content {
   /* push footer down */
   min-height: 80vh;
 }
 
 .footer-list {
   list-style: none;
 }
 
 .cushion-above {
   padding-top: 2em;
 }
 
 .cushion-below {
   padding-bottom: 2em;
 }
 
 .invert {
   -webkit-filter: invert(100%);
   filter: invert(100%);
 }
 
 /* overrides bootstrap defaults.  */
 .navbar-brand {
   display: contents;
 }
 
 .checkmark {
   height: 1em;
   width: 1em;
   margin-right: 0.3em;
   vertical-align: baseline;
   position: relative;
   top: 0.2em;
 }
 
 .checklist {
   margin-top: 1em;
   margin-bottom: 1em;
   list-style-type: none;
   padding-left: 0px;
   font-size: 1.2rem;
 }
 
 .tlr {
   display: inline-block;
   position: relative;
 }
 
 .tlr::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 25%;
   bottom: 0;
   left: 0.2em;
   background: rgba(170, 57, 57, 0.3);
   z-index: -1;
 }
 
 
 .timeline header {
   text-align: left;
   margin-bottom: 5px;
 }
 
 ul.timeline {
   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 #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: underline;
   color: black;
 }
 
 .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);
 }