|
|
Line 1: |
Line 1: |
- | <!-- *** What falls between these lines is the Alert Box! You can remove it from your pages once you have read and understood the alert *** -->
| + | {{Template:Team:Berkeley/header}} |
| <html> | | <html> |
| + | |
| <head> | | <head> |
| <title>Untitled</title> | | <title>Untitled</title> |
| <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> | | <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> |
- |
| |
- | <style type="text/css">
| |
- | /*----------Text Styles----------*/
| |
- | @charset "utf-8";
| |
- | body {
| |
- | margin:0;
| |
- | padding:0;
| |
- | width:100%;
| |
- | color:#959595;
| |
- | font:normal 12px/1.8em Arial, Helvetica, sans-serif;
| |
- | }
| |
- | html, .main {
| |
- | padding:0;
| |
- | margin:0;
| |
- | background:#fbfbfb;
| |
- | }
| |
- | .clr {
| |
- | clear:both;
| |
- | padding:0;
| |
- | margin:0;
| |
- | width:100%;
| |
- | font-size:0;
| |
- | line-height:0;
| |
- | }
| |
- | .logo {
| |
- | height:98px;
| |
- | float:left;
| |
- | }
| |
- | h1 {
| |
- | margin:0;
| |
- | padding:17px 0;
| |
- | color:#e1e9df;
| |
- | font:bold 40px/1.2em Arial, Helvetica, sans-serif;
| |
- | letter-spacing:-2px;
| |
- | }
| |
- | h1 a, h1 a:hover {
| |
- | color:#e1e9df;
| |
- | text-decoration:none;
| |
- | }
| |
- | h1 span {
| |
- | color:#d76002;
| |
- | }
| |
- | h1 small {
| |
- | display:block;
| |
- | padding:0;
| |
- | font:normal 13px/1.2em Arial, Helvetica, sans-serif;
| |
- | letter-spacing:normal;
| |
- | }
| |
- | h2 {
| |
- | font:bold 24px Arial, Helvetica, sans-serif;
| |
- | padding:8px 0;
| |
- | margin:8px 0;
| |
- | color:#323a3f;
| |
- | }
| |
- | p {
| |
- | margin:8px 0;
| |
- | padding:0 0 8px 0;
| |
- | font:normal 12px/1.8em Arial, Helvetica, sans-serif;
| |
- | }
| |
- | p.spec {
| |
- | text-align:right;
| |
- | }
| |
- | a {
| |
- | color:#d76002;
| |
- | text-decoration:underline;
| |
- | }
| |
- | a.rm, a.com {
| |
- | padding:0;
| |
- | text-decoration:none;
| |
- | color:#fff;
| |
- | }
| |
- | .header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
| |
- | margin:0;
| |
- | padding:0;
| |
- | }
| |
- | .fbg_resize {
| |
- | margin:0 auto;
| |
- | padding:0 40px;
| |
- | width:890px;
| |
- | }
| |
- | .header {
| |
- | background:#1c1c1c;
| |
- | height:98px;
| |
- | }
| |
- | .header_resize {
| |
- | margin:0 auto;
| |
- | padding:0;
| |
- | width:970px;
| |
- | }
| |
- | .hbg {
| |
- | width:970px;
| |
- | padding:20px 0;
| |
- | }
| |
- | .menu_nav {
| |
- | margin:0;
| |
- | padding:25px 0 0 20px;
| |
- | float:right;
| |
- | width:400px;
| |
- | }
| |
- | .menu_nav ul {
| |
- | list-style:none;
| |
- | }
| |
- | .menu_nav ul li {
| |
- | margin:0;
| |
- | padding:0 2px 0 0;
| |
- | float:left;
| |
- | background:url(images/menu_line.gif) no-repeat right center;
| |
- | }
| |
- | .menu_nav ul li a {
| |
- | display:block;
| |
- | margin:0;
| |
- | padding:12px 13px;
| |
- | color:#7b7a7a;
| |
- | text-decoration:none;
| |
- | font-size:13px;
| |
- | }
| |
- | .menu_nav ul li.active a, .menu_nav ul li a:hover {
| |
- | font-weight:bold;
| |
- | color:#e58a42;
| |
- | }
| |
- | .content {
| |
- | margin-bottom:12px;
| |
- | }
| |
- | .content_resize {
| |
- | margin:0 auto;
| |
- | padding:16px 0 0;
| |
- | width:970px;
| |
- | }
| |
- | .mainbar {
| |
- | margin:0;
| |
- | padding:0;
| |
- | float:right;
| |
- | width:670px;
| |
- | }
| |
- | .mainbar img {
| |
- | padding:4px;
| |
- | border:1px solid #b7b7b7;
| |
- | background-color:#fff;
| |
- | }
| |
- | .mainbar img.fl {
| |
- | margin:4px 16px 4px 0;
| |
- | float:left;
| |
- | }
| |
- | .mainbar .article {
| |
- | margin:0;
| |
- | padding:16px 24px 24px 40px;
| |
- | }
| |
- | .mainbar .post-data a {
| |
- | color:#595959;
| |
- | }
| |
- | .mainbar .post-data a.com {
| |
- | float:right;
| |
- | color:#e58a42;
| |
- | }
| |
- | .mainbar .spec a {
| |
- | background:#e58a42;
| |
- | padding:10px;
| |
- | }
| |
- | .sidebar {
| |
- | padding:0;
| |
- | float:left;
| |
- | width:300px;
| |
- | background:#f7f7f7;
| |
- | }
| |
- | .sidebar .gadget {
| |
- | margin:0;
| |
- | padding:20px 16px 20px 30px;
| |
- | }
| |
- | ul.sb_menu, ul.ex_menu {
| |
- | margin:0;
| |
- | padding:0;
| |
- | list-style:none;
| |
- | color:#959595;
| |
- | }
| |
- | ul.sb_menu li, ul.ex_menu li {
| |
- | margin:0;
| |
- | }
| |
- | ul.sb_menu li {
| |
- | padding:4px 0 4px 12px;
| |
- | width:220px;
| |
- | }
| |
- | ul.ex_menu li {
| |
- | padding:4px 0 8px 12px;
| |
- | }
| |
- | ul.sb_menu li a, ul.ex_menu li a {
| |
- | color:#5f5f5f;
| |
- | text-decoration:none;
| |
- | margin-left:-12px;
| |
- | padding-left:12px;
| |
- | background:url(images/menu_link.jpg) no-repeat left center;
| |
- | }
| |
- | ul.sb_menu li a:hover, ul.ex_menu li a:hover, ul.sb_menu li.active a, ul.ex_menu li.active a {
| |
- | color:#d76002;
| |
- | font-weight:bold;
| |
- | background:url(images/menu_hover.jpg) no-repeat left center;
| |
- | }
| |
- | ul.sb_menu li a:hover {
| |
- | text-decoration:underline;
| |
- | }
| |
- | ul.ex_menu li a:hover {
| |
- | text-decoration:none;
| |
- | }
| |
- | .content .mainbar .comment {
| |
- | margin:0;
| |
- | padding:16px 0 0 0;
| |
- | }
| |
- | .content .mainbar .comment img.userpic {
| |
- | border:1px solid #dedede;
| |
- | margin:10px 16px 0 0;
| |
- | padding:0;
| |
- | float:left;
| |
- | }
| |
- | .fbg {
| |
- | border-top:4px solid #e4e4e4;
| |
- | background-color:#ededed;
| |
- | }
| |
- | .fbg_resize {
| |
- | padding:24px 40px;
| |
- | }
| |
- | .fbg img {
| |
- | padding:4px;
| |
- | border:1px solid #cfd2d4;
| |
- | background-color:#fff;
| |
- | }
| |
- | .fbg .col {
| |
- | margin:0;
| |
- | float:left;
| |
- | }
| |
- | .fbg .c1 {
| |
- | padding:0 16px 0 0;
| |
- | width:266px;
| |
- | }
| |
- | .fbg .c2 {
| |
- | padding:0 16px;
| |
- | width:300px;
| |
- | }
| |
- | .fbg .c3 {
| |
- | padding:0 0 0 16px;
| |
- | width:260px;
| |
- | }
| |
- | .fbg .c1 img {
| |
- | margin:8px;
| |
- | }
| |
- | .fbg .c3 img {
| |
- | margin:8px 16px 4px 0;
| |
- | float:left;
| |
- | }
| |
- | .footer {
| |
- | color:#959595;
| |
- | background-color:#242424;
| |
- | }
| |
- | .footer_resize {
| |
- | margin:0 auto;
| |
- | padding:24px 40px;
| |
- | width:890px;
| |
- | }
| |
- | .footer p {
| |
- | margin:0;
| |
- | padding:4px 0;
| |
- | line-height:normal;
| |
- | color:#959595;
| |
- | }
| |
- | .footer a {
| |
- | color:#959595;
| |
- | padding:inherit;
| |
- | text-decoration:underline;
| |
- | }
| |
- | .footer a:hover {
| |
- | text-decoration:none;
| |
- | }
| |
- | .footer .lf {
| |
- | float:left;
| |
- | }
| |
- | .footer .rf {
| |
- | float:right;
| |
- | }
| |
- | ol {
| |
- | list-style:none;
| |
- | }
| |
- | ol li {
| |
- | display:block;
| |
- | clear:both;
| |
- | }
| |
- | ol li label {
| |
- | display:block;
| |
- | margin:0;
| |
- | padding:16px 0 0 0;
| |
- | }
| |
- | ol li input.text {
| |
- | width:480px;
| |
- | border:1px solid #c0c0c0;
| |
- | margin:2px 0;
| |
- | padding:5px 2px;
| |
- | height:16px;
| |
- | background:#fff;
| |
- | }
| |
- | ol li textarea {
| |
- | width:480px;
| |
- | border:1px solid #c0c0c0;
| |
- | margin:2px 0;
| |
- | padding:2px;
| |
- | background:#fff;
| |
- | }
| |
- | ol li .send {
| |
- | margin:16px 0 0 0;
| |
- | }
| |
- | #search span {
| |
- | width:216px;
| |
- | display:block;
| |
- | background:#FFF;
| |
- | height:29px;
| |
- | margin:8px 0 0;
| |
- | padding:0;
| |
- | border:1px solid #e9eaea;
| |
- | }
| |
- | #search input#s {
| |
- | float:left;
| |
- | width:170px;
| |
- | padding:7px 0 7px 10px;
| |
- | margin:0;
| |
- | border:0;
| |
- | background:none;
| |
- | color:#909090;
| |
- | font:normal 12px/15px Arial, Helvetica, sans-serif;
| |
- | }
| |
- | #search .btn {
| |
- | float:left;
| |
- | padding:0;
| |
- | margin:0;
| |
- | border:0;
| |
- | width:auto;
| |
- | }
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | </html>
| |