mpercivalxyz

this website!
Log | Files | Refs

besogo.css (2363B)

      1 .besogo-container {
      2     outline: none;
      3     display: flex;
      4     background: #d0fefe;
      5     color: black;
      6 }
      7 
      8 .besogo-container * {
      9     box-sizing: border-box;
     10 }
     11 
     12 .besogo-container button {
     13     height: 30px;
     14     width: 30px;
     15     padding: 0px;
     16     background: #d8dcd6;
     17     border-color: #ffffff #e6e6e6 #e6e6e6 #ffffff;
     18 }
     19 
     20 .besogo-container input {
     21     font-size: 12pt;
     22 
     23 }
     24 
     25 .besogo-container input[type='button'] {
     26     background: #d8dcd6;
     27     border-color: #ffffff #e6e6e6 #e6e6e6 #ffffff;
     28 }
     29 
     30 .besogo-container input[type='text'] {
     31     width: 30px;
     32 }
     33 
     34 .besogo-container svg { /* Prevent text selection within SVG */
     35     -webkit-touch-callout: none; /* iOS Safari */
     36     -webkit-user-select: none;   /* Chrome/Safari/Opera */
     37     -moz-user-select: none;      /* Firefox */
     38     -ms-user-select: none;       /* Internet Explorer/Edge */
     39      user-select: none;
     40 }
     41 
     42 .besogo-panels {
     43     display: flex;
     44     flex-direction: column;
     45     align-items: center;
     46     padding: 0px 5px;
     47 }
     48 
     49 .besogo-panels > * {
     50     margin: 3px 0px;
     51 }
     52 
     53 .besogo-control {
     54     display: flex;
     55     align-items: center;
     56     flex-wrap: wrap;
     57     justify-content: space-around;
     58     width: 100%;
     59 
     60     flex: 0 0 auto;
     61 }
     62 
     63 .besogo-names {
     64     flex: 0 0 auto;
     65     width: 100%;
     66 }
     67 
     68 .besogo-playerInfo {
     69     display: flex;
     70     font-family: Tahoma, Geneva, sans-serif;
     71     white-space: pre-wrap;
     72 }
     73 
     74 .besogo-blackInfo {
     75     flex: 50%;
     76     color: white;
     77     background: black;
     78     text-align: right;
     79     padding: 5px;
     80 }
     81 
     82 .besogo-whiteInfo {
     83     flex: 50%;
     84     color: black;
     85     background: white;
     86     text-align: left;
     87     padding: 5px;
     88 }
     89 
     90 .besogo-blackCaps {
     91     float: left;
     92 }
     93 
     94 .besogo-whiteCaps {
     95     float: right;
     96 }
     97 
     98 .besogo-comment {
     99     font-family: Georgia, serif;
    100     font-size: 12pt;
    101     white-space: pre-wrap;
    102 
    103 
    104     overflow: auto;
    105     flex: 1 1 60%;
    106     width: 100%;
    107 }
    108 
    109 .besogo-comment input[type='button'] {
    110     float: right;
    111 }
    112 
    113 .besogo-comment textarea {
    114     height: 100%;
    115     width: 100%;
    116 }
    117 
    118 .besogo-gameInfo {
    119     padding: 5px;
    120     border-collapse: collapse;
    121 }
    122 
    123 .besogo-gameInfo td, tr {
    124     border: 1px solid black;
    125     padding: 3px;
    126 }
    127 
    128 .besogo-tool {
    129     display: flex;
    130     align-items: center;
    131     flex-wrap: wrap;
    132     justify-content: space-around;
    133     width: 100%;
    134 
    135     flex: 0 0 auto;
    136 }
    137 
    138 .besogo-tree {
    139     overflow: auto;
    140     flex: 1 1 40%;
    141     width: 100%;
    142 }
    143 
    144 .besogo-file {
    145     flex: 0 0 auto;
    146 }