app.css

/*
 Málo.css
 the minimal CSS framework.
 Copied, pasted and edited by Mikoláš Štrajt.
 Heavily based on work of Vladimir Carrer.
 Licensed under MIT license.
*/

/* CSS Reset */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

.reset {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
}

/* for readability */

body {
  margin: 10px;
}
  
/* CSS Grid */

.dp20,
.dp25,
.dp33,
.dp50,
.dp100{float:left; display: inline; *margin-left:-0.04em; } /* IE margin hack */

/* dp = div percet */

.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp100{width:100%;}
/*.clear{ clear:both;}*/

/* here comes the magic - natural (old IE) style box model */

.dp20, .dp25, .dp33, .dp50, .dp100, .natural {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */
}

/* here comes clearfix from bootstrap */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* here comes the typography rules from better web readability project */

body { font:1em/1.625em "lucida grande","lucida sans unicode", sans-serif; background-color:#FFFEF0;  
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

p { padding:0 0  0.8125em 0; color:#111; font-weight:300;}

p + p { text-indent:1.625em;}

p.first:first-letter{ float:left;font-family: baskerville,"palatino linotype",serif;font-size:3em;font-weight:700;line-height:1em;margin-bottom:-0.2em;padding:0.2em 0.1em 0 0; }
p img       { float: left; margin: 0.5em 0.8125em 0.8125em 0; padding: 0; }
p img.right { float: right; margin: 0.5em  0 0.8125em 0.8125em }

h1,h2{ font-weight:normal; color: #333; font-family:Georgia, serif;  }
h3,h4,h5,h6 { font-weight: normal; color: #333; font-family:Georgia, serif; }

h1 { font-size: 2.125em; margin-bottom: 0.765em; }
h2 { font-size: 1.9em;  margin-bottom: 0.855em; }
h3 { font-size: 1.7em;  margin-bottom: 0.956em; }
h4 { font-size: 1.4em;  margin-bottom: 1.161em; }
h5,h6 { font-size: 1.313em;  margin-bottom: 1.238em; }

ul{list-style-position:outside;}
li ul, 
li ol  { margin:0 1.625em;  }
ul, ol { margin: 0 0 1.625em 0; }

dl { margin: 0 0 1.625em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.625em; }

a { color:#005AF2; text-decoration:none; }
a:hover { text-decoration: underline; }

table { margin-bottom:1.625em; border-collapse: collapse; }
th { font-weight:bold; }
tr,th,td { margin:0; padding:0 1.625em 0 1em; height:26px; }
tfoot { font-style: italic; }
caption { text-align:center; font-family:Georgia, serif; }

abbr, acronym { border-bottom:1px dotted #000; }
address { margin-top:1.625em; font-style: italic; }
del {color:#000;}

strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
tt { display: block; margin: 1.625em 0; }
hr { margin-bottom:1.625em; border: 1px dashed #333;}

.oldbook { font-family:"Warnock Pro","Goudy Old Style","Book Antiqua","Palatino",Georgia,serif; }
.note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; } 
.mono { font-family:"Courier New", Courier, monospace; }

/* inverted color scheme */
.inverted h1,
.inverted h2,
.inverted h3,
.inverted h4,
.inverted h5,
.inverted h6
{ color: #FFFEF0; }

.inverted { color:#FFFEF0;  background-color:#111;}

/* thunderbird-style blockquotes */

blockquote {
padding-left: 1.5em;
border-left-width: 4px;
border-left: 4px solid rgba(170,170,170,0.5);
}

/* target stolen from lua */

:target {
	background-color: #F8F8F8 ;
	padding: 8px ;
	border: solid #a0a0a0 2px ;
}

/* code styles; inspired by DOS command line */

pre, code { font-size: 12pt; color: #888; background-color: black; line-height: 1.5; font-family: monospace; }
code { padding: 2px; }
pre.inverted, code.inverted, .inverted pre, .inverted code { color: black; background-color: #888;}


/* various */
.inline { display: inline; }
.rest { overflow:hidden; }
.hidden { display: none; }

/* app specific */

.c1 { color: orange; }
.c2 { color: lightblue; }

#rfmap { height: 600px; }

.padded { padding: 2em; }