Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-image:url(img/bg.jpg);
- color:#000000;
- font-family: Verdana, Arial, Helvetica, sans-serif;
- font-size: 12px;
- margin: 0px 0px;
- padding: 0px;
- }
- .clear{clear:both;}
- * {
- margin: 0px;
- padding: 0px;
- }
- #container {
- margin: 0px auto;
- text-align: left;
- width: 730px;
- }
- a{
- font-size:12px;
- }
- p{
- margin: 0px 0px;
- }
- /********************** Header ***************************/
- #sddm
- { margin: 0;
- padding: 0;
- z-index: 30}
- #sddm li
- { margin: 0;
- padding: 0;
- list-style: none;
- float: left;
- font: bold 11px arial}
- #sddm li a
- { display: block;
- margin: 0 1px 0 0;
- padding: 4px 10px;
- width: 60px;
- background: #28556b;
- color: #FFF;
- text-align: center;
- text-decoration: none}
- #sddm li a:hover
- { background: #28556b}
- #sddm div
- { position: absolute;
- visibility: hidden;
- margin: 0;
- padding: 0;
- background: #28556b;
- border: 1px solid #28556b}
- #sddm div a
- { position: relative;
- display: block;
- margin: 0;
- padding: 5px 10px;
- width: auto;
- white-space: nowrap;
- text-align: left;
- text-decoration: none;
- background: #28556b;
- color: #2875DE;
- font: 11px arial}
- #sddm div a:hover
- { background: #28556b;
- color: #FFF}
- #picture {
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- }
- #header {
- background-color:#28556b;
- width:730px;
- margin-top: 25px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- -moz-box-shadow: 4px 4px 5px #393939;
- -webkit-box-shadow: 4px 4px 5px #393939;
- box-shadow: 4px 4px 5px #393939;
- position:relative;
- }
- #header ul{
- font-weight:bold;
- color:#FFFFFF;
- width:730px;
- border: 0px solid #FFFFFF;
- display:block;
- top:0px;
- position:relative;
- margin: 10px 0px 0px 10px;
- height:22px;
- padding:5px 0px 0px 0px;
- text-align:center;
- }
- #header li{
- display:inline;
- }
- #header ul a{
- text-decoration:underline;
- font-weight:bold;
- color:#ffffff;
- margin: 0px 15px;
- }
- #logo_w1,#logo_w2 {
- font-size: 24px;
- font-style:italic;
- color:#FFFFFF;
- position:absolute;
- }
- #logo_w1{
- top:15px;
- left:70px;
- }
- #logo_w2{
- top:44px;
- left:94px;
- }
- #header_text {
- top:90px;
- left:43px;
- width:230px;
- position:absolute;
- }
- #header_text p{
- font-size: 18px;
- color:#FFFFFF;
- }
- #header_text a{color:#28556b;}
- #header_text a:hover{color:#c77e0c;}
- /************************LOGO******************************/
- img.floatLeft {
- float: left;
- margin: 5px 5px 5px 5px;
- }
- img.floatRight {
- float: right;
- margin: 5px 5px 5px 5px;
- }
- #logo {
- background: #ffffff url('/img/logo.png') center center no-repeat;
- border-radius: 20px 20px 20px 20px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- box-shadow: 4px 4px 5px #393939;
- -moz-box-shadow: 4px 4px 5px #393939;
- -webkit-box-shadow: 4px 4px 5px #393939;
- margin-bottom: 25px;
- margin-top: 25px;
- width: 730px;
- height: 160px;
- }
- #picture {
- margin: auto;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- }
- /********************** Content ***************************/
- ul{
- margin: 0px 0px 0px 20px;
- }
- li{
- margin: 0px 0px 0px 20px;
- }
- #content {
- background-color:#FFFFFF;
- width:730px;
- margin-top: 25px;
- margin-bottom: 25px;
- -webkit-border-radius: 20px;
- -moz-border-radius: 20px;
- border-radius: 20px;
- -moz-box-shadow: 4px 4px 5px #393939;
- -webkit-box-shadow: 4px 4px 5px #393939;
- box-shadow: 4px 4px 5px #393939;
- }
- img{
- border-width:0px;
- }
- h1{
- color:#28556b;
- font-size:32px;
- font-weight:bold;
- text-decoration:underline;
- margin: auto;
- }
- h2{
- color:#393939;
- font-size:14px;
- font-weight: bold;
- margin: 10px 0px 5px 0px;
- }
- #left {
- float:left;
- width:638px;
- margin-left:27px;
- padding: 30px 10px 30px 0px;
- display:inline;
- }
- #left a{color:#28556b;}
- #left a:hover{color:#c77e0c;}
- #photos a{
- margin-right:14px;
- }
- #right {
- float:right;
- width:210px;
- padding: 0px 20px 20px 20px;
- margin-top:10px;
- border-left: #FFF 2px solid;
- }
- #right a{
- color:#c77e0c;
- }
- #right a:hover{
- color:#85a157;
- }
- /********************** Footer ***************************/
- #footerline {
- clear:both;
- background-image:url(img/footer.png);
- font-size:1px;
- height:25px;
- margin-top: 25px;
- position: relative;
- }
- #footer {
- width:730px;
- text-align:center;
- clear: both;
- margin-top:25px;
- }
- /**********************MENU*********************************/
- #drop-down-menu{margin-left:20px}
- ul{
- font-weight:bold;color:#ffffff;
- margin:0;
- padding:0;
- list-style:none}
- ul li{
- display:block;
- position:relative;
- float:left}
- li ul{display:none}
- ul li a{
- display:block;
- margin-left:1px;
- text-decoration:none;
- color:#ffffff;
- border-top:1px solid #B75963;
- padding: 5px 15px 5px 15px;
- background:#6E5463;
- white-space:nowrap}
- ul li a:hover{background:#985963;color:inherit}
- li:hover ul{
- display:block;
- position:absolute}
- li:hover li{
- font-size:70%;
- clear:left;
- width:12em}
- li:hover a{ background:#985963;color:inherit}
- li:hover li a:hover{background:#B75963;color:inherit}
- .clear_all{clear:both;height:0.5em;}
Add Comment
Please, Sign In to add comment