123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- @font-face {
- font-family: 'Fantasque Sans Mono';
- font-weight:200;
- src: local('Fantasque Sans Mono'), local('Fantasque Sans Mono'), url('//gildasch.github.io/assets/FantasqueSansMono-Regular.ttf') format('truetype');
- }
- body {
- font-family: 'Fantasque Sans Mono';
- background-color:#263238;
- color:white;
- font-size:18px;
- max-width:1000px;
- margin:auto;
- }
- img {
- max-width:1000px;
- }
- /* Colors:
- background: #263238
- current-line #37474f
- far-background #1c1f26
- inactive-gray #78909c
- header-color #455A64
- subtle #a7adba
- selection #555555
- secondary-selection #bf616a
- foreground #ffffff
- comment #b0bec5
- red #f36c60
- orange #ff9800
- yellow #fff59d
- green #8bc34a
- aqua #81d4fa
- blue #4dd0e1
- purple #b39ddb
- */
- #header {
- font-size:4em;
- margin:0;
- margin-top:10px;
- margin-bottom:-35px;
- // color:#81d4fa;
- color:#78909c;
- font-weight:200;
- text-align:center;
- }
- #header span {
- position:relative;
- top:-50px;
- }
- #header a.noDec {
- color:#78909c;
- background-color:transparent;
- }
- #content {
- padding-right:5px;
- }
- #footer {
- margin-top:30px;
- padding-bottom:10px;
- color:#78909c;
- text-align:center;
- background-image:url('../images/gildas2.jpg');
- background-position:top center;
- background-repeat:no-repeat;
- padding-top:170px;
- border-top:1px solid #78909c;
- }
- h1 {
- color:#f36c60;
- }
- h2, h3, h4 {
- margin-bottom:5px;
- }
- h2, h2 a, h2 a:hover {
- color:#8bc34a;
- background-color:transparent;
- }
- h3 {
- // orange color:#ff9800;
- color:#fff59d;
- }
- h4 {
- // color:#b0bec5;
- color:#81d4fa;
- }
- img {
- display:block;
- margin:auto;
- margin-top:10px;
- margin-bottom:10px;
- }
- em {
- }
- strong {
- color:#b0bec5;
- font-weight:normal;
- }
- a {
- color:#4dd0e1;
- background-color:#555555;
- }
- a:hover {
- color:#81d4fa;
- background-color:#bf616a;
- }
- quote, blockquote {
- background-color:#37474f;
- }
- blockquote {
- padding:2px;
- border-left:3px solid white;
- margin-left:20px;
- padding-left:20px;
- }
- time {
- font-style:italic;
- float:right;
- margin-right:5px;
- }
- p {
- margin-top:5px;
- }
|