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