1.1 --- a/static/css/bootstrap.css	Sun Dec 29 12:45:45 2013 +0100
     1.2 +++ b/static/css/bootstrap.css	Sun Dec 29 12:47:32 2013 +0100
     1.3 @@ -3899,8 +3899,8 @@
     1.4    }
     1.5  }
     1.6  .navbar-default {
     1.7 -  background-color: #f8f8f8;
     1.8 -  border-color: #e7e7e7;
     1.9 +  background-color: transparent;
    1.10 +  border-color: transparent;
    1.11  }
    1.12  .navbar-default .navbar-brand {
    1.13    color: #777777;
    1.14 @@ -3925,7 +3925,7 @@
    1.15  .navbar-default .navbar-nav > .active > a:hover,
    1.16  .navbar-default .navbar-nav > .active > a:focus {
    1.17    color: #555555;
    1.18 -  background-color: #e7e7e7;
    1.19 +  background-color: transparent;
    1.20  }
    1.21  .navbar-default .navbar-nav > .disabled > a,
    1.22  .navbar-default .navbar-nav > .disabled > a:hover,
    1.23 @@ -3945,12 +3945,12 @@
    1.24  }
    1.25  .navbar-default .navbar-collapse,
    1.26  .navbar-default .navbar-form {
    1.27 -  border-color: #e7e7e7;
    1.28 +  border-color: transparent;
    1.29  }
    1.30  .navbar-default .navbar-nav > .open > a,
    1.31  .navbar-default .navbar-nav > .open > a:hover,
    1.32  .navbar-default .navbar-nav > .open > a:focus {
    1.33 -  background-color: #e7e7e7;
    1.34 +  background-color: transparent;
    1.35    color: #555555;
    1.36  }
    1.37  @media (max-width: 767px) {
    1.38 @@ -3966,7 +3966,7 @@
    1.39    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    1.40    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    1.41      color: #555555;
    1.42 -    background-color: #e7e7e7;
    1.43 +    background-color: transparent;
    1.44    }
    1.45    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    1.46    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    1.47 @@ -5955,10 +5955,19 @@
    1.48      display: none !important;
    1.49    }
    1.50  }
    1.51 +html,
    1.52  body {
    1.53 -  border-top: 4px solid #125883;
    1.54 -  padding-top: 20px;
    1.55 -  padding-bottom: 20px;
    1.56 +  height: 100%;
    1.57 +}
    1.58 +body {
    1.59 +  padding-top: 8px;
    1.60 +  border-top: 8px solid #125883;
    1.61 +}
    1.62 +#wrap {
    1.63 +  min-height: 100%;
    1.64 +  height: auto;
    1.65 +  margin: 0 auto -60px;
    1.66 +  padding: 0 0 60px;
    1.67  }
    1.68  /* Typo
    1.69  ------------------------------------ */
    1.70 @@ -5978,68 +5987,47 @@
    1.71  }
    1.72  /* Utilities
    1.73  ------------------------------------ */
    1.74 -.separator {
    1.75 -  width: 100%;
    1.76 -  border-bottom: 1px solid #ff9a20;
    1.77 -  text-align: center;
    1.78 -  height: 22px;
    1.79 -  margin-bottom: 15px;
    1.80 -}
    1.81 -.separator img {
    1.82 -  line-height: 43px;
    1.83 -  padding: 0 10px;
    1.84 -  background: #e9e2d0;
    1.85 -  /* Farbe des Elements darunter */
    1.86 +#wrap > .container {
    1.87 +  /*padding: 60px 15px 0;*/
    1.88  
    1.89 -  display: inline-block;
    1.90 -  color: #dbe2e3;
    1.91 +}
    1.92 +img {
    1.93 +  vertical-align: middle;
    1.94 +  border: 0;
    1.95 +  page-break-inside: avoid;
    1.96 +  max-width: 100% !important;
    1.97  }
    1.98  /* Navigation
    1.99  ------------------------------------ */
   1.100 +.navbar-nav > li > a {
   1.101 +  font-size: 18px;
   1.102 +}
   1.103  .navbar {
   1.104 -  margin-bottom: 20px;
   1.105 -}
   1.106 -.navbar-brand {
   1.107 -  font-weight: 600;
   1.108 -  font-size: 24px;
   1.109 -  font-family: 'gandhi_serifbold';
   1.110 -  background-color: #e9e2d0;
   1.111 -  border-bottom: 1px solid transparent;
   1.112 -}
   1.113 -.dropdown-menue {
   1.114 -  background-color: #9f9a8b;
   1.115 -}
   1.116 -.navbar {
   1.117 -  background-color: #e9e2d0;
   1.118 -  border: 1px solid transparent;
   1.119 -}
   1.120 -.navbar-default .navbar-nav > .active > a,
   1.121 -.navbar-default .navbar-nav > .active > a:hover,
   1.122 -.navbar-default .navbar-nav > .active > a:focus {
   1.123 -  background-color: transparent;
   1.124 -  border-bottom: 1px solid #bf1339;
   1.125 +  margin-bottom: 0px;
   1.126 +  border-bottom: 3px solid #f0f0f0;
   1.127  }
   1.128  /* Content
   1.129  ------------------------------------ */
   1.130 -.jumbotron img {
   1.131 -  float: left;
   1.132 -  border-right: 10px solid transparent;
   1.133 -  border-bottom: 10px solid transparent;
   1.134 -  display: block;
   1.135 -  height: auto;
   1.136 -}
   1.137 -.jumbotron h1 {
   1.138 -  text-align: center;
   1.139 -  font-size: 40px;
   1.140 -}
   1.141 -.jumbotron {
   1.142 -  background-color: #e5edf1;
   1.143 -}
   1.144 -.flags {
   1.145 -  padding: 5px 0 0 5px;
   1.146 -  float: right;
   1.147 +.course {
   1.148 +  background: #f8f8f8;
   1.149 +  padding: 15px 0;
   1.150 +}
   1.151 +.course h1 {
   1.152 +  color: #125883;
   1.153 +}
   1.154 +.course p {
   1.155 +  color: #fdc91a;
   1.156 +}
   1.157 +.themen {
   1.158 +  background: #999999;
   1.159 +  padding: 15px 0;
   1.160  }
   1.161  /* Footer
   1.162  ------------------------------------ */#footer {
   1.163 -  background: #e9e2d0;
   1.164 -}
   1.165 +  height: 60px;
   1.166 +  background-color: #f5f5f5;
   1.167 +}
   1.168 +#footer > .container {
   1.169 +  padding-left: 15px;
   1.170 +  padding-right: 15px;
   1.171 +}

     2.1 --- a/static/less/pymove3d.less	Sun Dec 29 12:45:45 2013 +0100
     2.2 +++ b/static/less/pymove3d.less	Sun Dec 29 12:47:32 2013 +0100
     2.3 @@ -1,10 +1,14 @@
     2.4 -
     2.5 +html,
     2.6  body {
     2.7 -    border-top:4px solid @blue;
     2.8 -  	padding-top: 20px;
     2.9 -  	padding-bottom: 20px;
    2.10 -	}
    2.11 -
    2.12 +  height: 100%;
    2.13 +}
    2.14 +body {padding-top:8px;border-top:8px solid  @blue;}
    2.15 +#wrap {
    2.16 +  min-height: 100%;
    2.17 +  height: auto;
    2.18 +  margin: 0 auto -60px;
    2.19 +  padding: 0 0 60px;
    2.20 +}
    2.21  /* Typo
    2.22  ------------------------------------ */
    2.23  @font-face {
    2.24 @@ -29,63 +33,51 @@
    2.25  }
    2.26  /* Utilities
    2.27  ------------------------------------ */
    2.28 -.separator {
    2.29 -    width: 100%;
    2.30 -    border-bottom: 1px solid #ff9a20;
    2.31 -    text-align: center;
    2.32 -    height: 22px;
    2.33 -    margin-bottom: 15px;
    2.34 +#wrap > .container {
    2.35 +  /*padding: 60px 15px 0;*/
    2.36  }
    2.37 -.separator img {
    2.38 -    line-height: 43px;
    2.39 -    padding: 0 10px;
    2.40 -    background: #e9e2d0; /* Farbe des Elements darunter */
    2.41 -    display: inline-block;
    2.42 -    color: #dbe2e3;
    2.43 -    }
    2.44 +img {
    2.45 +     vertical-align: middle;
    2.46 +     border: 0;
    2.47 +     page-break-inside: avoid;
    2.48 +     max-width: 100% !important;
    2.49 +     }
    2.50  /* Navigation
    2.51  ------------------------------------ */
    2.52 +.navbar-nav > li:hover {
    2.53 +//border-top:8px solid @yellow;position: relative;top: -17px;
    2.54 +}
    2.55 +.navbar-nav > li > a {
    2.56 + // margin-top: 48px;
    2.57 +  font-size: 18px;
    2.58 +}
    2.59 +.nav > li > a:hover, 
    2.60 +.nav > li > a:focus {
    2.61 +//margin-top: 54px;
    2.62 +}
    2.63  .navbar {
    2.64 -	margin-bottom: 20px;
    2.65 -	}
    2.66 -.navbar-brand {
    2.67 -	font-weight: 600; font-size: 24px;
    2.68 -	font-family: 'gandhi_serifbold';
    2.69 -	background-color: #e9e2d0;
    2.70 -	border-bottom: 1px solid transparent;
    2.71 -	}
    2.72 -.dropdown-menue {
    2.73 -	background-color: #9f9a8b;
    2.74 -	}
    2.75 -.navbar {
    2.76 -	background-color: #e9e2d0;
    2.77 -	border: 1px solid transparent;
    2.78 -	}
    2.79 -.navbar-default .navbar-nav > .active > a,
    2.80 -.navbar-default .navbar-nav > .active > a:hover,
    2.81 -.navbar-default .navbar-nav > .active > a:focus {
    2.82 -	background-color: transparent;
    2.83 -	border-bottom: 1px solid #bf1339;
    2.84 -	}
    2.85 +margin-bottom: 0px;
    2.86 +border-bottom:3px solid #f0f0f0;
    2.87 +}
    2.88  /* Content
    2.89  ------------------------------------ */
    2.90 -.jumbotron img {
    2.91 -  	float: left;
    2.92 -  	border-right: 10px solid transparent;
    2.93 -  	border-bottom: 10px solid transparent;
    2.94 -  	display: block;
    2.95 -  	height: auto;
    2.96 -	}
    2.97 -.jumbotron h1 {text-align: center; font-size: 40px;}
    2.98 -.jumbotron {
    2.99 -  	background-color: #e5edf1;
   2.100 -	}
   2.101 -.flags {
   2.102 -  	padding: 5px 0 0 5px;
   2.103 -  	float: right;
   2.104 -  	}
   2.105 +.course {
   2.106 +  background:#f8f8f8;
   2.107 +  padding:15px 0;
   2.108 +}
   2.109 +.course h1 {color:@blue;}
   2.110 +.course p {color:@yellow;}
   2.111 +.themen {
   2.112 +  background:@gray-light;
   2.113 +  padding:15px 0;
   2.114 +}
   2.115  /* Footer
   2.116  ------------------------------------ */ 
   2.117  #footer {
   2.118 -	background: #e9e2d0;
   2.119 -	}
   2.120 \ No newline at end of file
   2.121 +  height: 60px;
   2.122 +  background-color: #f5f5f5;
   2.123 +}
   2.124 +#footer > .container {
   2.125 +  padding-left: 15px;
   2.126 +  padding-right: 15px;
   2.127 +}
   2.128 \ No newline at end of file

     3.1 --- a/static/less/variables.less	Sun Dec 29 12:45:45 2013 +0100
     3.2 +++ b/static/less/variables.less	Sun Dec 29 12:47:32 2013 +0100
     3.3 @@ -9,7 +9,10 @@
     3.4  // Pymove3d colors
     3.5  // -------------------------
     3.6  @blue:  #125883;
     3.7 +@blue-light: rgba(18,88,131,.6);
     3.8 +@blue-darker: #0E394F;
     3.9  @yellow: #FDC91A;
    3.10 +@yellow-light: rgba(253,201,26,.6);
    3.11  
    3.12  // Grays
    3.13  // -------------------------
    3.14 @@ -272,15 +275,15 @@
    3.15  @navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
    3.16  
    3.17  @navbar-default-color:             #777;
    3.18 -@navbar-default-bg:                #f8f8f8;
    3.19 -@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
    3.20 +@navbar-default-bg:                transparent;
    3.21 +@navbar-default-border:            transparent;
    3.22  
    3.23  // Navbar links
    3.24  @navbar-default-link-color:                #777;
    3.25  @navbar-default-link-hover-color:          #333;
    3.26  @navbar-default-link-hover-bg:             transparent;
    3.27  @navbar-default-link-active-color:         #555;
    3.28 -@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
    3.29 +@navbar-default-link-active-bg:            transparent;
    3.30  @navbar-default-link-disabled-color:       #ccc;
    3.31  @navbar-default-link-disabled-bg:          transparent;
    3.32