Added more blue.
authorEugen Sawin <sawine@me73.com>
Thu, 08 Mar 2012 02:18:51 +0100
changeset 1137e495ed9a6cb
parent 112 09783c2e544b
child 114 0296048ef400
Added more blue.
dark.css
factory/v2012/books.html
factory/v2012/dark.css
factory/v2012/howiwork.html
factory/v2012/links.html
factory/v2012/linksend.html
factory/v2012/script.js
     1.1 --- a/dark.css	Tue Feb 21 01:38:47 2012 +0100
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,604 +0,0 @@
     1.4 -/*
     1.5 -ME73.com stylesheet
     1.6 -Author: Eugen Sawin <sawine@me73.com>
     1.7 -*/ 
     1.8 -
     1.9 -* { margin: 0; padding: 0; outline: 0 }
    1.10 -
    1.11 -html { background: #222222; }
    1.12 -
    1.13 -body {
    1.14 -    /*font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;*/
    1.15 -    font: 12px/1.4 Helvetica Neue, Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;   
    1.16 -    color: #8D8D8D;	
    1.17 -    margin: 0; 	
    1.18 -    padding: 0; 
    1.19 -    background: #222222;	
    1.20 -    text-align: center;
    1.21 -}
    1.22 -
    1.23 -/* Links */
    1.24 -a, a:visited {
    1.25 -    text-decoration: none;
    1.26 -    color: #DEDEDE;	
    1.27 -}
    1.28 -a:hover {
    1.29 -    color: #fff;
    1.30 -    border-bottom: 1px dotted #438800;
    1.31 -}
    1.32 -
    1.33 -/* headers */
    1.34 -h1, h2, h3, h4 {
    1.35 -    /*font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif;*/
    1.36 -    /*color: #0AEAEA;*/
    1.37 -    color: #FFF;
    1.38 -}
    1.39 -h1 {    
    1.40 -    font-size: 3.1em;	
    1.41 -    letter-spacing: -2px;
    1.42 -    padding: 15px 10px 5px 10px;	
    1.43 -}
    1.44 -h2 {
    1.45 -    font-size: 1.7em;
    1.46 -    /*color: #895F30;*/
    1.47 -    color: #FFF;
    1.48 -    padding: 20px 10px 5px 10px;	
    1.49 -}
    1.50 -h3 {    
    1.51 -    font-size: 1.6em;	
    1.52 -    font-weight: normal;
    1.53 -    padding: 10px 10px 10px 5px;		
    1.54 -}
    1.55 -
    1.56 -h4 {
    1.57 -    color: #AbAbAb;	
    1.58 -    font-size: 1.1em;
    1.59 -    /*font-weight: bold;*/
    1.60 -    padding: 10px 5px 0px 0px;
    1.61 -}
    1.62 -
    1.63 -h5 {
    1.64 -    font-size: 1.0em;
    1.65 -    padding: 0px 0px 0px 0px;
    1.66 -}
    1.67 -
    1.68 -p, dl {
    1.69 -    padding: 5px 20px;
    1.70 -    margin: 0;
    1.71 -}
    1.72 -
    1.73 -ul, ol {
    1.74 -    margin: 5px 20px;
    1.75 -    padding: 0px 20px;
    1.76 -}
    1.77 -ul { 
    1.78 -    list-style-type: square;
    1.79 -}
    1.80 -
    1.81 -dt {
    1.82 -    /*font-weight: bold;*/
    1.83 -    color: #FAFAFA;
    1.84 -}
    1.85 -dd {
    1.86 -    padding-left: 25px; 
    1.87 -}
    1.88 -
    1.89 -/* images */
    1.90 -img {
    1.91 -    background: #1B1B1B;
    1.92 -    border: 4px solid #262626;
    1.93 -    padding: 0px;
    1.94 -}
    1.95 -
    1.96 -img.float-right {
    1.97 -    margin: 5px 0px 5px 10px;  
    1.98 -}
    1.99 -
   1.100 -img.float-left {
   1.101 -    margin: 5px 10px 5px 0px;
   1.102 -}
   1.103 -
   1.104 -canvas {
   1.105 -    border: 4px solid #262626;  
   1.106 -} 
   1.107 -
   1.108 -code {
   1.109 -    margin: 5px 0;
   1.110 -    padding: 15px;
   1.111 -    text-align: left;
   1.112 -    display: block;
   1.113 -    overflow: auto;  
   1.114 -    font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace;
   1.115 -    /* white-space: pre; */
   1.116 -    background: #070707;
   1.117 -/*border: 1px solid #111;   */
   1.118 -}
   1.119 -acronym {
   1.120 -    cursor: help;
   1.121 -    border-bottom: 1px dotted #5B5B5B;
   1.122 -}
   1.123 -blockquote {
   1.124 -    margin: 15px 10px;
   1.125 -    padding: 10px 10px 10px 35px;  
   1.126 -    background: #070707 url(quote.gif) no-repeat 10px 10px;
   1.127 -    border: 1px solid #111; 
   1.128 -    font-weight: normal;
   1.129 -    font-size: 17px;
   1.130 -    line-height: 1.6em;
   1.131 -    font-style: italic;
   1.132 -    font-family: Georgia, 'Times New Roman', Times, serif;	
   1.133 -    color: #808080;	
   1.134 -}
   1.135 -
   1.136 -/* start - table */
   1.137 -table {
   1.138 -    margin: 15px 0px; 	
   1.139 -    border-collapse: collapse;			
   1.140 -}
   1.141 -th {
   1.142 -    color: #FAFAFA;
   1.143 -    height: 38px;
   1.144 -    padding-left: 0px;
   1.145 -    padding-right: 12px;	
   1.146 -    text-align: left;	
   1.147 -}
   1.148 -tr {
   1.149 -    color: #5b5b5b;
   1.150 -    height: 15px;		
   1.151 -}
   1.152 -td {
   1.153 -    padding-left: 0px;
   1.154 -    padding-right: 12px;	
   1.155 -}
   1.156 -/* end - table */
   1.157 -
   1.158 -
   1.159 -/* form elements */
   1.160 -form {
   1.161 -    margin: 20px 10px; 
   1.162 -    padding: 15px 25px 25px 20px; 
   1.163 -    background: #070707; 	
   1.164 -/*border: 1px solid #111;	*/
   1.165 -}
   1.166 -form p {
   1.167 -    /*border-bottom: 1px solid #101010;*/
   1.168 -    padding: 12px 0 5px 0;	margin: 0;	
   1.169 -}
   1.170 -label {
   1.171 -    font-weight: bold;	
   1.172 -    color: #FAFAFA;
   1.173 -}
   1.174 -input, select, textarea {
   1.175 -    margin: 5px 0;
   1.176 -    padding: 5px;
   1.177 -    font: normal 1em Verdana, Tahoma, sans-serif;
   1.178 -    color: #6A6969;
   1.179 -    background: #0C0C0C;  
   1.180 -/*border: 1px solid #1C1C1C;*/
   1.181 -}
   1.182 -option { padding-right: 0.5em; } 
   1.183 -
   1.184 -#name, #email, #message{
   1.185 -    width: 480px;
   1.186 -}
   1.187 -input.button { 
   1.188 -    font: bold 12px Arial, Verdana, Sans-serif; 
   1.189 -    height: 30px;
   1.190 -    padding: 2px 3px; 
   1.191 -    margin-top: 8px;
   1.192 -    color: #48780E;
   1.193 -    background: #000;
   1.194 -    border-width: 1px;
   1.195 -    border-style: solid;
   1.196 -    border-color: #1B1B1B;
   1.197 -}
   1.198 -
   1.199 -
   1.200 -/* ------------------------------------------
   1.201 -   LAYOUT
   1.202 -   ------------------------------------------- */ 
   1.203 -#logo {
   1.204 -    border-style: none; 
   1.205 -    position: relative;
   1.206 -    margin: 0; 
   1.207 -    padding: 0;
   1.208 -    color: #F8F8F8;    
   1.209 -    /* change the values of top and left to adjust the position of the logo*/
   1.210 -    top: 20px; 
   1.211 -    left: 25px;
   1.212 -    height: 100px;
   1.213 -    width: 670px;
   1.214 -} 
   1.215 -
   1.216 -#gameoflife {
   1.217 -    background: black;
   1.218 -}
   1.219 -
   1.220 -#sim {   
   1.221 -    border-style: none;
   1.222 -    position: relative;
   1.223 -    margin: 0; 
   1.224 -    padding: 0;
   1.225 -    color: #F8F8F8;    
   1.226 -    /* change the values of top and left to adjust the position of the logo*/
   1.227 -    top: 20px;
   1.228 -    left: 25px;
   1.229 -    height: 50px;
   1.230 -    width: 670px;
   1.231 -}
   1.232 -
   1.233 -#wrap { 
   1.234 -    position: relative;
   1.235 -    width: 1020px;
   1.236 -    margin: 0 auto;
   1.237 -    text-align: left;		
   1.238 -}
   1.239 -#content-wrap {
   1.240 -    clear: both;
   1.241 -    width: 1020px;	
   1.242 -    float: left;	
   1.243 -    padding-top: 15px;
   1.244 -    padding-bottom: 50px;	
   1.245 -}
   1.246 -#header {
   1.247 -    position: relative;
   1.248 -    width: 1020px;	
   1.249 -    height: 170px;	
   1.250 -    margin: 0; 
   1.251 -    padding: 0;		
   1.252 -}
   1.253 -#header h1#logo-text a {
   1.254 -    position: absolute;
   1.255 -    margin: 0; padding: 0;
   1.256 -    font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;	
   1.257 -    letter-spacing: -1.5px;
   1.258 -    color: #F8F8F8;
   1.259 -    text-decoration: none;
   1.260 -    text-transform: none;
   1.261 -    
   1.262 -    /* change the values of top and left to adjust the position of the logo*/
   1.263 -    top: 70px; left: 30px;	
   1.264 -}
   1.265 -#header h1#logo-text a:hover {
   1.266 -    background: none;
   1.267 -    margin-top: 100px;	
   1.268 -    padding-top: 100px;
   1.269 -}
   1.270 -#header img {
   1.271 -    position: relative;
   1.272 -    top: 90px;
   1.273 -    left: 22px;
   1.274 -    border: 0px;
   1.275 -}
   1.276 -
   1.277 -#header p#intro {
   1.278 -    position: absolute;
   1.279 -    margin: 0; 
   1.280 -    padding: 0;
   1.281 -    font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;
   1.282 -    font-weight: bold;
   1.283 -    font-size: 16px;	
   1.284 -    line-height: 1.5em;
   1.285 -    font-style: normal;
   1.286 -    text-transform: none;
   1.287 -    /*color: #6D7D2D;*/
   1.288 -    color: #5ad715;
   1.289 -    width: 400px;
   1.290 -    
   1.291 -    /* change the values of top and left to adjust the position */
   1.292 -    top: 145px; 
   1.293 -    left: 22px;		
   1.294 -}
   1.295 -
   1.296 -/*  Navigation  */
   1.297 -#nav {
   1.298 -    position: absolute;
   1.299 -    margin: 0; 
   1.300 -    padding: 0;		
   1.301 -    height: 50px;
   1.302 -    left: 0px;	
   1.303 -    top: 30px;			
   1.304 -}
   1.305 -#nav ul {
   1.306 -    float: left;
   1.307 -    
   1.308 -    height: 50px;
   1.309 -    margin: 0 0 0 10px; 
   1.310 -    padding: 0;	
   1.311 -    display: inline;
   1.312 -}
   1.313 -#nav ul li {
   1.314 -    display: inline;
   1.315 -    margin: 0; 
   1.316 -    padding: 0;
   1.317 -}
   1.318 -#nav ul li a {
   1.319 -    float: left;
   1.320 -    margin: 0;	
   1.321 -    padding: 0 12px;
   1.322 -    font-weight: bold;
   1.323 -    font-size: 1.25em;
   1.324 -    text-decoration: none;	
   1.325 -    color: #c95723;
   1.326 -    color: #999;	
   1.327 -    text-transform: uppercase;
   1.328 -}
   1.329 -#nav ul li a:hover, 
   1.330 -#nav ul li a:active {
   1.331 -    color: #eee;
   1.332 -    background: none;
   1.333 -    border: none;
   1.334 -}
   1.335 -#nav ul li#current a {	
   1.336 -    color: #D33972;	
   1.337 -}
   1.338 -
   1.339 -#subnav{
   1.340 -    position: absolute;
   1.341 -    margin: 17px 280px; 
   1.342 -    padding: 0;		
   1.343 -    height: 50px;
   1.344 -    left: 10px;	
   1.345 -    top: 30px;		
   1.346 -}
   1.347 -
   1.348 -#subnav ul {
   1.349 -    float: left;
   1.350 -  
   1.351 -    height: 50px;
   1.352 -    margin: 0 0 0 10px; 
   1.353 -    padding: 0;	
   1.354 -    display: inline;
   1.355 -}
   1.356 -#subnav ul li {
   1.357 -    display: inline;
   1.358 -    margin: 0; 
   1.359 -    padding: 0;
   1.360 -}
   1.361 -#subnav ul li a {
   1.362 -    float: left;
   1.363 -    margin: 0;	
   1.364 -    padding: 0 12px;
   1.365 -    font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif;	
   1.366 -    text-decoration: none;	
   1.367 -    color: #5ad715;	
   1.368 -    text-transform: uppercase;
   1.369 -}
   1.370 -#subnav ul li a:hover, 
   1.371 -#subnav ul li a:active {
   1.372 -    color: #eee;
   1.373 -    background: none;
   1.374 -    border: none;
   1.375 -}
   1.376 -#subnav ul li#current a {	
   1.377 -    color: #D33972;	
   1.378 -}
   1.379 -
   1.380 -/* Main Column */
   1.381 -#main {
   1.382 -    float: left;
   1.383 -    width: 670px;
   1.384 -    padding: 0; 
   1.385 -    margin: 0 0 0 2px;
   1.386 -    display: inline;	
   1.387 -}
   1.388 -#main h2 {
   1.389 -    padding: 5px 22px;	
   1.390 -    margin: 15px 5px 0px 0px;
   1.391 -    /*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				*/
   1.392 -    /*color: #45D5E6;
   1.393 -      color: #00cccc;*/
   1.394 -    color: #FFF;	
   1.395 -}
   1.396 -#main h2 a {
   1.397 -    /*color: #45D5E6;*/
   1.398 -    color: #FFF;
   1.399 -    text-decoration: none;		
   1.400 -    border: none;		
   1.401 -}
   1.402 -#main ul li {
   1.403 -    /*list-style-image: url(images/bullet.png);*/
   1.404 -    list-style-type: square;
   1.405 -}
   1.406 -
   1.407 -/* Sidebar */	
   1.408 -#sidebar {
   1.409 -    float: left;
   1.410 -    width: 250px;
   1.411 -    padding: 0; 
   1.412 -    margin-left: 50px;		
   1.413 -    display: inline;
   1.414 -    color: #5D5D5D;   
   1.415 -/*border: 4px solid #262626;*/
   1.416 -}
   1.417 -
   1.418 -#sidebar a {
   1.419 -    display: inline-block;
   1.420 -    border: 4px solid #262626;   
   1.421 -    margin-top: 5px;
   1.422 -    background-image: url(images/me2.png);
   1.423 -    height: 64px;
   1.424 -    width: 64px; 
   1.425 -    color: #5D5D5D;  
   1.426 -}
   1.427 -
   1.428 -#sidebar a:hover {
   1.429 -    background-image: url(images/me.png);
   1.430 -    color: #eee;  
   1.431 -}
   1.432 -
   1.433 -#sidebar p { 
   1.434 -    margin: 0px 18px 0 0;
   1.435 -    padding-top: 0px;
   1.436 -    padding-left: 74px;
   1.437 -    width: 250px;
   1.438 -}
   1.439 -
   1.440 -#random_quote {
   1.441 -    position: relative;   
   1.442 -    left: -74px;
   1.443 -    margin-top: 5px;
   1.444 -    color: #c95723;
   1.445 -    font-style: italic;
   1.446 -}
   1.447 -
   1.448 -#sidebar h2 {
   1.449 -    font-size: 2.3em;
   1.450 -    color: black;
   1.451 -}
   1.452 -
   1.453 -#sidebar h3 {
   1.454 -/*padding: 5px 12px;
   1.455 -  margin: 15px 5px 10px 0;
   1.456 -  font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif;				
   1.457 -  color: #45D5E6;*/
   1.458 -/*border-bottom: 1px solid #121212; */
   1.459 -/*background-image: url(pattern.gif);		*/	
   1.460 -}
   1.461 -#sidebar ul.sidemenu {
   1.462 -    text-align: left;
   1.463 -    margin: 20px 5px 20px 0px; 
   1.464 -    padding: 0;		
   1.465 -/*border-top: 1px solid #111;		*/
   1.466 -}
   1.467 -#sidebar ul.sidemenu li {
   1.468 -    list-style: none;
   1.469 -    padding: 8px 10px;
   1.470 -    margin: 0;    
   1.471 -/*border-bottom: 1px solid #111;*/
   1.472 -}
   1.473 -* html body #sidebar ul.sidemenu li {
   1.474 -    height: 1%;
   1.475 -}
   1.476 -#sidebar ul.sidemenu li a {
   1.477 -    text-decoration: none;	
   1.478 -    border: none;
   1.479 -    color: #666666;
   1.480 -    font-weight: bold;		
   1.481 -    /*font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif;*/
   1.482 -    font-size: 9pt;		
   1.483 -}
   1.484 -#sidebar ul.sidemenu li a span {
   1.485 -    color: #444;	
   1.486 -    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
   1.487 -    font-style: italic;
   1.488 -    font-weight: normal;	
   1.489 -    font-size: 8pt;
   1.490 -}
   1.491 -#sidebar ul.sidemenu li a:hover,
   1.492 -#sidebar ul.sidemenu li a:hover span {	
   1.493 -    color: #fff;	
   1.494 -}
   1.495 -#sidebar ul.sidemenu ul { margin: 0 0 0 0px; padding: 0; }
   1.496 -#sidebar ul.sidemenu ul li { border: none; }
   1.497 -
   1.498 -/* header quick search */
   1.499 -#sidebar form#quick-search {
   1.500 -    padding: 0; 
   1.501 -    margin: 20px 0 35px 0;
   1.502 -    border: none;
   1.503 -    width: 290px; height: 33px;
   1.504 -/*background: url(header-search.gif) no-repeat;		*/
   1.505 -}
   1.506 -#sidebar form#quick-search p {
   1.507 -    margin: 0; 
   1.508 -    padding: 0;		
   1.509 -}
   1.510 -#sidebar form#quick-search input {
   1.511 -    float: left;
   1.512 -    border: none;
   1.513 -    background: transparent;
   1.514 -    color: #4E4E4E;	
   1.515 -    margin: 0;
   1.516 -}
   1.517 -#sidebar form#quick-search .tbox {
   1.518 -    margin: 5px 0 0 0px; 
   1.519 -    width: 240px;	
   1.520 -    display: inline;	
   1.521 -}
   1.522 -#search form#quick-search .btn{
   1.523 -    width: 24px; height: 24px;			
   1.524 -}
   1.525 -#sidebar form#quick-search label {
   1.526 -    display: none;
   1.527 -}
   1.528 -
   1.529 -/* footer */
   1.530 -#footer {
   1.531 -    clear: both;
   1.532 -    /*padding: 1em 0 2.5em 0;*/
   1.533 -    background: #222222;
   1.534 -    color: #4E4E4E;
   1.535 -    width: 100%;
   1.536 -    float: left;			
   1.537 -}
   1.538 -#footer a {	
   1.539 -    color: #4E4E4E;
   1.540 -    /*color: #0E909C;*/
   1.541 -    border: none;
   1.542 -}
   1.543 -#footer a:hover {
   1.544 -    color: #fafafa;
   1.545 -}
   1.546 -#footer .rssfeed {
   1.547 -    background: url(images/rss.gif) no-repeat left 1px;
   1.548 -    padding-left: 17px;
   1.549 -}
   1.550 -#footer-left {
   1.551 -    float: left;
   1.552 -    width: 70%;
   1.553 -}
   1.554 -#footer-right {
   1.555 -    float: right;
   1.556 -    width: 25%;
   1.557 -}
   1.558 -
   1.559 -.download a
   1.560 -{	
   1.561 -    color: #5ad715;
   1.562 -}
   1.563 -
   1.564 -/* postmeta */
   1.565 -.postmeta {	
   1.566 -    padding: 7px 5px; 
   1.567 -    margin: 5px 5px 5px 5px;	
   1.568 -    font-size: 1em;	
   1.569 -    color: #545454;
   1.570 -    /*border: 1px solid #111; */
   1.571 -    background: #222222; 
   1.572 -}
   1.573 -.postmeta .date{ margin: 0 10px 0 5px;	}
   1.574 -.postmeta a.comments { margin: 0 10px 0 5px;	}
   1.575 -.postmeta a.readmore { margin: 0 10px 0 5px;	}
   1.576 -
   1.577 -.post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444;	}
   1.578 -.post-info a, .post-info a:visited { color: #AE275A; }
   1.579 -
   1.580 -/* alignment classes */
   1.581 -.float-left  { float: left; }
   1.582 -.float-right { float: right; }
   1.583 -.align-left  { text-align: left; }
   1.584 -.align-right { text-align: right; }
   1.585 -
   1.586 -/* display and additional classes */
   1.587 -.no-border { 
   1.588 -    border: none; 
   1.589 -}
   1.590 -
   1.591 -.clearer { 
   1.592 -    clear: both; 
   1.593 -}
   1.594 -
   1.595 -.clear {
   1.596 -    display:inline-block; 
   1.597 -}
   1.598 -
   1.599 -.clear:after {
   1.600 -    display:block; 
   1.601 -    visibility:hidden; 
   1.602 -    clear:both; 
   1.603 -    height:0; 
   1.604 -    content: "."; 
   1.605 -}
   1.606 -
   1.607 -
     2.1 --- a/factory/v2012/books.html	Tue Feb 21 01:38:47 2012 +0100
     2.2 +++ b/factory/v2012/books.html	Thu Mar 08 02:18:51 2012 +0100
     2.3 @@ -48,6 +48,6 @@
     2.4  <ul>
     2.5  <li><h4>Luftraummodellierung und Abflugplanung</h4><h5>Eugen Sawin</h5>
     2.6  Ein Projekt zur Optimierung der Abflugplanung in den Vereinigten Arabischen Emiraten.
     2.7 -<div class="download"><a href="http://www.amazon.de/Luftraummodellierung-Abflugplanung-Optimierung-Vereinigten-Arabischen/dp/3639346203">Buy it on Amazon (German)</a></div>
     2.8 +<div class="download"><a href="http://www.amazon.de/Luftraummodellierung-Abflugplanung-Optimierung-Vereinigten-Arabischen/dp/3639346203">Buy it on Amazon (German) or don't</a></div>
     2.9  </li>
    2.10  </ul>
     3.1 --- a/factory/v2012/dark.css	Tue Feb 21 01:38:47 2012 +0100
     3.2 +++ b/factory/v2012/dark.css	Thu Mar 08 02:18:51 2012 +0100
     3.3 @@ -17,6 +17,10 @@
     3.4      text-align: center;
     3.5  }
     3.6  
     3.7 +.line-through {
     3.8 +  text-decoration: line-through;
     3.9 +}
    3.10 +
    3.11  /* Links */
    3.12  a, a:visited {
    3.13      text-decoration: none;
    3.14 @@ -388,11 +392,11 @@
    3.15      /*font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif;				*/
    3.16      /*color: #45D5E6;
    3.17        color: #00cccc;*/
    3.18 -    color: #FFF;	
    3.19 +    color: #5AD;
    3.20  }
    3.21  #main h2 a {
    3.22      /*color: #45D5E6;*/
    3.23 -    color: #FFF;
    3.24 +    color: #5AD;
    3.25      text-decoration: none;		
    3.26      border: none;		
    3.27  }
    3.28 @@ -424,7 +428,7 @@
    3.29  
    3.30  #sidebar a:hover {
    3.31      background-image: url(images/me.png);
    3.32 -    color: #eee;  
    3.33 +    color: #ddd;  
    3.34  }
    3.35  
    3.36  #sidebar p { 
     4.1 --- a/factory/v2012/howiwork.html	Tue Feb 21 01:38:47 2012 +0100
     4.2 +++ b/factory/v2012/howiwork.html	Thu Mar 08 02:18:51 2012 +0100
     4.3 @@ -52,10 +52,11 @@
     4.4  <ul>
     4.5  <li>
     4.6  <h4>Emacs</h4>
     4.7 -My prefered editor. And I prefer my prefered editor.</li>
     4.8 +<span class="line-through">My prefered editor.</span><br />
     4.9 +An affair with good memories.</li>
    4.10  <li>
    4.11  <h4>Vim</h4>
    4.12 -Used to be my prefered editor. Still love it.</li>
    4.13 +My prefered editor. And I prefer my prefered editor.</li>
    4.14  <li>
    4.15  <h4>Visual Studio</h4>
    4.16  Good IDE on Windows. Great debugger integration.</li>
     5.1 --- a/factory/v2012/links.html	Tue Feb 21 01:38:47 2012 +0100
     5.2 +++ b/factory/v2012/links.html	Thu Mar 08 02:18:51 2012 +0100
     5.3 @@ -3,6 +3,9 @@
     5.4  <li><h4><a href="http://www.wikipedia.org">Wikipedia</a></h4>
     5.5  The fascination of community, the wealth of knowledge.
     5.6  </li>
     5.7 +<li><h4><a href="http://www.kickstarter.com">Kickstarter</a></h4>
     5.8 +Fund your creativity, down with the dinosaurs.
     5.9 +</li>
    5.10  <li><h4><a href="http://www.ted.com">TED</a></h4>
    5.11  Inspiring.
    5.12  </li>
    5.13 @@ -24,10 +27,10 @@
    5.14  <h2>People and their Sites</h2>
    5.15  <ul>
    5.16  <li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
    5.17 -An ex-fellow student and companion in the quest for world domination.
    5.18 +A former fellow student and companion in the quest for world domination.
    5.19  </li>
    5.20  <li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
    5.21 -An ex-fellow student and friendly programmer.
    5.22 +A former fellow student and friendly programmer.
    5.23  </li>
    5.24  <li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
    5.25  My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
     6.1 --- a/factory/v2012/linksend.html	Tue Feb 21 01:38:47 2012 +0100
     6.2 +++ b/factory/v2012/linksend.html	Thu Mar 08 02:18:51 2012 +0100
     6.3 @@ -3,6 +3,9 @@
     6.4  <li><h4><a href="http://www.wikipedia.org">Wikipedia</a></h4>
     6.5  The fascination of community, the wealth of knowledge.
     6.6  </li>
     6.7 +<li><h4><a href="http://www.kickstarter.com">Kickstarter</a></h4>
     6.8 +Fund your creativity, down with the dinosaurs.
     6.9 +</li>
    6.10  <li><h4><a href="http://www.ted.com">TED</a></h4>
    6.11  Inspiring.
    6.12  </li>
    6.13 @@ -24,10 +27,10 @@
    6.14  <h2>People and their Sites</h2>
    6.15  <ul>
    6.16  <li><h4><a href="http://www.chris-koenig.de">Christian K&ouml;nig</a></h4>
    6.17 -An ex-fellow student and companion in the quest for world domination.
    6.18 +A former fellow student and companion in the quest for world domination.
    6.19  </li>
    6.20  <li><h4><a href="http://www.unidentify.com">Michael Chlebek</a></h4>
    6.21 -An ex-fellow student and friendly programmer.
    6.22 +A former fellow student and friendly programmer.
    6.23  </li>
    6.24  <li><h4><a href="http://www4.informatik.tu-muenchen.de/~schulz/">Dr. Stephan Schulz</a></h4>
    6.25  My advisor during my bachelor thesis and creator of the brainiac theorem prover called 
     7.1 --- a/factory/v2012/script.js	Tue Feb 21 01:38:47 2012 +0100
     7.2 +++ b/factory/v2012/script.js	Thu Mar 08 02:18:51 2012 +0100
     7.3 @@ -206,7 +206,7 @@
     7.4          var page = document.location.href.substr(pos);        
     7.5          for (var j in p["args"]) {
     7.6              if (page == p["args"][j]) {         
     7.7 -                colour_area(image, min_x, max_x, 0, 60, black);
     7.8 +                colour_area(image, min_x, max_x, 0, 60, blue);
     7.9                  colour_area(image, min_x, max_x, 60, max_y, white);
    7.10                  break;
    7.11              }
    7.12 @@ -445,6 +445,7 @@
    7.13  var black = new Colour(0, 0, 0, 255);
    7.14  var orange = new Colour(201, 87, 35, 255);
    7.15  var green = new Colour(90, 215, 21, 255);
    7.16 +var blue = new Colour(85, 170, 221, 255);
    7.17  var background = new Colour(34, 34, 34, 255);
    7.18  
    7.19  function setPixel(image, x, y, colour) {