'Tech Tickets' Hover Menu

README.md

@@ -0,0 +1,32 @@
+Penn Manor Speed Dial
+==============
+This repository contains all code related to the 'Speed Dial' quick access page.
+
+This webpage is the default homepage for the fleet of current district computers.
+
+About the code
+--------------
+- `index.html` is the current main page.
+- `veritime.html` provides links for all building
+staff to access the time-clock system.
+- `twitter.html` provides info caching for the OAUTH
+twitter widget.
+
+Uploading changes
+----------------
+Any additional links are welcome. Changes are
+encouraged to try to balance links between the
+available two columns, and insert by alphebetical
+order.
+
+License
+----------------
+	This program is free software; you can redistribute it and/or modify
+	it under the terms of the GNU General Public License as published by
+	the Free Software Foundation; either version 2 of the License, or
+	(at your option) any later version.
+
+	This program is distributed in the hope that it will be useful, but
+	WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+	or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License
+	for more details.

index.html

@@ -35,7 +35,11 @@ <h1 class="font font-shadow"><span>Penn Manor</span> Speed Dial</h1>
 				<ul class="font">
 					<li class="navbox font-shadow"><a href="http://www.pennmanor.net/">Official site</a></li>
 					<li class="navbox font-shadow"><a href="http://mail.pennmanor.net/">web mail</a></li>
-					<li class="navbox font-shadow"><a href="http://support.pennmanor.net">staff ticket system</a></li>
+					<li class="navbox font-shadow"><a href="#">tech ticket systems</a>
+					<ul>
+						<li class="subnavbox"><a href="http://studentsupport.pennmanor.net">student ticket system</a></li>
+						<li><a href="http://support.pennmanor.net">staff ticket system</a></li>
+					</li>
 				</ul>
 			</div>
 		</div>

styles.css

@@ -1,6 +1,6 @@
 /*
-Template Name: Thr3e	
-Theme URI: http://www.tswartz.net	
+Template Name: Thr3e
+Theme URI: http://www.tswartz.net
 Description: CSS3 Template using 3 columns
 Version: 1.1
 Author: Tom Swartz
@@ -82,34 +82,34 @@ ol li {
 TYPE
 ------------------------------------***/
 
-@font-face {  
- font-family: 'Ubuntu-R';  
- src: url('fonts/Ubuntu-R.ttf');  
-}  
+@font-face {
+ font-family: 'Ubuntu-R';
+ src: url('fonts/Ubuntu-R.ttf');
+}
 
-.font {  
- font-family: Ubuntu-R;   
+.font {
+ font-family: Ubuntu-R;
 }
 
-.font-shadow {     
+.font-shadow {
  text-shadow: 0 1px 3px #000;
 }
 
-h1 { 
+h1 {
  font-size: 2.25em;
  color: #fff;
 }
 
-h1 span { 
+h1 span {
  color: #a2905e;
-}  
+}
 
-h2 { 
+h2 {
  font-size: 3em;
  color: #fff;
 }
 
-h3 { 
+h3 {
  font-size: 1.5em;
  color: #aca589;
  line-height: 1em;
@@ -129,7 +129,7 @@ h6 {
  font-size: 0.75em;
 }
 
-strong { 
+strong {
  font-weight: bold;
 }
 
@@ -151,15 +151,15 @@ subtext {
 LAYOUT
 ------------------------------------***/
 
-#container { 
+#container {
  margin: 0 auto;
 }
 
-#top { 
- margin: 0 auto;  
+#top {
+ margin: 0 auto;
 }
 
-#header { 
+#header {
  width: 960px;
  margin: 0 auto;
 }
@@ -185,13 +185,38 @@ LAYOUT
  border: 0;
 }
 
-#nav li { 
+#nav li {
+ margin-top: 5px;
  margin-left: 10px;
  float: left;
+ position: relative;
  list-style-type: none;
  list-style-image: none;
 }
 
+#nav ul li ul {
+ display: none;
+}
+
+#nav ul li:hover ul {
+ border-top: 10px;
+ margin-left: 0px;
+ width: 200px;
+ position: absolute;
+ list-style-type: none;
+ list-style-image: none;
+ display: block;
+}
+
+#nav ul li:hover ul > li {
+ margin-top: 18px;
+ margin-left: 0px;
+ list-style-type: none;
+ list-style-image: none;
+ display: block;
+ float: left;
+}
+
 #descrip {
  clear: both;
  width: 960px;
@@ -298,21 +323,21 @@ LAYOUT
  float: left;
  background-color: #fff;
  width: 260px;
- height: 300px; 
- border-radius: 25px;  
- -moz-border-radius: 25px;  
+ height: 300px;
+ border-radius: 25px;
+ -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  padding: 10px 20px;
 }
 
 /* BEGIN TWITTER WIDGET */
-/*.col2 .twitterfeed	{	
+/*.col2 .twitterfeed	{
  float: left;
  background-color: #fff;
  width: 260px;
- height: 300px; 
- border-radius: 25px;  
- -moz-border-radius: 25px;  
+ height: 300px;
+ border-radius: 25px;
+ -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  padding: 20px;
 }
@@ -334,7 +359,7 @@ LAYOUT
 	padding: 10px 5px 10px 10px;
 	margin: 10px 10px 25px 0px;
 	text-shadow: 0 1px 0 #fff;
-	border: 1px solid #d8d8d8; 
+	border: 1px solid #d8d8d8;
 }
 */
 .col2 h3 a {
@@ -399,13 +424,23 @@ LAYOUT
  color: #002f65;
 }
 
-.navbox {  
- border-radius: 10px;  
- -moz-border-radius: 10px;  
- -webkit-border-radius: 10px; 
+.navbox a {
+ border-radius: 10px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
+/* background-color: #6666ff; */
+ background-color: #a2905e;
+ padding: 6px 10px;
+/* opacity: 0.8; */
+}
+
+.subnavbox a {
+/* border-radius: 20px;
+ -moz-border-radius: 10px;
+ -webkit-border-radius: 10px;
 /* background-color: #6666ff; */
  background-color: #a2905e;
- padding: 5px 10px;
+ padding: 6px 10px;
 /* opacity: 0.8; */
 }