diff options
Diffstat (limited to 'SOB/static')
-rw-r--r-- | SOB/static/css/main.css | 471 | ||||
-rw-r--r-- | SOB/static/images/icons/delicious.png | bin | 0 -> 958 bytes | |||
-rw-r--r-- | SOB/static/images/icons/github.png | bin | 0 -> 346 bytes | |||
-rw-r--r-- | SOB/static/images/icons/gitorious.png | bin | 0 -> 227 bytes | |||
-rw-r--r-- | SOB/static/images/icons/gittip.png | bin | 0 -> 487 bytes | |||
-rw-r--r-- | SOB/static/images/icons/google-plus.png | bin | 0 -> 527 bytes | |||
-rw-r--r-- | SOB/static/images/icons/lastfm.png | bin | 0 -> 975 bytes | |||
-rw-r--r-- | SOB/static/images/icons/linkedin.png | bin | 0 -> 896 bytes | |||
-rw-r--r-- | SOB/static/images/icons/rss.png | bin | 0 -> 879 bytes | |||
-rw-r--r-- | SOB/static/images/icons/twitter.png | bin | 0 -> 830 bytes |
10 files changed, 471 insertions, 0 deletions
diff --git a/SOB/static/css/main.css b/SOB/static/css/main.css new file mode 100644 index 0000000..08a3388 --- /dev/null +++ b/SOB/static/css/main.css @@ -0,0 +1,471 @@ +/***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 <body> 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; +} +*/ +/*****************************************************/ + + + + + + + + + diff --git a/SOB/static/images/icons/delicious.png b/SOB/static/images/icons/delicious.png Binary files differnew file mode 100644 index 0000000..3dccdd8 --- /dev/null +++ b/SOB/static/images/icons/delicious.png diff --git a/SOB/static/images/icons/github.png b/SOB/static/images/icons/github.png Binary files differnew file mode 100644 index 0000000..6c52b48 --- /dev/null +++ b/SOB/static/images/icons/github.png diff --git a/SOB/static/images/icons/gitorious.png b/SOB/static/images/icons/gitorious.png Binary files differnew file mode 100644 index 0000000..3eeb3ec --- /dev/null +++ b/SOB/static/images/icons/gitorious.png diff --git a/SOB/static/images/icons/gittip.png b/SOB/static/images/icons/gittip.png Binary files differnew file mode 100644 index 0000000..af94962 --- /dev/null +++ b/SOB/static/images/icons/gittip.png diff --git a/SOB/static/images/icons/google-plus.png b/SOB/static/images/icons/google-plus.png Binary files differnew file mode 100644 index 0000000..3c6b743 --- /dev/null +++ b/SOB/static/images/icons/google-plus.png diff --git a/SOB/static/images/icons/lastfm.png b/SOB/static/images/icons/lastfm.png Binary files differnew file mode 100644 index 0000000..3a6c626 --- /dev/null +++ b/SOB/static/images/icons/lastfm.png diff --git a/SOB/static/images/icons/linkedin.png b/SOB/static/images/icons/linkedin.png Binary files differnew file mode 100644 index 0000000..d29c120 --- /dev/null +++ b/SOB/static/images/icons/linkedin.png diff --git a/SOB/static/images/icons/rss.png b/SOB/static/images/icons/rss.png Binary files differnew file mode 100644 index 0000000..7862c65 --- /dev/null +++ b/SOB/static/images/icons/rss.png diff --git a/SOB/static/images/icons/twitter.png b/SOB/static/images/icons/twitter.png Binary files differnew file mode 100644 index 0000000..d0ef3cc --- /dev/null +++ b/SOB/static/images/icons/twitter.png |