body { background-color: #000000; background-image: url("space.png"); background-repeat: repeat; background-position: 0px 0px; background-attachment: fixed; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: small; color: #BEBEBE; margin: 0px; padding: 0px } a:link, a:visited { color: #99CCFF; text-decoration: underline } a:hover, a:active { color: #FFCCFF } a img { border: 0px } h1,h2,h3,h4 { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; margin: 0px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; color: #FFFFFF; text-shadow: 0px 0px 10px #0099FF; -moz-text-shadow: 0px 0px 10px #0099FF; -webkit-text-shadow: 0px 0px 10px #0099FF; } h1 { font-size: 32pt; padding-top: 15px; padding-bottom: 15px; } h2,h3,h4 { color: #BBDDFF; text-shadow: 0px 0px 10px #006699; -moz-text-shadow: 0px 0px 10px #006699; -webkit-text-shadow: 0px 0px 10px #006699; } h1:first-of-type { padding-top: 0px; } h2 { font-size: 24pt } h3 { font-size: 18pt } h4 { font-size: 16pt } pre,code { font-family: "Lucida Console","DejaVu LGC Sans Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace; font-size: 9pt; color: #00CCCC; background-color: transparent; } pre { display: block; border: 1px dashed #CCCCCC; padding: 10px; margin-left: 5px; margin-right: 5px; margin-top: 10px; margin-bottom: 10px; max-height: 550px; overflow: auto } code { display: inline; padding: 0 } label { cursor: pointer } legend { color: #0099FF; } table.box { border: 1px solid #999999 } input[type="text"], input[type="password"], input[type="number"], input[type="email"], textarea, input[type="file"], select { /* To hell with IE */ background-color: #000 !important; border: 1px solid #999 !important; font-family: Verdana,Arial,Helvetica,sans-serif !important; font-size: small !important; color: #FFF !important; margin: 2px 0px; max-width: 600px; } input:focus, textarea:focus, select:focus { border: 1px solid #09F !important; } acronym,abbr { border-bottom: 1px dotted #BEBEBE; cursor: help; } /* Some bootstrap override helpers */ .input-lg { max-width: none !important; width: 650px; } .input-sm { width: 4em; } .form-control.inline { display: inline; } /* Bootstrap CSS overrides */ a.btn { text-decoration: none; color: white; } p { margin: 10px 0px; } ul, ul ul, ol ul, ul ol, ol ol { margin: 10px 0px; } li > ul, li > ol { /* embedded list */ margin: 0px; } blockquote { margin: 20px 0px; } .card { background-color: transparent; border: 1px dashed #006699; } /* Our own custom nav button for Bootstrap */ .mobile-nav { display: none; /* for small screens only */ position: absolute; z-index: 100; top: 10px; left: 10px; } @media (max-width: 990px) { .mobile-nav { display: block; } } /******************************************************************************* * General CSS Classes * ******************************************************************************/ .center { margin: auto; text-align: center } .right { margin-left: auto; margin-right: 0px; text-align: right } .invisible { display: none } .clear { clear: both; } .markdown table, table.table, table.table th, table.table td { border: 1px solid #999999; } .markdown table, table.table { border-collapse: collapse; border-spacing: 0; margin: 10px 0px; padding: 0px; } table.table-wide { width: 100%; } .markdown table th, table.table th { background-color: #003366; color: #FFFFFF; text-align: left; padding: 4px; } .markdown table tr:nth-child(even), table.table tr:nth-child(even) { background-color: #000000; } .markdown table tr:nth-child(odd), table.table tr:nth-child(odd) { background-color: #202020; } .markdown table td, table.table td { padding: 4px; vertical-align: top; text-align: left; } /******************************************************************************* * Styles Needed by Specific Pages in the CMS * ******************************************************************************/ /* Downloads */ .distro { border: 1px solid #CCCCCC } .distro th { width: 150px; text-align: center; vertical-align: top } .distro td { width: 150px; text-align: center; vertical-align: top; border: 1px solid #808080 } .distro td img { float: left } /******** * Blog * *******/ .blog-title { display: block; padding-bottom: 0; } /* Blog titles when shown on index view */ a.blog-title:link, a.blog-title:visited { font-family: "Trebuchet MS",Verdana,Arial,sans-serif; font-size: 32pt; font-weight: bold; color: #FFFFFF; text-shadow: 0px 0px 10px #0099FF; -moz-text-shadow: 0px 0px 10px #0099FF; -webkit-text-shadow: 0px 0px 10px #0099FF } a.blog-title:hover, a.blog-title:active { text-decoration: underline; text-shadow: 0px 0px 10px #FF99FF; -moz-text-shadow: 0px 0px 10px #FF99FF; -webkit-text-shadow: 0px 0px 10px #FF99FF } .blog-meta .blog-private, .blog-meta .blog-unlisted, .blog-meta .blog-draft, .blog-meta .blog-sticky { font-weight: bold; font-style: normal; } .blog-meta .blog-private, .blog-meta .blog-unlisted { color: #FF9900; } .blog-meta .blog-draft { color: #00FFFF; } .blog-meta .blog-sticky { color: #FF99FF; } /* Timestamp and author line below blog titles */ .blog-meta, .comment-meta { font-size: smaller; font-style: italic; margin-top: 1rem; margin-bottom: 2rem; } .comment-meta { margin-top: 0; margin-bottom: 1rem; } /* TODO */ ul.blog-categories { list-style: none; display: inline; margin: 0; padding: 0; } ul.blog-categories li { display: inline; } ul.blog-categories li:after { content: ", "; } ul.blog-categories li:last-child:after { content: ""; } /******************************************************************************* * Supernova Website Design Classes - Copyright 2009 Casey Kirsle - Kirsle.com * ******************************************************************************/ /* Make a photo look nice. Apply it to Markdown images too, but not to * CMS generated emoticons. */ .portrait, .markdown img:not([class~=rophako-emoticon]) { display: inline; background-color: #CFCFCF; padding: 4px; border: 1px solid #000000; box-shadow: 0px 0px 4px #0099FF; -moz-box-shadow: 0px 0px 4px #0099FF; -webkit-box-shadow: 0px 0px 4px #0099FF; } /* Responsive images in markdown */ .markdown img { max-width: 100%; height: auto; } /************* * Eye Candy * ************/ .k-supernova { /* Main BG image */ position: absolute; z-index: -100; top: 0; left: 0; width: 960px; height: 1000px; background-image: url("supernova.jpg"); background-repeat: no-repeat; background-position: 0 0; } @media (min-width: 768px) { .k-supernova { position: fixed; } } .k-kirsle { /* Kirsle logo */ width: 317px; height: 177px; margin: 0 auto; background-image: url("kirsle.png"); background-repeat: no-repeat; background-position: 0px 0px; cursor: pointer } /******************** * Navigation Panel * *******************/ .k-navpanel { /* Wrapper for nav bar */ background-image: url("panelbg.png"); background-repeat: repeat; background-position: 0px 0px; border: 2px ridge #0099FF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px } @media (min-width: 1200px) { .k-navpanel { max-width: 200px; margin: 0 auto; } } .k-navpanel > .k-section { /* Division of navigation bar */ display: block; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 14pt; font-weight: bold; text-align: center; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 0px; text-shadow: 0px 0px 10px #0099FF; -moz-text-shadow: 0px 0px 10px #0099FF; -webkit-text-shadow: 0px 0px 10px #0099FF } .k-navpanel ul { /* Stretches of hyperlinks inside the nav bar */ list-style: none; margin: 0 4px; padding-left: 1em; text-indent: -1em; font-size: x-small; line-height: 160% } .k-navpanel a:link, .k-navpanel a:visited { /* Hyperlinks inside the nav bar */ font-size: x-small; font-weight: bold } /********************* * Main Content Area * ********************/ .k-content-panel { /* Wrapper for the content panel */ background-image: url("panelbg.png"); background-repeat: repeat; background-position: 0px 0px; z-index: 300; padding: 6px; border: 2px ridge #0099FF; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px } .k-copyright { /* Copyright text */ text-align: center; font-size: x-small; color: #999999; font-weight: bold; padding: 20px 0px } .k-space { background-image: url("space.png"); background-repeat: repeat; background-position: 0px 0px; height: 50px } /* Simplify panels for mobile */ @media (max-width: 768px) { .k-navpanel, .k-content-panel { background-image: none; background-color: #000000; } }