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, "Courier New";
font-size: 0.8em;
text-align:right;
line-height:1.6em;
}

.pageForeground {
background-color: whiteSmoke;
border-radius:7px;
moz-border-radius:7px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
background-image:url(images/foregroundTexture.png);
}

.siteBanner {
background-image:url(images/oncrashrebootbanner.jpg);
background-repeat:no-repeat;
background-size:cover;
display:block;
padding-left: 2em;
padding-top: 2em;
padding-bottom: 2em;
}

#siteTitle{
font-family:Consolas, monospace, "Courier New";
font-size:3.0em;
margin:0 0 0 0;
}

#siteTagline {
font-family:"Palatino Linotype", "MS Serif", "Times New Roman";
color:black;
font-style: italic;
margin: 0em 0px 0em 0px;
font-size: 1.5em;
font-weight: normal;
}

.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) {

.topNavBar {
text-align:center;
}

.pageForeground {
border-radius:0px;
moz-border-radius:0px;
}

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

#siteTitle{
font-size:2.3em;
padding-left:0px;
}

.hmenu {
margin-top:-11px;
}
	.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;
	}
	*/
}