html {
margin: 0 auto;
padding: 5px;
max-width: 1000px;
background: black;
color: white;
background-image: url('img/bootprints.png');
font-size: 100%;
}
body {
margin: 5px;
font-family: 'Roboto', sans-serif;
}
.center {
margin: 0 auto;
width: 100%;
text-align: center;
display: block;
}
#banner {
margin: 0 auto;
width: 90%;
text-align: center;
text-shadow: 5px 0px 20px #E66220, -5px 0px 20px #E66220;
}
#logo {
font-weight: bold;
font-size: 3.8em;
display: block;
font-family: 'Stardos Stencil';
}
#byline {
font-weight: bold;
font-size: 1.25em;
display: block;
font-family: 'Stardos Stencil';
}
#NextGig, #UpcomingGigs {
margin: 0 auto;
width: 90%;
font-weight: bold;
text-align: center;
font-family: 'Stardos Stencil';
}
#NextGig>p {
font-size: 1.5em;
font-weight: bold;
}
p {
font-size: 1.4em;
}
img.floatRight {
max-width: 40%;
height: auto;
float: right;
margin: 8px;
border-radius: 4px;
}
img.floatLeft {
max-width: 40%;
height: auto;
float: left;
margin: 8px;
border-radius: 4px;
}
hr {
clear: both;
width: 40%;
box-shadow: 0px 0px 10px 3px #E66220;
}
footer {
text-align: center;
}
p {}
/*p::first-letter {
font-size: 101%;
font-weight: bold;
}*/
a:link {
color: white;
text-decoration: none;
font-weight: bold;
}
/* visited link */
a:visited {
color: lightgrey;
}
/* mouse over link */
a:hover {
color: #E66220;
}
/* selected link */
a:active {
color: lightblue;
}
ul {
font-weight: bold;
font-size: 1.4em;
list-style-type: none;
padding: 0;
margin: 0;
padding-bottom: 1.4em;
}
li {
margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
text-transform: uppercase;
font-weight: bold;
text-align: center;
font-family: 'Stardos Stencil';
font-size: 2em;
}
#NextGig>ul {
padding-bottom: 0px;
}
.boxs {
box-shadow: -3px 3px 10px #383838;
}
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
/* Black prints faster */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}