|
|
| Line 7: |
Line 7: |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| - | body{
| |
| - | background-color: #e0e0e0;
| |
| - | }
| |
| | | | |
| - | #wrapper
| |
| - | {
| |
| - | background-color: #f0f0ff;
| |
| - | width: 900px;
| |
| - | margin-right:auto;
| |
| - | margin-left: auto;
| |
| - | box-shadow:0px 0px 8px #303030;
| |
| - | opacity: 1;
| |
| - | }
| |
| - |
| |
| - | #header
| |
| - | {
| |
| - | padding: 0pt;
| |
| - | width: 900px;
| |
| - | background-color: #505050;
| |
| - | height:70px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #header_list
| |
| - | {
| |
| - | display: inline;
| |
| - | list-style-type: none;
| |
| - | margin:0px;
| |
| - | padding:0px;
| |
| - | }
| |
| - |
| |
| - | #header_list_element
| |
| - | {
| |
| - | padding:0px;
| |
| - | margin:0px;
| |
| - | float:left;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .header_link_div
| |
| - | {
| |
| - | overflow: hidden;
| |
| - | width: 150px;
| |
| - | height: 70px;
| |
| - | }
| |
| - |
| |
| - | .header_link:link, .header_link:visited
| |
| - | {
| |
| - | background-color:#201830;
| |
| - | width: 150px;
| |
| - | height: 70px;
| |
| - | color: #e0e0e0;
| |
| - | text-decoration: none;
| |
| - | display: block;
| |
| - | text-align: center;
| |
| - | padding-top: 24px;
| |
| - | font-size: 20px;
| |
| - | font-weight:bold;
| |
| - | }
| |
| - |
| |
| - | .header_link:hover, .header_link:active
| |
| - | {
| |
| - | background-color:#302448;
| |
| - | }
| |
| - |
| |
| - | .header_menu ul
| |
| - | {
| |
| - | position:fixed;
| |
| - | z-index:1;
| |
| - | margin:0px;
| |
| - | padding:0px;
| |
| - | list-style-type: none;
| |
| - | width:150px;
| |
| - | left:-9999px;
| |
| - | }
| |
| - |
| |
| - | /* Dropdown header menus */
| |
| - |
| |
| - | .header_menu ul:hover {
| |
| - | left:auto;
| |
| - | }
| |
| - |
| |
| - | .header_link_div:hover+div ul {
| |
| - | left:auto;
| |
| - | }
| |
| - |
| |
| - | .header_menu ul li
| |
| - | {
| |
| - | display: block;
| |
| - | }
| |
| - |
| |
| - | .header_menu ul li a:link, .header_menu ul li a:visited
| |
| - | {
| |
| - | display: block;
| |
| - | background-color:#201830;
| |
| - | color:#e0e0e0;
| |
| - | text-decoration: none;
| |
| - | text-align: center;
| |
| - | font-weight: bold;
| |
| - | font-size:14px;
| |
| - | height:19px;
| |
| - | }
| |
| - |
| |
| - | .header_menu ul li a:hover, .header_menu ul li a:active
| |
| - | {
| |
| - | background-color: #302448;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Start of Image Gallery Style */
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | #image
| |
| - | {
| |
| - | background-color:#60606;
| |
| - | overflow:hidden;
| |
| - | position:relative;
| |
| - | height:500px;
| |
| - | top:auto;
| |
| - | }
| |
| - |
| |
| - | #image_gallery
| |
| - | {
| |
| - | position:reltive;
| |
| - | height:auto;
| |
| - | list-style: none;
| |
| - | float:left;
| |
| - | padding:0px;
| |
| - | margin:0px;
| |
| - | }
| |
| - |
| |
| - | #image_gallery li
| |
| - | {
| |
| - | position:relative;
| |
| - | float:left;
| |
| - | }
| |
| - |
| |
| - | .image_navigation
| |
| - | {
| |
| - | position: absolute;
| |
| - | top:180px;
| |
| - | height:100px;
| |
| - | width: 30px;
| |
| - | opacity:0.4;
| |
| - | }
| |
| - |
| |
| - | .image_navigation:hover
| |
| - | {
| |
| - | opacity:0.9;
| |
| - | }
| |
| - |
| |
| - | #previous
| |
| - | {
| |
| - | background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/prev.png") no-repeat center;
| |
| - | left:0px;
| |
| - | }
| |
| - |
| |
| - | #next
| |
| - | {
| |
| - | background: #000000 url("https://dl.dropboxusercontent.com/u/65639888/image/next.png") no-repeat center;
| |
| - | right:0px;
| |
| - | }
| |
| - |
| |
| - | #image_links
| |
| - | {
| |
| - | padding:0px;
| |
| - | margin:auto;
| |
| - | height:50px;
| |
| - | margin-top:10px;
| |
| - | height: 150px;
| |
| - | }
| |
| - |
| |
| - | #pager
| |
| - | {
| |
| - | margin-right:50px;
| |
| - | }
| |
| - |
| |
| - | #pager li
| |
| - | {
| |
| - | padding:0px;
| |
| - | margin:5px;
| |
| - | margin-top:60px;
| |
| - | margin-left:45px;
| |
| - | width:140px;
| |
| - | height:30px;
| |
| - | color:black;
| |
| - | list-style:none;
| |
| - | opacity:0.6;
| |
| - | float:left;
| |
| - | border-radius:3px;
| |
| - | cursor:pointer;
| |
| - | font-size:25px;
| |
| - | text-align:center;
| |
| - | }
| |
| - |
| |
| - | #pager li:hover
| |
| - | {
| |
| - | opacity:0.9;
| |
| - | }
| |
| - |
| |
| - | /* End of Image Gallery Style */
| |
| - |
| |
| - |
| |
| - | #description
| |
| - | {
| |
| - | padding:10px;
| |
| - | width: 880px;
| |
| - | margin-right: auto;
| |
| - | margin-left: auto;
| |
| - | font-family:Calibri;
| |
| - | font-size:18px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #links
| |
| - | {
| |
| - | width:900px;
| |
| - | height:auto;
| |
| - | margin-left:auto;
| |
| - | margin-right:auto;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .image_link
| |
| - | {
| |
| - | width:270px;
| |
| - | height:150px;
| |
| - | margin:50px;
| |
| - | margin-left:120px;
| |
| - | margin-right:0px;
| |
| - | display:inline-block;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | .image_link:link div, .image_link:visited div
| |
| - | {
| |
| - | background-size:100%;
| |
| - | opacity:0.9;
| |
| - | height:100%;
| |
| - | width:100%;
| |
| - |
| |
| - | border-radius:30px;
| |
| - | -moz-border-radius:30px;
| |
| - |
| |
| - | box-shadow:0px 0px 8px #808080 inset;
| |
| - | }
| |
| - |
| |
| - | .image_link:hover div, .image_link:active div
| |
| - | {
| |
| - | opacity:1;
| |
| - | box-shadow:0px 0px 8px #808080;
| |
| - | }
| |
| | | | |
| | #footer | | #footer |
"
