/* ikiwiki style sheet */

/* Note that instead of modifying this style sheet, you can instead edit
 * local.css and use it to override or change settings in this one.
 */

/* html5 compat */
/* ikiwiki local style sheet */

/* Add local styling here, instead of modifying style.css. */

/* verbatim content, monospace */
pre, tt, code, kbd, samp {
   font-family: "Courier New", monospace;
   color: black;
}

pre {
   margin-left: 1.5em;
   padding: 0.5em;
   overflow: auto;
}
/* end verbatim */

/* general usability modifications to Blueview theme */

.pageheader .header {
       text-align: center;
       padding-bottom: 1em;
       line-height: 140%;
}

.sidebar .menu {
	margin-left: 1em;
}

.sidebar {
       width: 10em;
       margin-top: 1em;
       margin-right: 1em;
       margin-left: 1em;
       padding: none;
}

.page {
	margin:auto;
	text-align:left;
	min-width: 15em;
	width: none;
	*width: none;
}

#pagebody {margin-right:13em;*margin-right:13em;}

body {
        font-size: 100%;
	padding-left: 1em;
	padding-right: 1em
}

/* scale images and html5 videos to CSS width, but up to 100% of image
   resolution */

img {
       vertical-align: middle;
	max-width: 100%;
	height: auto;
}

video {
       vertical-align: left;
       position: relative;
       max-width: 100%;
       height: auto;
}

/* try to get 100% zoom by default */
@viewport {
	width: device-width;
}

/* Blueview adaptation to phones etc, tested on Nokia N9 */
@media only screen and (max-device-width: 480px) {

	/* show simple bg color instead of photo */
.pageheader .header .title, .pageheader .header .parentlinks, .pageheader .actio
ns ul li, .pageheader .header span, .pageheader #otherlanguages ul li, .pagehead
er .trailprev, .pageheader .trailnext, .pageheader .trailup {
		padding-bottom: 0em;
		padding-top: 0em;
		background-image: none;
		background-color: #8da1b8;
}

	.pageheader .header {
	       text-align: center;
	       padding-bottom: 0em;
	       line-height: 140%;
	}

       /* remove paddings */
       body {
               padding-left: 0em;
               padding-right: 0em;
               padding-top: 0em;
               padding-bottom: 0em;
               font-size: 260%;
       }

       /* hide sidebar, TODO: put sidebar to the bottom of page or similar,
	  or behind menu */
       .sidebar {
               float: none;
               display: none;
       }

       /* reduce margins and paddings */
       #pagebody {
               position: relative;
               margin-right: 0em;
               border-right: none;
       }

       .pageheader {
               background-image: none;
               padding-left: 0em;
               padding-right: 0em;
               padding-bottom: 0em;
               padding-top: 0em;
       }
       .page {
               background: #fff;
               border: outset #ccc;
               padding-left: 1em;
               padding-right: 1em;
               padding-top: 1em;
       }
}