sites

parazyd.cf website
git clone https://git.parazyd.org/sites
Log | Files | Refs

graph-style.css (2762B)


      1 /*
      2  * MISC
      3  * ---------------------------------------------------------------------------------------------------------------------
      4  */
      5 *, *:before, *:after {
      6     padding: 0; margin: 0; border: 0;
      7     box-sizing: border-box; -moz-box-sizing: border-box;
      8     -webkit-text-size-adjust: 100%; /* Making shure mobile devices dont scale up text */
      9 }
     10 
     11 body,
     12 input,
     13 textarea,
     14 select {
     15     font-size: 13px;
     16     font-family: arial, verdana, sans-serif;
     17     color: #333;
     18     line-height: 150%;
     19 }
     20 
     21 body { background: #E9EBEE; }
     22 
     23 a {
     24     color: #43609C;
     25     text-decoration: none;
     26 }
     27 
     28 h1 {
     29     margin-bottom: 30px;
     30     color: #43609C;
     31     line-height: 100%;
     32 }
     33 h2 { margin-bottom: 10px; }
     34 h3 { margin-bottom: 5px; }
     35 
     36 p { margin-bottom: 10px; }
     37 p.example {
     38     font-size: 12px;
     39     color: #888;
     40 }
     41 
     42 ul { margin-left: 18px; }
     43 li { padding-left: 5px; }
     44 
     45 
     46 /*
     47  * MAIN ELEMENTS
     48  * ---------------------------------------------------------------------------------------------------------------------
     49  */
     50 
     51 main {
     52     width: 800px;
     53     min-height: 200px;
     54     margin: 0 auto;
     55     margin-top: 30px;
     56     margin-bottom: 20px;
     57     border: 1px solid #DFE0E4;
     58     border-top: 2px solid #43609C;
     59     border-bottom: 2px solid #DFE0E4;
     60     border-radius: 4px;
     61     padding: 30px;
     62     padding-bottom: 10px;
     63     background: #fff;
     64 }
     65 
     66 section {
     67     margin-bottom: 40px;
     68 }
     69 
     70 .search-type {
     71     margin-bottom: 20px;
     72     border-bottom: 1px solid #DFE0E4;
     73     padding-bottom: 10px;
     74 }
     75 
     76 footer {
     77     width: 800px;
     78     margin: 0 auto;
     79     margin-bottom: 40px;
     80     padding: 0 20px;
     81     text-align: center;
     82     color: #888;
     83     font-size: 11px;
     84 }
     85 
     86 @media screen and (max-width: 800px) {
     87 
     88     main,
     89     footer {
     90         width: 100%;
     91     }
     92 }
     93 
     94 
     95 /*
     96  * INPUT FORMS AND BUTTONS
     97  * ---------------------------------------------------------------------------------------------------------------------
     98  */
     99 
    100 input,
    101 select {
    102     border: 1px solid #aaa;
    103     padding: 3px 8px;
    104     border-radius: 4px;
    105     margin-right: 4px;
    106 }
    107 select {
    108     padding: 4px 8px;
    109 }
    110 
    111 #input-username-or-uid {  width: 160px;  }
    112 #input-friendlyname {  width: 180px;  }
    113 
    114 .input-wrap {
    115     line-height: 300%;
    116     margin-bottom: 5px;
    117 }
    118 
    119 .loading {
    120     vertical-align: middle;
    121     display: none;
    122 }
    123 
    124 .button {
    125     background: #43609C;
    126     border-radius: 4px;
    127     padding: 6px 8px;
    128     cursor: pointer;
    129     text-decoration: none;
    130     color: #fff;
    131 }
    132 
    133 .link-remove {
    134     color: #43609C;
    135     cursor: pointer;
    136 }
    137 
    138 
    139 /*
    140  * TABLE
    141  * ---------------------------------------------------------------------------------------------------------------------
    142  */
    143 
    144 table {
    145     width: 100%;
    146     margin-left: -2px;
    147 }
    148 
    149 th,
    150 td {
    151     padding: 5px 8px;
    152 }
    153 th {
    154     background: #e8e8e8;
    155     color: #666;
    156     font-weight: normal;
    157     text-align: left;
    158 }
    159 td { background: #F6F6F6; }