simple-learning

Simple learning web program
git clone git://git.laack.co/simple-learning.git
Log | Files | Refs | README | LICENSE

styles.css (1288B)


      1 body {
      2   background-color: #ffffff;
      3   margin: 5% 5% 5% 5%;
      4   font-size: 25px;
      5   max-width: 1400px;
      6 }
      7 h1 {
      8   color: #480000 ;
      9 }
     10 
     11 .page-nav-next {
     12     padding: 0px 10px 0px 0px;
     13     float: right;
     14 }
     15 
     16 .page-nav {
     17     padding: 0px 10px 0px 0px;
     18 }
     19 
     20 h2 {
     21   color: #500000 ;
     22 }
     23 
     24 h3 {
     25   color: #580000 ;
     26 }
     27 
     28 pre-formatted {
     29     background: #f4f4f4;
     30     border: 1px solid #ddd;
     31     border-left: 3px solid #f36d33;
     32     color: #666;
     33     page-break-inside: avoid;
     34     font-family: monospace;
     35     font-size: 15px;
     36     line-height: 1.6;
     37     margin-bottom: 1.6em;
     38     max-width: 100%;
     39     overflow: auto;
     40     padding: 1em 1.5em;
     41     display: block;
     42     word-wrap: break-word;
     43 }
     44 
     45 blockquote {
     46     font-style: italic;
     47 }
     48 
     49 summary {
     50   list-style: none;
     51   cursor: pointer;
     52   filter: blur(6px);
     53   transition: filter 0.2s ease;
     54 }
     55 
     56 details[open] summary {
     57   filter: none;
     58 }
     59 
     60 content-block {
     61     display: block;
     62     color: #222222;
     63     padding: 5px 5px 5px 5px;
     64 }
     65 
     66 .sidenav {
     67   height: 100%;
     68   width: 160px; 
     69   position: fixed; 
     70   z-index: 1;
     71   top: 0;
     72   left: 0;
     73   background-color: #111;
     74   overflow-x: hidden;
     75   padding-top: 20px;
     76 }
     77 
     78 .sidenav a {
     79   padding: 6px 8px 6px 16px;
     80   text-decoration: none;
     81   font-size: 25px;
     82   color: #A18181;
     83   display: block;
     84 }
     85 
     86 .main {
     87   margin-left: 160px;
     88   padding: 0px 10px;
     89 }
     90