aboutsummaryrefslogtreecommitdiffstats
path: root/SOB/static
diff options
context:
space:
mode:
Diffstat (limited to 'SOB/static')
-rw-r--r--SOB/static/css/main.css471
-rw-r--r--SOB/static/images/icons/delicious.pngbin0 -> 958 bytes
-rw-r--r--SOB/static/images/icons/github.pngbin0 -> 346 bytes
-rw-r--r--SOB/static/images/icons/gitorious.pngbin0 -> 227 bytes
-rw-r--r--SOB/static/images/icons/gittip.pngbin0 -> 487 bytes
-rw-r--r--SOB/static/images/icons/google-plus.pngbin0 -> 527 bytes
-rw-r--r--SOB/static/images/icons/lastfm.pngbin0 -> 975 bytes
-rw-r--r--SOB/static/images/icons/linkedin.pngbin0 -> 896 bytes
-rw-r--r--SOB/static/images/icons/rss.pngbin0 -> 879 bytes
-rw-r--r--SOB/static/images/icons/twitter.pngbin0 -> 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
new file mode 100644
index 0000000..3dccdd8
--- /dev/null
+++ b/SOB/static/images/icons/delicious.png
Binary files differ
diff --git a/SOB/static/images/icons/github.png b/SOB/static/images/icons/github.png
new file mode 100644
index 0000000..6c52b48
--- /dev/null
+++ b/SOB/static/images/icons/github.png
Binary files differ
diff --git a/SOB/static/images/icons/gitorious.png b/SOB/static/images/icons/gitorious.png
new file mode 100644
index 0000000..3eeb3ec
--- /dev/null
+++ b/SOB/static/images/icons/gitorious.png
Binary files differ
diff --git a/SOB/static/images/icons/gittip.png b/SOB/static/images/icons/gittip.png
new file mode 100644
index 0000000..af94962
--- /dev/null
+++ b/SOB/static/images/icons/gittip.png
Binary files differ
diff --git a/SOB/static/images/icons/google-plus.png b/SOB/static/images/icons/google-plus.png
new file mode 100644
index 0000000..3c6b743
--- /dev/null
+++ b/SOB/static/images/icons/google-plus.png
Binary files differ
diff --git a/SOB/static/images/icons/lastfm.png b/SOB/static/images/icons/lastfm.png
new file mode 100644
index 0000000..3a6c626
--- /dev/null
+++ b/SOB/static/images/icons/lastfm.png
Binary files differ
diff --git a/SOB/static/images/icons/linkedin.png b/SOB/static/images/icons/linkedin.png
new file mode 100644
index 0000000..d29c120
--- /dev/null
+++ b/SOB/static/images/icons/linkedin.png
Binary files differ
diff --git a/SOB/static/images/icons/rss.png b/SOB/static/images/icons/rss.png
new file mode 100644
index 0000000..7862c65
--- /dev/null
+++ b/SOB/static/images/icons/rss.png
Binary files differ
diff --git a/SOB/static/images/icons/twitter.png b/SOB/static/images/icons/twitter.png
new file mode 100644
index 0000000..d0ef3cc
--- /dev/null
+++ b/SOB/static/images/icons/twitter.png
Binary files differ