|
|
Line 2: |
Line 2: |
| <head> | | <head> |
| | | |
- | <link rel="stylesheet" type="text/css" href="indexpage.css"> | + | <link rel="stylesheet" type="text/css" href="indexpage.css&action=raw&ctype=text/css"> |
| <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script> | | <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script> |
| <script> | | <script> |
Line 43: |
Line 43: |
| </script> | | </script> |
| | | |
- | <style type= "text/css">
| |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{
| |
- | display:none;
| |
- | } /*-- hides default wiki settings --*/
| |
| | | |
- | #top-section{
| |
- | border: 0 none;
| |
- | height: 20px;
| |
- | z-index: 100;
| |
- | top: 0;
| |
- | position: fixed;
| |
- | width: 900px;
| |
- | left: 50%;
| |
- | margin-left: -487px;
| |
- | background-color:black;
| |
- | }
| |
- |
| |
- | #globalWrapper, #content {
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | border: 0px;
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- |
| |
- | html, body, .wrapper {
| |
- | background-color: #FFFFFF;
| |
- | }
| |
- |
| |
- | body {
| |
- | width: 100%;
| |
- | padding:0;
| |
- | margin:0;
| |
- | font: 14px Helvetica;
| |
- | }
| |
- | #content_container {
| |
- | width:950px;
| |
- | margin: 0 auto;
| |
- | -webkit-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64);
| |
- | -moz-box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64);
| |
- | box-shadow: 0px 6px 6px 0px rgba(50, 50, 50, 0.64);
| |
- | }
| |
- | a {
| |
- | color: #c0392b;
| |
- | text-decoration: none;
| |
- | }
| |
- | a:hover {
| |
- | color: #e74c3c;
| |
- | }
| |
- | nav a:visited{
| |
- | color: #FFF;
| |
- | }
| |
- | #menu {
| |
- | padding: 0;
| |
- | text-align: center;
| |
- | text-transform:uppercase;
| |
- | }
| |
- |
| |
- | h1 {
| |
- | font-family: HelveticaNeue-UltraLight;
| |
- | font-size: 100px;
| |
- | text-align: center;
| |
- | margin: 0 0 0 0;
| |
- | padding: 50px 0 0 0 ;
| |
- | background: #5E412F;
| |
- | color: #fff;
| |
- | font-weight:100;
| |
- | letter-spacing: 0.0625em;
| |
- | }
| |
- |
| |
- | /*----------------------------------drop down ---------------------------------*/
| |
- | h1 {
| |
- | font-size:60px;
| |
- | }
| |
- |
| |
- | p {
| |
- | font-size:20px;
| |
- | }
| |
- | nav {
| |
- | margin:0 auto;
| |
- | padding: 0 auto;
| |
- | background-color: orange;
| |
- | width:990px;
| |
- | display:block;
| |
- | }
| |
- |
| |
- | nav ul {
| |
- | padding:0;
| |
- | margin:0 auto;
| |
- | list-style: none;
| |
- | position: relative;
| |
- | display:block;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | nav ul li {
| |
- | display: inline-block;
| |
- | float: left;
| |
- | display:list-item;
| |
- | list-style: none;
| |
- | background-color:#5E412F;
| |
- |
| |
- | }
| |
- |
| |
- | nav ul li a {
| |
- | display:block;
| |
- | padding:20px 10px 0px 10px;
| |
- |
| |
- | color:#FFF;
| |
- | font-size:16px;
| |
- | text-decoration:none;
| |
- | font-family: 'Bree Serif', 'serif';
| |
- | }
| |
- |
| |
- | li a:hover { background-color: #000000; }
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | /* The Dropdown Styles */
| |
- | /* =================== */
| |
- |
| |
- | /* Hide Dropdowns by Default */
| |
- | nav ul ul {
| |
- | display: none;
| |
- | position: absolute;
| |
- | top: 48px;
| |
- | }
| |
- |
| |
- | /* Display Dropdowns on Hover */
| |
- | nav ul li:hover > ul {
| |
- | display:list-item;
| |
- | }
| |
- |
| |
- | /* Fisrt Tier Dropdown */
| |
- | nav ul ul li {
| |
- | width:180px;
| |
- | position: relative;
| |
- | border-bottom:none;
| |
- | list-style-type: none;
| |
- | }
| |
- |
| |
- | /* Second, Third and more Tiers */
| |
- | nav ul ul ul li {
| |
- | position: absolute relative;
| |
- | top:-5px;
| |
- | }
| |
- | .fixed {
| |
- | position: fixed;
| |
- | z-index: 10;
| |
- | top: 0;
| |
- | width: 100%;
| |
- | }
| |
- | .fixed ul ul ul li a {
| |
- | color: #fff;
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | div#nav_container{
| |
- | text-align: center;
| |
- | width:1000px;
| |
- | padding:0 auto;
| |
- | margin:0 auto;
| |
- | max-width:700px;
| |
- | z-index:100000;
| |
- | }
| |
- |
| |
- | #slide{
| |
- | width: 100%;
| |
- | height: 600px;
| |
- | overflow:hidden;
| |
- | margin: 30px auto;
| |
- | box-shadow: 0 8px 6px -6px rgba(0,0,0,1);
| |
- | }
| |
- | #slide div{
| |
- | display:block;
| |
- | width:0;
| |
- | float: left;
| |
- | -webkit-transition: all 0.75s;
| |
- | -moz-transition: all 0.75s;
| |
- | -o-transition:all 0.75s;
| |
- | transition: all 0.75s;
| |
- | }
| |
- | img.picture {
| |
- | width:960px;
| |
- | }
| |
- | button.prev, button.next {
| |
- | position: absolute;
| |
- | z-index: 999;
| |
- | display: block;
| |
- | padding:0 10px;
| |
- | width: auto;
| |
- | height:350px;
| |
- | background: rgba(0,0,0,0);
| |
- | color: #ffffff;
| |
- | font-size:26px;
| |
- | cursor: pointer;
| |
- | border:none;
| |
- | outline:none;
| |
- | }
| |
- | button.prev:hover, button.next:hover {
| |
- | background: rgba(0,0,0,0.8);
| |
- | }
| |
- | button.next {
| |
- | margin-left:926px;
| |
- | }
| |
- |
| |
- |
| |
- | div.project_area{
| |
- | margin:0 auto;
| |
- | border: 1px solid black;
| |
- | background-color:black;
| |
- | }
| |
- | .project_area h4, .project_area p{
| |
- | color:white;
| |
- | }
| |
- | div.project_box{
| |
- | border: 1px solid gray;
| |
- | width: 450px;
| |
- | height: 150px;
| |
- | text-align: center;
| |
- | background-color:black;
| |
- |
| |
- | }
| |
- |
| |
- | div.quick_link_container{
| |
- | padding:50px;
| |
- | width: 200px;
| |
- | height:300px;
| |
- | -webkit-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);
| |
- | -moz-box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);
| |
- | box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.69);
| |
- |
| |
- | }
| |
- | table.site_map_table{
| |
- | background-color: black;
| |
- | width: 100%;
| |
- | }
| |
- | .site_map_table h4, .site_map_table p, .site_map_table ul{
| |
- | color: white;
| |
- | }
| |
- | div.banner_area{
| |
- | width:100%;
| |
- | margin:0 auto;
| |
- | padding:0 auto;
| |
- | }
| |
- | div.banner_area img{
| |
- | width:100%;
| |
- | height: 550px;
| |
- | }
| |
- | div.content_1{
| |
- | width:100%;
| |
- |
| |
- | }
| |
- | div.content_1 h3{
| |
- | font-size:30px;
| |
- | color:#5E412F;
| |
- | border-bottom: 2px solid black;
| |
- |
| |
- | }
| |
- | table.content_table td{
| |
- | width:50%;
| |
- | }
| |
- | table.content_table p {
| |
- | font-size: 18px;
| |
- | font-family: "helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
| |
- | line-height: 2em;
| |
- | }
| |
- | div.content_area{
| |
- | padding:0 20px 0 20px;
| |
- | background-color:#FCEBB6;
| |
- | border-radius: 2px;
| |
- | height:600px;
| |
- | }
| |
- | td.content_cell img{
| |
- | width:100%;
| |
- | display:inline;
| |
- | }
| |
- | td.content_cell h5{
| |
- | font-size: 19px;
| |
- | font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
| |
- | font-weight:bold;
| |
- | display:inline;
| |
- | }
| |
- | td.content_cell h6{
| |
- | font-size: 15px;
| |
- | font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
| |
- | font-weight:normal;
| |
- | display:inline;
| |
- | }
| |
- | div#description_area h2 {
| |
- | text-align:center;
| |
- | font-size: 30px;
| |
- | font-family:"helvetica" ,"Open Sans", "Vollkorn", "Fedra Sans";
| |
- | font-weight:900;
| |
- | display:block;
| |
- | text-decoration:underline;
| |
- | }
| |
- | div#description_area{
| |
- | padding: 20px;
| |
- | border-bottom: 2px dotted black;
| |
- | }
| |
- |
| |
- | </style>
| |
| </head> | | </head> |
| | | |