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: red;
- }
- #banner
- {
- height: 12%;
- width: 100%;
- float: left;
- background-color: blue;
- }
- #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;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement