bee

Unnamed repository; edit this file 'description' to name the repository.
git clone http://git.code.weiherhei.de/bee.git
Log | Files | Refs

style.css (1680B)

      1 html {
      2 	line-height: 1.15; /* 1 */
      3 	-ms-text-size-adjust: 100%; /* 2 */
      4 	-webkit-text-size-adjust: 100%; /* 2 */
      5 }
      6 
      7 a {
      8 	background-color: transparent; /* 1 */
      9 	-webkit-text-decoration-skip: objects; /* 2 */
     10 }
     11 
     12 body {
     13 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto",
     14 		"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
     15 		"Helvetica Neue", sans-serif;
     16 	font-size: 13px;
     17 	margin: 0px;
     18 	xbackground-color: DimGray;
     19 	color: #0B0B0B;
     20 	width: 100%;
     21 	padding: 0;
     22 }
     23 
     24 html {
     25 	width: 100%;
     26 	box-sizing: border-box;
     27 }
     28 
     29 *,::before,::after {
     30 	box-sizing: inherit;
     31 }
     32 
     33 article,aside,footer,header,nav,section {
     34 	display: block;
     35 }
     36 
     37 footer,body>header {
     38 	display: block;
     39 	background-color: silver;
     40 	padding: 2em;
     41 }
     42 
     43 nav#recent,nav#calendar,nav#keywords,nav#categories,article,nav#related
     44 	{
     45 	display: block;
     46 	width: 100%;
     47 	padding: 2em;
     48 }
     49 
     50 nav {
     51 	border-top: 1px solid gray;
     52 }
     53 
     54 h1 {
     55 	font-size: 2em;
     56 	margin: 0.67em 0;
     57 	padding-bottom: 0.5em;
     58 }
     59 
     60 nav ul, footer ul {
     61 	list-style: none;
     62 	padding-left:0px;
     63 	line-height: 1.4em;
     64 }
     65 ul ul  {
     66 	padding-left:10px;
     67 }
     68 
     69 	main article {
     70 		font-size: 1.2em;
     71 	}
     72 
     73 
     74 /* Desktop */
     75 @media all and (min-width: 50em) {
     76 	main {
     77 		display: flex;
     78 		flex-flow: row wrap;
     79 	}
     80 	main article {
     81 		flex:2 1 100%;
     82 		order:1;
     83 	}
     84 	main nav#recent,main nav#calendar,main nav#keywords,main nav#categories,main nav#related {
     85 		flex: 1 1 25%;
     86 		width:25%;
     87 	}
     88 	main nav#recent {
     89 		order:4;
     90 	}
     91 main nav#related {
     92 		order:2;
     93 	}
     94 	main nav#calendar {
     95 		order:5;
     96 	}
     97 	main nav#keywords {
     98 		order:6;
     99 	}
    100 	main nav#categories {
    101 		order:3;
    102 	}
    103 
    104 	header,main,footer {
    105 		margin: 0 auto;
    106 	}
    107 	
    108 	main article {
    109 		max-width:70em;
    110 		padding:0 10em;
    111 		margin: 0 auto;
    112 	}
    113 }