pelican-elegant/css/custom.css

/*
_______________________________
Desktop version layout - place your custom code here */

body {

}

.pageBackground {
background-image:url(images/backgroundTexture.png);
background-repeat:repeat;
}

.topNavBar {
background-color: black;
color: #999;
font-family: Consolas,monospace;
font-size: 0.8em;
text-align:right;
line-height:1.6em;
}

.pageForeground {
background-color: beige;
border-radius:15px;
moz-border-radius:15px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}

.siteBanner {
background-image:url(images/oncrashrebootbanner.jpg);
background-repeat:no-repeat;
background-size:cover;
display:block;
}

.hmenu {
background-color: #141414;
text-align: center;
color: #999;
padding-top: 0.5em;
padding-bottom: 0.5em;
font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
font-size: 1.1em;
}

.post {
font-family: Georgia, "DejaVu Serif", Times, "Times New Roman", serif;
font-size: 1.0em;
line-height: 1.5em;
color: #111;
text-align: justify;
}

/*
_______________________________
Mobile version - preset code from cssgrid.net */

@media handheld, only screen and (max-width: 767px) {

.pageForeground {
/* Do not show shadow on mobile */
-moz-box-shadow: 0 0 0px 0px #888;
-webkit-box-shadow: 0 0 0px 0px#888;
box-shadow: 0 0 0px 0px #888;
}

.siteBanner {
margin-top:-16px;
}

.topNavBar {
text-align:center;
}
	.examplecontainer {}

	body {}
}

/*
_______________________________
Provide higher res assets for iPhone 4 - preset code from cssgrid.net */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

	/* An example of how to override an image with one twice the size for iPhone 4. Specify the original pixel size with background-size.
	.download {
	background: url(../img/downarrow@2x.png) no-repeat;
	background-size: 27px 28px;
	}
	*/
}