Skip to content
Snippets Groups Projects
rhizome.css 13.6 KiB
Newer Older
  • Learn to ignore specific revisions
  • David Huss's avatar
    David Huss committed
    *{
      font-family: roboto, 'Open Sans', sans-serif;
    }
    
    
    David Huss's avatar
    David Huss committed
    header{
      border: 1px solid black;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
      max-width: 70em;
      margin: auto;
      position: fixed;
      left: 2em;
      top: 2em;
      -webkit-user-drag: element;
    }
    
    .col-md-3{
      top: 10em !important;
      position: fixed;
      width: 20em !important;
      overflow-y: auto !important;
      overflow: hidden;
    
    David Huss's avatar
    David Huss committed
      height: 35em !important;
    
    David Huss's avatar
    David Huss committed
      border: 1px solid black;
      margin-left: 1em;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    }
    
    #publisher_textarea_wrapper{
      border: 1px dashed black !important;
      border-right: 1px solid black !important;
      border-bottom: 1px solid black !important;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
      position: fixed !important;
      background-color: rgba(255,255,255,0.97);
      z-index: 1000 !important;
    
      top: 47em;
      left: 11em;
      width: 20em !important;
    
    David Huss's avatar
    David Huss committed
      height: 15em;
      margin-left: -10em;
      resize: both;
      overflow: auto;
    
    David Huss's avatar
    David Huss committed
      overflow-x: hidden !important;
    
      -webkit-transition: width 2s; /* Safari */
        transition: width 2s;
    }
    
    #publisher_textarea_wrapper:hover, #publisher_textarea_wrapper.active{
      width: 50em !important;
      -webkit-transition: width 2s; /* Safari */
        transition: width 2s;
    
    David Huss's avatar
    David Huss committed
    }
    
    #publisher_textarea_wrapper #button_container{
      position: absolute;
      bottom: 0em;
    }
    
    .options_and_submit{
      border: 1px solid black;
      background-color: white;
      position: fixed;
      width: 24em !important;
       z-index: 1000;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    
      bottom: 3em;
      left: 1em;
    
    David Huss's avatar
    David Huss committed
    }
    
    .options_and_submit .btn-primary{
      margin-right: 0.5em;
      background-color: rgba(100, 160, 100, 1);
      border-color: rgba(100, 160, 100, 1);
    
    David Huss's avatar
    David Huss committed
    }
    
    .logo{
      position: fixed;
      left: unset !important;
      right: 2em;
      top: 2em;
      background-color: white !important;
      font-weight: 600;
      font-size: 1.5em !important;
      width: 12em !important;
      height: 3em !important;
      bottom: 20em !important;
      border: 1px solid black;
      margin-left: 1em;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    }
    
    .col-md-9{
    
      margin-top: 1em;
    
    David Huss's avatar
    David Huss committed
      box-sizing: border-box !important;
      padding-right: 5em !important;
      overflow-y: hidden !important;
    }
    
    .sidebar{
      overflow: hidden;
    }
    
    .stream-element{
      margin-bottom: 10em !important;
    
    David Huss's avatar
    David Huss committed
      padding-bottom: -3em !important;
      overflow: visible;
      padding-bottom: 3em !important;
    
      background-color: white;
    
    David Huss's avatar
    David Huss committed
    }
    
    .stream-element, .reshare .media{
      border: 1px solid black;
      padding: 1em;
      padding-right: 4em;
      padding-top: 0 !important;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    }
    
    .stream-element p{
      font-size: 1.5em !important;
      max-width: 30em;
      line-height: 1.5em !important;
      margin-bottom: 1.5em;
    }
    
    blockquote{
      border: 1px solid black;
      padding: 1em;
      font-style: italic;
      margin-right: 10em;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
      margin-bottom: 3em;
    }
    
    .stream-element .img{
      box-sizing: border-box;
      border: 1px solid black;
      border-top: 0;
      overflow: hidden;
    }
    
    
    .author-name{
      box-sizing: border-box;
      padding: 0.3em 1em;
      margin: 0 !important;
      margin-left: -0.7em !important;
    
      background-color: rgba(0,0,0,1) !important;
      color: white;
      font-size: 1.4em;
      letter-spacing: 0.2em;
    }
    
    .stream-element .details{
      float: right;
    }
    
    .stream-element .details time{
      font-size: 1.3em;
      padding: 1em;
    }
    
    .post-content{
      margin-top: 3em;
      margin-bottom: 3em;
    }
    
    .feedback{
      margin-left: -4em;
      margin-top: 1em;
      margin-bottom: 2em;
    }
    .feedback a{
    
      padding: 0.5em 1.4em;;
    
    David Huss's avatar
    David Huss committed
      border: 1px solid black;
    
      font-size: 1.2em;
      color: black;
      text-transform: uppercase;
      font-weight: 400;
    
    David Huss's avatar
    David Huss committed
    }
    
    .feedback a:hover{
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    }
    
    .stream-element .comment_stream .comments{
      margin-left: -6em;
    
    /*   margin-top: 7em; */
    
    David Huss's avatar
    David Huss committed
      box-sizing: border-box !important;
      width: 100%;
    
    /*   border-top: 1px dashed black !important; */
    
    David Huss's avatar
    David Huss committed
      padding: 2em;
    
      padding-top: 0em;
    
    David Huss's avatar
    David Huss committed
      max-width: 70em !important;
    
    David Huss's avatar
    David Huss committed
    }
    
    
    .comments .comment:first-of-type{
      margin-top: 7em;
    }
    
    
    David Huss's avatar
    David Huss committed
    
    .comments .comment{
      max-width: 50em !important;
      border: 1px dashed grey !important;
      border-right: 1px solid grey !important;
      border-bottom: 1px solid grey !important;
      margin-bottom: -1em;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.4);
      background-color: white;
    }
    
    
    David Huss's avatar
    David Huss committed
    .comments .show_comments{
      background-color: white;
      padding: 1em;
      z-index: 1000 !important;
    
      margin-top: 2em !important;
      width: 20em;
      margin-left: -8em !important;
      position: absolute !important;
      border: 1px solid black !important;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    
    David Huss's avatar
    David Huss committed
    }
    
    David Huss's avatar
    David Huss committed
    
    
    .comments .comment:nth-child(1){ margin-left: 0.0em;}
    .comments .comment:nth-child(2){ margin-left: 1.5em;}
    .comments .comment:nth-child(3){ margin-left: 3.0em;}
    .comments .comment:nth-child(4){ margin-left: 4.5em;}
    .comments .comment:nth-child(5){ margin-left: 6.0em;}
    .comments .comment:nth-child(6){ margin-left: 7.5em;}
    .comments .comment:nth-child(7){ margin-left: 9.0em;}
    .comments .comment:nth-child(8){ margin-left: 10.5em;}
    .comments .comment:nth-child(9){ margin-left: 12.0em;}
    .comments .comment:nth-child(10){ margin-left: 13.5em;}
    .comments .comment:nth-child(11){ margin-left: 0.0em;}
    .comments .comment:nth-child(12){ margin-left: 1.5em;}
    .comments .comment:nth-child(13){ margin-left: 3.0em;}
    .comments .comment:nth-child(14){ margin-left: 4.5em;}
    .comments .comment:nth-child(15){ margin-left: 6.0em;}
    .comments .comment:nth-child(16){ margin-left: 7.5em;}
    .comments .comment:nth-child(17){ margin-left: 9.0em;}
    .comments .comment:nth-child(18){ margin-left: 10.5em;}
    .comments .comment:nth-child(19){ margin-left: 12.0em;}
    .comments .comment:nth-child(20){ margin-left: 13.5em;}
    .comments .comment:nth-child(21){ margin-left: 0.0em;}
    .comments .comment:nth-child(22){ margin-left: 1.5em;}
    .comments .comment:nth-child(23){ margin-left: 3.0em;}
    .comments .comment:nth-child(24){ margin-left: 4.5em;}
    .comments .comment:nth-child(25){ margin-left: 6.0em;}
    .comments .comment:nth-child(26){ margin-left: 7.5em;}
    .comments .comment:nth-child(27){ margin-left: 9.0em;}
    .comments .comment:nth-child(28){ margin-left: 10.5em;}
    .comments .comment:nth-child(29){ margin-left: 12.0em;}
    .comments .comment:nth-child(30){ margin-left: 13.5em;}
    .comments .comment:nth-child(31){ margin-left: 0.0em;}
    .comments .comment:nth-child(32){ margin-left: 1.5em;}
    .comments .comment:nth-child(33){ margin-left: 3.0em;}
    .comments .comment:nth-child(34){ margin-left: 4.5em;}
    .comments .comment:nth-child(35){ margin-left: 6.0em;}
    .comments .comment:nth-child(36){ margin-left: 7.5em;}
    .comments .comment:nth-child(37){ margin-left: 9.0em;}
    .comments .comment:nth-child(38){ margin-left: 10.5em;}
    .comments .comment:nth-child(39){ margin-left: 12.0em;}
    .comments .comment:nth-child(40){ margin-left: 13.5em;}
    .comments .comment:nth-child(41){ margin-left: 0.0em;}
    .comments .comment:nth-child(42){ margin-left: 1.5em;}
    .comments .comment:nth-child(43){ margin-left: 3.0em;}
    .comments .comment:nth-child(44){ margin-left: 4.5em;}
    .comments .comment:nth-child(45){ margin-left: 6.0em;}
    .comments .comment:nth-child(46){ margin-left: 7.5em;}
    .comments .comment:nth-child(47){ margin-left: 9.0em;}
    .comments .comment:nth-child(48){ margin-left: 10.5em;}
    .comments .comment:nth-child(49){ margin-left: 12.0em;}
    .comments .comment:nth-child(50){ margin-left: 13.5em;}
    .comments .comment:nth-child(51){ margin-left: 0.0em;}
    .comments .comment:nth-child(52){ margin-left: 1.5em;}
    .comments .comment:nth-child(53){ margin-left: 3.0em;}
    .comments .comment:nth-child(54){ margin-left: 4.5em;}
    .comments .comment:nth-child(55){ margin-left: 6.0em;}
    .comments .comment:nth-child(56){ margin-left: 7.5em;}
    .comments .comment:nth-child(57){ margin-left: 9.0em;}
    .comments .comment:nth-child(58){ margin-left: 10.5em;}
    .comments .comment:nth-child(59){ margin-left: 12.0em;}
    .comments .comment:nth-child(60){ margin-left: 13.5em;}
    .comments .comment:nth-child(61){ margin-left: 0.0em;}
    .comments .comment:nth-child(62){ margin-left: 1.5em;}
    .comments .comment:nth-child(63){ margin-left: 3.0em;}
    .comments .comment:nth-child(64){ margin-left: 4.5em;}
    .comments .comment:nth-child(65){ margin-left: 6.0em;}
    .comments .comment:nth-child(66){ margin-left: 7.5em;}
    .comments .comment:nth-child(67){ margin-left: 9.0em;}
    .comments .comment:nth-child(68){ margin-left: 10.5em;}
    .comments .comment:nth-child(69){ margin-left: 12.0em;}
    .comments .comment:nth-child(70){ margin-left: 13.5em;}
    .comments .comment:nth-child(71){ margin-left: 0.0em;}
    .comments .comment:nth-child(72){ margin-left: 1.5em;}
    .comments .comment:nth-child(73){ margin-left: 3.0em;}
    .comments .comment:nth-child(74){ margin-left: 4.5em;}
    .comments .comment:nth-child(75){ margin-left: 6.0em;}
    .comments .comment:nth-child(76){ margin-left: 7.5em;}
    .comments .comment:nth-child(77){ margin-left: 9.0em;}
    .comments .comment:nth-child(78){ margin-left: 10.5em;}
    .comments .comment:nth-child(79){ margin-left: 12.0em;}
    .comments .comment:nth-child(80){ margin-left: 13.5em;}
    .comments .comment:nth-child(81){ margin-left: 0.0em;}
    .comments .comment:nth-child(82){ margin-left: 1.5em;}
    .comments .comment:nth-child(83){ margin-left: 3.0em;}
    .comments .comment:nth-child(84){ margin-left: 4.5em;}
    .comments .comment:nth-child(85){ margin-left: 6.0em;}
    .comments .comment:nth-child(86){ margin-left: 7.5em;}
    .comments .comment:nth-child(87){ margin-left: 9.0em;}
    .comments .comment:nth-child(88){ margin-left: 10.5em;}
    .comments .comment:nth-child(89){ margin-left: 12.0em;}
    .comments .comment:nth-child(90){ margin-left: 13.5em;}
    .comments .comment:nth-child(91){ margin-left: 0.0em;}
    .comments .comment:nth-child(92){ margin-left: 1.5em;}
    .comments .comment:nth-child(93){ margin-left: 3.0em;}
    .comments .comment:nth-child(94){ margin-left: 4.5em;}
    .comments .comment:nth-child(95){ margin-left: 6.0em;}
    .comments .comment:nth-child(96){ margin-left: 7.5em;}
    .comments .comment:nth-child(97){ margin-left: 9.0em;}
    .comments .comment:nth-child(98){ margin-left: 10.5em;}
    .comments .comment:nth-child(99){ margin-left: 12.0em;}
    
    .comments .comment .bd .author-name{
      background-color: unset !important;
      width: 10em;
      color: black;
      margin-top: -3em !important;
      margin-left: 1em !important;
      margin-bottom: 1em !important;
    }
    
    .comments .comment .img .author-name{
      background-color: unset !important;
    }
    
    .comments .comment .img{
      border: 1px dashed grey;
      border-left: none;
      border-top: none;
      margin-top: -2em;
    }
    
    .comments .comment .comment-content{
      margin-left: 2.4em !important;
      font-size: 0.9em !important;
      color: #444;
    }
    
    .comments .comment .info{
      margin-bottom: 1em;
    }
    
    .new_comment{
      padding-bottom: -2em;
    }
    
    .new_comment textarea{
      border: 1px grey dashed;
      box-sizing: border-box;
      width: 95%;
    }
    
    .single-post-content, .single-post-interactions{
      margin-top: 3em !important;
    }
    
    .single-post-content{
    
      overflow-y: auto !important;
    
    David Huss's avatar
    David Huss committed
    }
    
    .stream-photo, .slides{
      width: 100% !important;
      height: auto !important;
    }
    
    .stream-photo, .thumb{
      border: 1px solid black;
    }
    
    .stream-element pre{
      border: 1px solid black;
      background-color: white;
      padding: 1em;
      display: inline-block;
    }
    
    .stream-element .comments pre{
      border-color: grey;
    }
    
    .stream-element code{
      font-family: Consolas, Courier, monospace !important;
      font-size: 1.4em;
      line-height: 0.7em;
      letter-spacing: -0.03em;
    }
    
    .stream-element .comments code{
      font-size: 1.2em;
      line-height: 0.6em;
      letter-spacing: -0.04em;
      color: #444;
    }
    
    
    .thumb{
      margin-bottom: 3em;
    }
    
    
    David Huss's avatar
    David Huss committed
    #notification-dropdown ul{
      border: 1px solid black;
      -webkit-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.75);
    }
    
    .notifications .stream-element{
      width: 90% !important;
      box-sizing: border-box;
      margin: 1em !important;
      margin-bottom: 1em !important;
      margin-top: 0em !important;
    
      
    }
    
    .likes .comment, .reshares .comment{
      border: 1px solid black;
      padding: 0em 1em;
      width: 10em;
      height: 2em;
      margin-bottom: 2em !important;
      margin-left: -8em;
      position: absolute;;
      background-color: white;
      -webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
    box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.75);
    }
    
    .reshares .comment{
      margin-top: -.5em;
      margin-left: 2.7em;
      margin-bottom: 2em;
    
    David Huss's avatar
    David Huss committed
    }