|
|
Line 1: |
Line 1: |
- | <html>
| |
- | <style type="text/css">
| |
| | | |
- |
| |
- | @charset "utf-8";
| |
- | /* CSS Document */
| |
- |
| |
- | #allcontent {
| |
- | width: 950px;
| |
- | }
| |
- |
| |
- | ul li {
| |
- | text-align:center;
| |
- | border: 0px;
| |
- | padding: 0px;
| |
- | background-color: transparent;
| |
- | list-style: circle;
| |
- | list-style-position:inside;
| |
- | float:left;
| |
- | }
| |
- |
| |
- | a:link ,a:visited{
| |
- | color:#6F6;
| |
- | text-decoration:none;
| |
- |
| |
- | }
| |
- |
| |
- | a:hover ,a:active{
| |
- | color:#F90;
| |
- | text-decoration:underline overline;
| |
- | }
| |
- |
| |
- | body {
| |
- | margin:0px auto 0px auto;
| |
- | width: 900px;
| |
- | padding-left: 25px;
| |
- | padding-right: 25px;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-size:14px;
| |
- | line-height:170%;
| |
- | background-color:#CCC;
| |
- | }
| |
- |
| |
- | body > div {
| |
- |
| |
- | margin: 0px 40px 0px 40px;
| |
- | border-left-style:solid;
| |
- | border-right-style:solid;
| |
- | border-left-width:thin;
| |
- | border-right-width:thin;
| |
- | padding-left: 10px;
| |
- | padding-right: 10px;
| |
- | width: 800px;
| |
- | display:block;
| |
- | background-color:#FFF;
| |
- | overflow:hidden;
| |
- | }
| |
- |
| |
- |
| |
- | /*header*/
| |
- |
| |
- | #top_header {
| |
- | background: url(image/top3.png) no-repeat;
| |
- | background-color:transparent;
| |
- |
| |
- | margin:0px;
| |
- | padding: 228px 11px 7px 11px;
| |
- | width:779px;
| |
- | height:40px;
| |
- |
| |
- | display: block;
| |
- | }
| |
- |
| |
- | /* menu code */
| |
- |
| |
- | ul#menu {
| |
- | margin:0px;
| |
- |
| |
- | }
| |
- |
| |
- | ul#menu,ul#menu>li {
| |
- | border: 0px;
| |
- | padding: 0px;
| |
- | background-color: transparent;
| |
- | list-style: none;
| |
- | list-style-position:inside;
| |
- |
| |
- | }
| |
- |
| |
- | /*button size and text hack*/
| |
- |
| |
- | ul#menu li,ul#menu a {
| |
- | display:block;
| |
- | float:left;
| |
- | margin:3px 4px 5px 4px;
| |
- | width:120px;
| |
- | height:40px;
| |
- | border:0px;
| |
- | font-size:0px;
| |
- | color:transparent;
| |
- | }
| |
- |
| |
- | /*button size and text hack end*/
| |
- |
| |
- | /*dynamic system*/
| |
- |
| |
- | ul#menu a{
| |
- | background-color:transparent;
| |
- | background:url(image/menu.png) no-repeat;
| |
- | }
| |
- |
| |
- | ul#menu #home:link,#home:visited{
| |
- | background-position:0px 0px;
| |
- | }
| |
- |
| |
- | ul#menu #home:hover,#home:active{
| |
- | background-position:0px -40px;
| |
- | }
| |
- |
| |
- | ul#menu #project:link,#project:visited{
| |
- | background-position:-120px 0px;
| |
- | }
| |
- |
| |
- | ul#menu #project:hover,#project:active{
| |
- | background-position:-120px -40px;
| |
- | }
| |
- |
| |
- | ul#menu #team:link,#team:visited{
| |
- | background-position:-240px 0px;
| |
- | }
| |
- |
| |
- | ul#menu #team:hover,#team:active{
| |
- | background-position:-240px -40px;
| |
- | }
| |
- |
| |
- | ul#menu #note:link,#note:visited{
| |
- | background-position:-360px 0px;
| |
- | }
| |
- |
| |
- | ul#menu #note:hover,#note:active{
| |
- | background-position:-360px -40px;
| |
- | }
| |
- |
| |
- | ul#menu #online:link,#online:visited{
| |
- | background-position:-480px 0px;
| |
- | }
| |
- |
| |
- | ul#menu #online:hover,#online:active{
| |
- | background-position:-480px -40px;
| |
- | }
| |
- |
| |
- | ul#menu #contact:link,#contact:visited{
| |
- | background-position:-600px 0px;
| |
- | }
| |
- |
| |
- | ul#menu #contact:hover,#contact:active{
| |
- | background-position:-600px -40px;
| |
- | }
| |
- |
| |
- | /*dynamic system end*/
| |
- |
| |
- | /*menu code end*/
| |
- |
| |
- | /*header end*/
| |
- |
| |
- | /*main contents*/
| |
- |
| |
- | div#main {
| |
- | margin:14px 5px 10px 10px;
| |
- | padding:50px 10px 0px 10px;
| |
- | border:0px 0px 0px 0px;
| |
- | width:545px;
| |
- | background:url(image/cont_projectd_s1.gif) no-repeat;
| |
- | background-position:inherit;
| |
- | background-color:transparent;
| |
- | text-align:left;
| |
- | text-indent:1em;
| |
- | text-transform:none;
| |
- | float:left;
| |
- | display:block;
| |
- | }
| |
- |
| |
- | div#rightside {
| |
- | margin:14px 10px 10px 0px;
| |
- | padding:53px 10px 0px 10px;
| |
- | border:0px 0px 0px 0px;
| |
- | width:190px;
| |
- | background:url(image/cont_twitter_s1.gif) no-repeat;
| |
- | background-position:top;
| |
- | background-color:transparent;
| |
- | text-align:left;
| |
- | text-indent:0em;
| |
- | text-transform:none;
| |
- | float:right;
| |
- | display:block;
| |
- | }
| |
- |
| |
- | #footr {
| |
- | margin:0px 10px 0px 10px;
| |
- | padding:0px 10px 0px 10px;
| |
- | border:thin;
| |
- | background-color:#663;
| |
- | color:#CCC;
| |
- | clear:both;
| |
- | display:block;
| |
- | overflow:hidden;
| |
- | text-align:center;
| |
- | font-size:12px;
| |
- |
| |
- | }
| |
- |
| |
- | #footr ul,#footer li{
| |
- | padding: 0px 30px 0px 30px;
| |
- | display:inline-block;
| |
- | background-color:transparent;
| |
- | azimuth:center;
| |
- |
| |
- | }
| |
- |
| |
- | p.zeromargin {
| |
- | margin:0px;
| |
- | padding:0px;
| |
- | border:none;
| |
- | }
| |
- |
| |
- |
| |
- | /*round box maker*/
| |
- |
| |
- | .round{
| |
- | -moz-border-radius:5px
| |
- | ;-webkit-border-radius:5px;
| |
- | }
| |
- |
| |
- | .round-top-right{
| |
- | -moz-border-radius-topright:5px;
| |
- | -webkit-border-top-right-radius:5px;
| |
- | }
| |
- | .round-right{
| |
- | -moz-border-radius-topright:5px;
| |
- | -moz-border-radius-bottomright:5px;
| |
- | -webkit-border-top-right-radius:5px;
| |
- | -webkit-border-bottom-right-radius:5px;
| |
- | }
| |
- | .round-bottom-right{
| |
- | -moz-border-radius-bottomright:5px;
| |
- | -webkit-border-bottom-right-radius:5px;
| |
- | }
| |
- |
| |
- | .round-bottom{
| |
- | -moz-border-radius-topright:0;
| |
- | -moz-border-radius-topleft:0;
| |
- | -moz-border-radius-bottomright:5px;
| |
- | -moz-border-radius-bottomleft:5px;
| |
- | -webkit-border-top-right-radius:0;
| |
- | -webkit-border-top-left-radius:0;
| |
- | -webkit-border-bottom-right-radius:5px;
| |
- | -webkit-border-bottom-left-radius:5px;
| |
- | }
| |
- |
| |
- | .round-bottom-left{
| |
- | -moz-border-radius-bottomleft:5px;
| |
- | -webkit-border-bottom-left-radius:5px;
| |
- | }
| |
- |
| |
- | .round-left{
| |
- | -moz-border-radius-topleft:5px;
| |
- | -moz-border-radius-bottomleft:5px;
| |
- | -webkit-border-top-left-radius:5px;
| |
- | -webkit-border-bottom-left-radius:5px;
| |
- | }
| |
- |
| |
- | .round-top-left{
| |
- | -moz-border-radius-topleft:5px;
| |
- | -webkit-border-top-left-radius:5px;
| |
- | }
| |
- |
| |
- | .round-top{
| |
- | -moz-border-radius-topright:5px;
| |
- | -moz-border-radius-topleft:5px;
| |
- | -moz-border-radius-bottomright:0;
| |
- | -moz-border-radius-bottomleft:0;
| |
- | -webkit-border-top-right-radius:5px;
| |
- | -webkit-border-top-left-radius:5px;
| |
- | -webkit-border-bottom-right-radius:0;
| |
- | -webkit-border-bottom-left-radius:0;
| |
- | }
| |
- |
| |
- | /*round box maker end*/
| |
- | </style>
| |
- | </html>
| |