bee

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

default.css (2331B)

      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 	background-color: DimGray;
     19 	color: white;
     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 	main article header .date {
     74 		font-size:1rem;
     75 	}
     76 	main article header .author {
     77 		font-size:1rem;
     78 		font-style: italic;
     79 	}
     80 	main article header .category {
     81 		font-size:1rem;
     82 		font-weight: bold;
     83 		display:inline;
     84 		padding:0.2em 1em;
     85 		margin-bottom:0.8em;
     86 		border: 1px solid gray;
     87 		border-radius: 0.5em;
     88 		background-color: gray;
     89 }
     90 	main article ul.keywords {
     91 		font-size:0.8rem;
     92 		list-style: none;
     93 		padding:0;
     94 		margin:4em 0;
     95 	}
     96 	main article ul.keywords li {
     97 		display:inline;
     98 		padding:0.2em 1em;
     99 		margin-right: 0.8em;
    100 		border: 1px solid silver;
    101 		border-radius: 0.5em;
    102 		background-color: silver;
    103 		
    104 	}
    105 	img {
    106 	width:100%;
    107 	height:auto;
    108 	}
    109 
    110 /* Desktop */
    111 @media all and (min-width: 50em) {
    112 	main {
    113 		display: flex;
    114 		flex-flow: row wrap;
    115 	}
    116 	main article {
    117 		flex:2 1 100%;
    118 		order:1;
    119 	}
    120 	main nav#recent,main nav#calendar,main nav#keywords,main nav#categories,main nav#related {
    121 		flex: 1 1 25%;
    122 		width:25%;
    123 	}
    124 	main nav#recent {
    125 		order:4;
    126 	}
    127 main nav#related {
    128 		order:2;
    129 	}
    130 	main nav#calendar {
    131 		order:5;
    132 	}
    133 	main nav#keywords {
    134 		order:6;
    135 	}
    136 	main nav#categories {
    137 		order:3;
    138 	}
    139 
    140 	header,main,footer {
    141 		margin: 0 auto;
    142 	}
    143 	
    144 	main article {
    145 		max-width:70em;
    146 		padding:3em 10em;
    147 		margin: 0 auto;
    148 	}
    149 }