Skip to content
Snippets Groups Projects
Select Git revision
  • f2ae0b47febddf277c2e19579b4871c9fbcd02f2
  • main default
  • 35-cgu
  • 34-peertube-support
  • 27-add-autoplay-to-iframe
  • 33-bug-on-youtube-embed-urls
  • RC-Rekall-v1.1-fix_lpo
  • tuleap-140-go-back-to-my-capsules-page-when-i-m-on-capsule-preview-page
  • RC-Rekall-v1.2-fix10
  • RC-Rekall-v1.2-fix9
  • RC-Rekall-v1.2-fix8
  • RC-Rekall-v1.2-fix7
  • RC-Rekall-v1.2-fix6
  • RC-Rekall-v1.2-fix5
  • RC-Rekall-v1.2-fix4
  • RC-Rekall-v1.2-fix3
  • RC-Rekall-v1.2-fix2
  • RC-Rekall-v1.2-fix1
  • RC-Rekall-v1.1-fix-3
  • RC-Rekall-v1.1-fix-2
  • RC-Rekall-v1.1-fix-1
  • RC-Rekall-v1.1-delivered
  • preprod20220209-1535
23 results

app.scss

Blame
  • app.scss 2.78 KiB
    @import "./helpers/variables";
    @import "~bootstrap/scss/bootstrap";
    @import "~bootstrap/scss/variables";
    @import "./layout/header";
    
    body {
      height:100%;
      width:100%;
    }
    
    form label {
      color: rgba(255,255,255,.5)
    }
    
    form input {
      box-shadow: 0 1px 0 rgba(255,255,255,.05), 0 1px 2px rgba(0,0,0,.5) inset;
      border-radius: 3px;
      border: none;
      background: rgba(0,0,0,.25);
      color: #fff;
      height: auto;
      padding: 15px 10px;
    }
    
    form input[type=checkbox]{
      padding: 5px;
      border: 1px solid;
    }
    
    button[type=submit]{
      border: none;
      border-radius: 3px;
      color: #FFF;
      opacity: 1;
      background: #3B8C7E;
    }
    
    .memorekall-logo {
      height: 200px;
    }
    
    .btn-primary {
      background: rgba(0,0,0,.1);
      border: none;
      border-radius: 3px;
      opacity: 1;
    }
    
    #btn-orange {
      background: #FA772E;
      color: white;
      border: none;
      border-radius: 3px;
      line-height: 1.5;
      font-size: 1rem;
      padding: .5rem 1rem;
      text-align: center;
      text-transform: uppercase;
      box-shadow: 0 -2px 0 #f05b2b inset;
    }
    
    #btn-orange:hover {
      background: #f05b2b;
    }
    
    #user-block {
      position: absolute;
      right: 0;
      text-align: right;
      font-weight: 300;
      color: rgba(255,255,255,.5);
      font-size: 14px;
    }
    
    #user-block-nom {
      text-transform: capitalize;
      font-weight: 500;
    }
    
    .capsule-item {
      background: linear-gradient(to bottom left, rgba(73, 173, 154, .0), rgba(73, 173, 154, .5));
      box-shadow: 0 0 10px rgba(0,0,0,.5);
      border-radius: 2px;
      margin-bottom: 40px;
    }
    
    .list-item {
      font-size: 16px;
      padding: 10px;
    }
    
    .links {
      color: rgba(255,255,255,.75);
    }
    
    .standard-button {
      line-height: 40px;
      margin: 30px 0 0 0;
      padding: 0.5em 2em;
      font-size: 14px;
      text-transform: uppercase;
      font-weight: bold;
      border: none;
      color: #FFF !important;
      border-radius: 3px;
      background: #49AD9A;
      box-shadow: 0 -2px 0 #3B8C7E inset;
    }
    
    .standard-button:hover {
      background: #3B8C7E;
    }
    
    .row-title-box {
      border-bottom: 2px solid rgba(0,0,0,.2);
      margin-bottom: 60px;
      padding-right: 0;
      padding-left: 0;
    }
    
    .row-title {
      text-decoration: none;
      float: left;
      color: rgba(255,255,255,.75) !important;
      line-height: 60px;
      margin-bottom: 0;
      background: -webkit-linear-gradient(top left, #FA772E, #FC4326);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    
    .h2 {
      margin-bottom: 0;
    }
    
    .button-cancel {
      border: none;
      border-radius: 3px;
      background-color: #5c636a;
    }
    
    .button-cancel:hover {
      background-color: #4f5050;
    }
    
    .row-title:hover {
      color: rgba(255,255,255,.75);
    }
    
    .profile-block {
      color: rgba(255, 255, 255, 0.5);
      background-color: rgba(0, 0, 0, 0);
      background-image: linear-gradient(to right bottom, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.2));
    }
    
    .capsule-title {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 18px;
    }
    
    .remove-link {
      font-size: 0.9rem;
    }