Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #container
- {
- text-align: center;
- clear: both;
- height: 2160px;
- width: 960px;
- border-radius: 5px;
- border-style: solid;
- border-color: black;
- border-width: 2px;
- background-color: #82bede;
- }
- #banner
- {
- height: 12%;
- width: 100%;
- float: left;
- background-color: #82bede;
- }
- #navbar
- {
- height: 2%;
- width: 100%;
- float: left;
- background-color: #355e70;
- }
- #content
- {
- font-size: 0px;
- height: 83%;
- width: 100%;
- float: left;
- background-color: purple;
- }
- #highlights
- {
- margin-left: 20px;
- margin-top: 10px;
- height: calc(15% - 10px);
- width: 60%;
- background-color: #d2e3ea;
- display: inline-block;
- vertical-align: top;
- }
- #contactinfo
- {
- margin-top: 10px;
- margin-left: 25px;
- height: calc(15% - 10px);
- width: 33%;
- background-color: #d2e3ea;
- vertical-align: top;
- display: inline-block;
- margin-right: 20px;
- }
- #welcome
- {
- margin-left: 20px;
- margin-top: 10px;
- height: calc(40% - 10px);
- width: 60%;
- background-color: #d2e3ea;
- color: black;
- font-size: 10px;
- }
- #who
- {
- margin-left: 20px;
- margin-top: 10px;
- height: calc(30% - 10px);
- width: 60%;
- background-color: #d2e3ea;
- font-size: 10px;
- color: black;
- text-align: center;
- }
- #newsletter
- {
- margin-left: 20px;
- margin-top: 10px;
- margin-bottom: 10px;
- height: calc(15% - 20px);
- width: 60%;
- background-color: #d2e3ea;
- }
- #stopka
- {
- height: 3%;
- width: 100%;
- float: left;
- background-color: blue;
- }
- .topbar
- {
- color: #285c79;
- width: 100%;
- height: 40px;
- float: left;
- background-color: #82bede;
- }
- .arrowbutton
- {
- margin-top: 2%;
- margin-bottom: auto;
- margin-left: 16px;
- float: left;
- }
- p
- {
- margin-top: 2%;
- margin-left: 16px;
- text-align: left;
- font-size: 10px;
- }
- #welcome p
- {
- float: left;
- }
- #worldmap
- {
- margin-top: 10px;
- width: 80%;
- height: 60%;
- }
- .topbutton
- {
- border: none;
- background-color: #98c0cf;
- margin-left: 7px;
- position: relative;
- top: 50%;
- transform: translateY(-50%);
- float: left;
- width: 100px;
- height: 25px;
- }
- .readmorebtn
- {
- border: none;
- background-color: #98c0cf;
- position: relative;
- right: 47%;
- transform: translateX(+50%);
- width: 100px;
- height: 25px;
- }
- .welcomebtn
- {
- margin-top: 50px;
- border: none;
- background-color: #98c0cf;
- margin-left: calc(25%/7);
- margin-right: calc(25%/7);
- width: 25%;
- height: 35px;
- }
- .welcomeimg
- {
- margin-top: 20px;
- margin-left: calc((100%-96px)/8);
- margin-right: calc((100%-96px)/8);
- }
- .welcomep
- {
- margin-top: 20px;
- margin-left: calc(25%/6);
- margin-right: calc(25%/6);
- width: 25%;
- font-size: 12px;
- }
- h1
- {
- color: #0a4972;
- }
- h2
- {
- color: #0a4972;
- }
- h3
- {
- color: #7db3cd;
- }
- #who .contentHeader
- {
- margin-top: 25px;
- color: #0a4972;
- font-size: 20px;
- text-align: center;
- }
- #menu1
- {
- background-image: url(back.gif);
- text-align: center;
- height: 36px;
- margin: 50px 0 50px 0;
- }
- #menu1 ul
- {
- margin: 0;
- list-style: none;
- display: inline-block;
- white-space: nowrap;
- }
- #menu1 li
- {
- display: inline;
- }
- #menu1 li a {
- display: block;
- margin-top: 6px;
- height: 24px;
- float: left;
- color: #ccc;
- text-decoration: none;
- font: normal 14px/22px 'latomedium', arial,sans-serif;
- padding: 0 30px 0 30px;
- }
- #menu1 li :hover{
- border:1px solid #000;
- margin-top:8px;
- border-color:#000 #888 #666 #222;
- background:#444;
- color:#fff;
- box-sizing: border-box;
- padding: 0 29px 0 29px;
- }
- #menu2
- {
- text-align: center;
- height: 36px;
- margin: 50px 0 50px 0;
- }
- #menu2 ul
- {
- margin: 0;
- list-style: none;
- display: inline-block;
- white-space: nowrap;
- }
- #menu2 li
- {
- display: inline;
- }
- #menu2 li a {
- display: block;
- margin-top: 6px;
- height: 30px;
- float: left;
- color: #000;
- text-decoration: none;
- font: normal 14px/22px 'latomedium', arial,sans-serif;
- padding: 0 0 0 12px;
- background: url(pro_nine_0a.gif) no-repeat;
- }
- #menu2 li a b {
- height: 100%;
- float: left;
- display: block;
- background: url(pro_nine_0.gif) right top;
- padding: 0 12px 0 0;
- }
- #menu2 li a:hover{
- background: url(pro_nine_1a.gif) no-repeat;
- }
- #menu2 li a:hover b{
- background: url(pro_nine_1.gif) right top;
- }
- .menu3 .level1-li {
- float: left;
- width: 125px;
- margin-top: -300px;
- margin-right: 1px;
- background: url(newdrop/tab125b.gif) no-repeat left bottom;
- }
- .menu3
- {
- position: absolute;
- overflow: hidden;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement