/* ------------- General ------------- */ body { padding:0px; margin:0px; font-family: sans-serif; min-width:724px; background-color: black; color: white; } /* ------------- Nav bar ------------- */ nav { width:100%; height:50px; background-color:#151515; box-shadow: 0px 0px 4px white; border-bottom: 1px solid #222222; } nav ul { list-style: none; margin: 0; padding: 0; text-align: center; } nav li { display: inline-block; margin: 0 10px; margin-top: 4px; transition: all 0.3s; } nav a { padding-top:12px; padding-bottom:9px; text-decoration: none; display: block; color: #285064; } nav ul a { /*FIXEDWITH width: 80px;*/ padding-top:12px; padding-bottom:14px; text-decoration: none; display: block; color: #d6d6d6; /*#c21234*/ } nav a:hover { color: #ffffff; border-bottom: 2px solid #ff1234; margin-bottom: -2px; } .selectedMenu { border-bottom: 2px solid #d91234; margin-bottom: -2px; } .pagetitle { float: left; width:auto; font-family: monospace; letter-spacing: -2px; font-size: 20pt; margin-top: -4px; padding-bottom: 9px; } #navContainer { max-width: 1280px; padding:0px; margin-left: auto; margin-right: auto; } /* ------------- Content ------------- */ #contentContainer { margin: 10px; } #content { background-color: black; max-width: 1280px; padding:12px; margin-left: auto; margin-right: auto; border-radius: 2px; border: 1px solid #444444; text-align:justify; } #footer { background-color: #333333; max-width: 1280px; padding:10px; padding-left:12px; padding-right:12px; border-radius: 2px; margin-left: auto; margin-right: auto; border: 1px solid #eeeeee; text-align:center; font-size: 10pt; color: #eeeeee; vertical-align: middle; } #footer a { color: #222222; text-decoration: none; } /* ------------- Elements ------------- */ content { font-size:11pt; } content img { } content figure { font-style: italic; margin-left:16px; } content figcaption { margin-left: 2px; } content .videoframe { margin-left:16px; box-shadow: 0px 0px 3px white; margin-bottom: 1em; border: 1 px solid #f3f3f3; background-color: black; color: white; } content .videoframe a { color:lightblue; } content .videoframe input { background: none; border: none; font-weight: bold; cursor: pointer; color:lightblue; } content vidcaption { margin-left: 18px; font-style: italic; } content a { color:#aaaaaa; text-decoration: none; } content pre { background-color:#dddddd; padding: 3px; border-radius: 3px; } /* ------------- Blog ------------- */ blog .head { font-size:10pt; text-align:right; vertical-align:top; } blog .author { font-style: italic; } blog .date { } blog .tags { font-size: 10pt; font-style: italic; } blog .tags a { background-color:#222222; color: white; padding: 3px; border-radius: 3px; } blog .sources { font-size: 9pt; text-align: left; } blog h2 { margin-top:40px; } blog img { width: 640px; box-shadow: 0px 0px 3px white; border: 1 px solid #f3f3f3; } blog .bloginfoheader { /* Stuff like Search results for 'xx' */ background-color:gray; color:#f5f5f5; border-radius: 4px; padding:2px; } blogheading h1 { /*margin:0px;*/ } blogheading table { padding:0px; margin:0px; margin-bottom:-18px; /* Cheap fix to correct some spacing */ margin-left:-2px; margin-top:-2px; border: 0px; width:100%; } blogheading td { margin:0px; padding:0px; } blogheading tr { margin:0px; padding:0px; } blogheading a { color: inherit; text-decoration: inherit; } .subheading { margin-top: 2px; } .postSeparator { border:0px; margin-top: 20px; /*border-bottom: 1px solid black; box-shadow: 1px 1px 2px black;*/ } .blognav { margin-top:30px; margin-left:10px; margin-right:10px; width: calc(100% - 20px); } .blognav a { background-color: #cccccc; border-radius: 10px; padding: 10px; border: 1px solid black; transition-duration: .3s; } .blognav a:hover { background-color: #eeeeee; } .post { background-color:#121212; /* #f2f2f2 */ border-radius: 2px; border: 1px solid #cccccc; margin: -2px; padding: 4px; } .sourceSeparator { border:none; border-bottom: 1px solid #bbbbbb; } /* ------------- Entries ------------- */ .pageDetailsHeading { font-size:1.5em; font-weight: bold; margin: 0.3em; margin-left: 0px; cursor: pointer; } .listing { width:100%; } .listing td { padding-left: 10px; padding-right: 10px; } .listing .previewImage { padding-left: 20px; } /* ------------- Generic elements ------------- */ .code { font-family: monospace; background: #080808; border: white dashed 1px; padding: 3px; word-wrap: break-word; text-align: left; /*white-space: pre-wrap;*/ /*line-height: 1.8em;*/ } code { font-family: monospace; background: #080808; border: white dashed 1px; padding: 2px; line-height: 1.8em; } blockquote { margin-left: 20px; padding: 0px; padding-left: 6px; border-left: red solid 2px; }