shmage-site

scripts and documents that generate shmage.xyz
git clone git://git.shmage.xyz/shmage-site.git
Log | Files | Refs

styles.css (2491B)

      1 html{
      2     font-family: libertine;
      3     -ms-text-size-adjust: 100%;
      4     -webkit-text-size-adjust: 100%;
      5 }
      6 
      7 @font-face{
      8     font-family: libertine;
      9     src: url(/fonts/LinLibertine_R.ttf);
     10 }
     11 
     12 img{
     13     image-rendering: optimizeSpeed;
     14     image-rendering: -moz-crisp-edges;
     15     image-rendering: optimize-contrast;
     16 }
     17 
     18 body {
     19     color: black;
     20     background-color: #3e5239;
     21     background-image: url(images/background.jpg);
     22     font-size: 14px;
     23 }
     24 
     25 .short {
     26     order: 0;
     27     max-width: 40em;
     28     margin: 20 20 20 20;
     29     left: 50%;
     30 }
     31 
     32 .short_blogposts {
     33     max-width: 50em;
     34     margin: 20 auto;
     35     left: 50%;
     36 }
     37 
     38 .post {
     39     max-width: 110em;
     40     margin: 20 auto;
     41     left: 50%;
     42 }
     43 
     44 .border {
     45     padding: 12px;
     46     box-shadow: 0px 0px 8px 2px #cccccc;
     47     color: black;
     48     border-color: #dabe71;
     49     border-style: ridge;
     50     border-width: 4px;
     51     background-color: #e4cca0;
     52     background-image: url(images/bgborder.jpg);
     53     overflow: auto;
     54 }
     55 
     56 .webring_border{
     57     padding: 12px;
     58     margin: auto;
     59     margin-top: 1em;
     60     display: inline-block;
     61     border-color: #ffffff;
     62     border-style: ridge;
     63     border-width: 4px;
     64     background-color: #c0c0c0;
     65 }
     66 
     67 .border_stone{
     68     padding: 20px 15px;
     69     border-style: ridge;
     70     border-color: #472c22;
     71     border-image: url(images/cobble_stone.png) 30 repeat repeat;
     72     border-image-width: 30px;
     73 }
     74 
     75 .home_box{
     76     display: flex;
     77     flex-wrap: nowrap;
     78     justify-content: center;
     79     align-items: center;
     80 }
     81 
     82 .sidebar{
     83     order: 1;
     84     width: 100px;
     85     margin: 20 20 20 20;
     86     text-align: center;
     87     border-color: #ffffff;
     88     border-style: ridge;
     89     border-width: 8px;
     90     background-color: #c0c0c0;
     91     background-image: url(images/bgbulletin.jpg);
     92 }
     93 
     94 .sidebar_button{
     95     margin: 5px;
     96     padding: 5px;
     97 }
     98 
     99 .sidebar a:link{
    100     color: white;
    101     text-decoration: none;
    102 }
    103 
    104 .sidebar a:visited{
    105     color: white;
    106     text-decoration: none;
    107 }
    108 
    109 .sidebar a:hover{
    110     background: transparent;
    111     text-decoration: none;
    112 }
    113 
    114 ul{
    115     max-width: 50em;
    116     margin: 20 auto;
    117     left: 50%;
    118 }
    119 
    120 h1{
    121     font-size: 1.5em;
    122     text-align: center;
    123 }
    124 
    125 h2{
    126     font-size:1.3em;
    127     color:black;
    128     text-align: center;
    129 }
    130 
    131 a:link{
    132     color:#294957;
    133 }
    134 
    135 a:visited{
    136     color:#294957;
    137 }
    138 
    139 a:hover{
    140     color:white;
    141     background:#5961b5;
    142 }
    143 
    144 ::selection{
    145     color:white;
    146     background:#5961b5;
    147 }
    148 
    149 pre{
    150     color:white;
    151     background-color:#333333;
    152     padding:1px;
    153 }
    154 
    155 code{
    156     font-size: 12px;
    157     color:white;
    158     background-color:#333333;
    159     padding:1px;
    160 }