/***TODO: create variables for colors for fonts, links, background, boxes, etc...*/ /*** this will make it easier to modify the CSS file to change such things..*/ /***VARIABLES*********************************************************************/ :root/*root element is first element and all other elements inherit it's properties*/ { --box-size: 640px; --box-padding: 14px/*top*/ 32px/*right*/ 14px/*bottom*/ 32px/*left*/; } /***Body config***************************************************************/ body { background-color: #000000; margin: 0px; padding: 0px; border: 0px; font-family: DejaVu Sans Mono, arial, sans-serif; font-size: 12pt; /*100% is a good font-size,1em == the default setting for the browser 16px*/ /*line-height: 14pt; --default line height*/ font-style: normal; /*italic, oblique*/ font-weight: medium; color: #DDDDDD; text-align: left; /*right, center*/ text-decoration: none; /*overline, line-through, underline*/ /*text-transform: uppercase, lowercase, capitalize*/ /*text-indent: 50px, Xpx*/ } /*****************************************************************************/ /***Main tag configurations and variants**************************************/ p { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: bold; text-align: left; } a:link { font-weight: bold; color: #AA0000; text-decoration: none; text-align: left; } a:visited { font-weight: bold; color: #EE00EE; text-decoration: none; text-align: left; } a:hover, a:active { font-weight: bold; color: #FF0000; text-decoration: none; text-align: left; } /*****************************************************************************/ /***container*****************************************************************/ #container { width: var(--box-size); margin: 0px auto; background-color: #000000; } /*****************************************************************************/ /***Top, bottom, and miscelaneous spacers for centering and page structure****/ #topspacer /*50 pixels of spacing from the top*/ { float: left; min-width: var(--box-size); margin-top: 50px; } #spacer100 /*100 pixels of spacing*/ { float: left; min-width: var(--box-size); margin-top: 50px; margin-bottom: 50px; } #spacer50 /*50 pixels of spacing*/ { float: left; min-width: var(--box-size); margin-top: 50px; margin-bottom: 50px; } #bottomspacer /*50 pixels of spacing from the bottom*/ { float: left; min-width: var(--box-size); margin-bottom: 50px; } #divpadding { padding: 14px; } /*****************************************************************************/ /***headers and configurations************************************/ #header { float: left; min-width: var(--box-size); padding: var(--box-padding); clear: right; border-top: 2px; border-right: 2px; border-bottom: 0px; border-left: 2px; border-style: solid; border-color: #EEEEEE; } #headernonav /*header for pages that don't have a navigation bar*/ { float: left; min-width: var(--box-size); padding: var(--box-padding); clear: right; border-top: 2px; border-right: 2px; border-bottom: 0px; border-left: 2px; border-style: solid; border-color: #EEEEEE; } /*****************************************************************************/ /***This is the Main Menu Navigation at the top of every page*****************/ /*NEEDS WORK...*/ #nav { float: left; min-width: var(--box-size); padding: var(--box-padding); background-color: #000000; border-top: 2px; border-right: 2px; border-bottom: 2px; border-left: 2px; border-style: solid; border-color: #EEEEEE; } #nav ul { margin: 0px; padding: 0px; list-style: none; /*no bullets*/ display: inline; /*horizontal instead of using a block for vertical stacking*/ } #nav ul li { display: inline; /*horizontal instead of vertical stacking block display*/ } #nav ul li span { font-family: arial, sans-serif; font-weight: bold; color: #FF0000; padding: 7px 10px 7px 10px; } #nav ul li a:link, #nav ul li a:visited { background-color: #000000; font-family: arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #AA0000; text-decoration: none; padding: 7px 10px 7px 10px; } #nav ul li a:hover, #nav ul li a:active { background-color: #303030; font-family: arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #FF0000; text-decoration: none; padding: 7px 10px 7px 10px; } /*****************************************************************************/ /***Other navigation**********************************************************/ /*NEEDS WORK*/ a:link.nomenu { font-family: arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: medium; color: #CCCCCC; text-decoration: none; text-align: left; } a:visited.nomenu { font-family: arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: medium; color: #3FAAAA; text-decoration: none; text-align: left; } a:hover.nomenu, a:active.nomenu { font-family: arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: medium; color: #3FFFFF; text-decoration: none; text-align: left; } /*****************************************************************************/ /***Used to create content squares in a vertical block pattern****************/ #content { float: left; min-width: var(--box-size); padding: var(--box-padding); margin: 0px; border-top: 0px; border-right: 2px; border-bottom: 2px; border-left: 2px; border-style: solid; border-color: #EEEEEE; } #content-noborder { float: left; padding: var(--box-padding); min-width: var(--box-size); padding: 0px; margin: 0px; border: 0px; } /*****************************************************************************/ /***Creative Commons Attribution styling**************************************/ span.CC p { font-family: DejaVu Sans Mono, arial, sans-serif; font-size: 8pt; font-style: italic; font-weight: medium; color: #CC00CC; text-align: left; } span.CC a:link { font-weight: bold; color: #00CC00; text-decoration: none; text-align: left; } span.CC a:visited { font-weight: bold; color: #00AA00; text-decoration: none; text-align: left; } span.CC a:hover, span.CC a:active { font-weight: bold; color: #00FF00; text-decoration: none; text-align: left; } /*****************************************************************************/ /***Miscellaneous font adjustments********************************************/ h1.date, h2.date, h3.date, h4.date, h5.date, h6.date, td.date { font-weight: bold; color: #00DDCC; text-decoration: none; text-align: left; } /***EVERYTHING BELOW HAS NOT BEEN EDITED FOR USE, YET***/ /***Spcialization of fonts and settings for the Files Page***/ /* span.file a:link { font-family: arial, sans-serif; text-decoration: none; font-size: 12pt; line-height: 14pt; font-style: normal; font-weight: medium; color: #00CC00; } span.file a:hover { font-family: arial, sans-serif; text-decoration: none; font-size: 12pt; line-height: 14pt; font-style: normal; font-weight: medium; color: #00FF00; } span.file a:active { font-family: arial, sans-serif; text-decoration: none; font-size: 12pt; line-height: 14pt; font-style: normal; font-weight: medium; color: #00FF00; } span.file a:visited { font-family: arial, sans-serif; text-decoration: none; font-size: 12pt; line-height: 14pt; font-style: normal; font-weight: medium; color: #60CC00; } span.file ul { list-style: none; //no bullets } span.file li { display: block; font-family: arial, sans-serif; font-size: 12pt; font-style: normal; font-weight: bold; color: #00AFAF; text-align: left; line-height: 14pt; } span.file h1 { display: block; font-family: arial, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold; color: #CC0000; text-align: left; line-height: 14pt; } span.file h2 { display: block; font-family: arial, sans-serif; font-size: 14pt; font-style: normal; font-weight: medium; color: #CC6600; text-align: left; line-height: 16pt; } */ /*****************************************************/