board-style.css

   1 body{
   2
   3 }
   4
   5 li{
   6   list-style-type:none;
   7 }
   8
   9 .page-properties{
  10         margin:3% 6%;
  11         background-image:url('images/__hibiki_kantai_collection_drawn_by_tsubasa_tsubasa__13a05f362f32e8029c7925607e08f1a6.jpg');
  12     background-position: -61% 30%;
  13         background-attachment: fixed;
  14
  15         }
  16
  17 .row-container{
  18         position:relative;
  19         float:left;
  20         display:inline;
  21         width:100%;
  22         margin:3% 0%;
  23 }
  24
  25
  26 #top-settings{
  27     background: rgba(200,200,200,0.5);
  28     padding: 0% 5% 1% 5%;
  29 }
  30
  31 #queue-form-container{
  32         display: inline-block;
  33         padding:1%;
  34         background-color: rgba(155,155,155,0.5);
  35 }
  36
  37 #input-container{
  38         display: inline-block;
  39 }
  40
  41 .embed-details{
  42         text-align:center;
  43         margin-right:10%;
  44 }
  45 .embed-detail-item{
  46          display: inline-block;
  47          padding:0% 8%;
  48 }
  49
  50 .details{
  51         margin:-5% -5% 2% -5%;
  52         border:solid 1px black;
  53         padding:2% 0% 2% 0%;
  54
  55         background-color:rgb(255,255,200);
  56 }
  57
  58 .details-list{
  59         border:solid 1px black;
  60         padding:1%;
  61         width:98%;
  62         background-color:rgb(255,255,200);
  63 }
  64
  65
  66 .row-container-list{
  67         margin:3% 0%;
  68 }
  69 .row-reply-list{
  70         margin:1% 0%;
  71 }
  72
  73 .interaction-item{
  74         display:inline-block;
  75         margin: 1% 10%;
  76 }
  77
  78 .interaction-item-list{
  79         display:inline-block;
  80         margin: 1% 5%;
  81 }
  82
  83 .thread-contents{
  84         height:90%;
  85 }
  86 .thread-contents-list{
  87         display:flex;
  88
  89         max-height:50%;
  90 }
  91
  92 .thread-container{
  93         position:relative;
  94         float:left;
  95         display:inline;
  96         margin:0% 1%;
  97         border: solid black 1px;
  98         padding:1%;
  99         width:20%;
 100         height:50%;
 101
 102         background-color:white;
 103 }
 104
 105
 106 .thread-container-list{
 107         margin:8% 0%;
 108
 109         border: 2px solid black;
 110
 111         background-color:white;
 112 }
 113
 114 .reply-container-list{
 115         margin:0.2% 0%;
 116
 117         border: 2px solid black;
 118
 119         background-color:white;
 120 }
 121
 122 .thread-text{
 123         overflow:scroll;
 124         height:22%;
 125 }
 126
 127 .thread-text-list{
 128         width:100%;
 129         overflow:scroll;
 130 }
 131
 132 .thread-image{
 133         padding:2%;
 134         overflow:scroll;
 135         height:75%;
 136 }
 137
 138 .thread-image-list{
 139         overflow:scroll;
 140         border-left:solid black 1px;
 141         padding:1.5%;
 142 }
 143
 144 .media{
 145         width:100%;
 146 }
 147
 148 .embeded{
 149         padding-left:30px;
 150         padding-top:15px;
 151         padding-bottom:5px;
 152
 153         height:auto;
 154 }
 155
 156 .max{
 157         width:550px;
 158 }
 159
 160 #style-settings{}
 161
 162 #comment-container{}