Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- background-image:url(../images/tiles/0%20Site%20Background.jpg)
- }
- #header{
- width: 100%;
- height: 9%;
- position: absolute;
- background: rgba(0, 0, 0, 0.4);
- vertical-align: top;
- left: -1px;
- top: -1px;
- }
- #banner {
- width:auto;
- height:auto;
- position:absolute;
- opacity:1;
- top:10%;
- vertical-align: top;
- left: -1px;
- }
- #home {
- position:absolute;
- opacity:1;
- vertical-align: top;
- left: 30%;
- top:10%;
- }
- #other {
- width:5%;
- position:absolute;
- opacity:1;
- vertical-align: top;
- left: 45%;
- top:10%;
- }
- #wiki {
- width:5%;
- position:absolute;
- opacity:1;
- vertical-align: top;
- left: 60%;
- top:10%;
- }
- a{
- outline: none !important;
- }
- dialog {
- border: 1px solid rgba(0, 0, 0, 0.3);
- border-radius: 6px;
- box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
- background-color: rgba(0, 0, 0, 1);
- top:40%;
- color: white;
- }
- #container {
- display: flex;
- width: 45%;
- height: 85%;
- min-width:550px;
- min-height::550px;
- position: absolute;
- border-radius: 25px;
- background: rgba(0, 0, 0, 0.4);
- top:55%;
- bottom:-50%;
- margin-left: 50%;
- margin-right: -50%;
- transform: translate(-50%, -50%) }
- }
- #divider1 {
- width: 75%;
- height: 10%;
- margin-left:auto;
- margin-right:auto;
- margin-top:25%;
- opacity: 1;
- }
- #main_title {
- opacity: 1;
- margin-left:auto;
- margin-right:auto;
- width:35%;
- }
- #divider2 {
- width: 100%;
- height: 5%;
- margin-left:auto;
- margin-right:auto;
- margin-top:18%;
- opacity: 1;
- }
- #calc {
- opacity: 1;
- margin-left:auto;
- margin-right:auto;
- width:50%;
- }
- #divider3 {
- width: 100%;
- height: 5%;
- margin-left:auto;
- margin-right:auto;
- margin-top:18%;
- opacity: 1;
- }
- #misc {
- opacity: 1;
- margin-left:auto;
- margin-right:auto;
- width:50%;
- }
- #image_row1 {
- width: 100%;
- height: 10%;
- margin-left:auto;
- margin-right:auto;
- margin-top:1%;
- opacity: 1;
- display: inline-block;
- float:left;
- position:relative;
- }
- #image_row2 {
- width: 100%;
- height: 15%;
- margin-left:1%;
- margin-right:auto;
- margin-top:2%;
- opacity: 1;
- display: inline-block;
- float:left;
- position:relative;
- }
- #image_row3 {
- width: 100%;
- height: 15%;
- margin-left:auto;
- margin-right:auto;
- margin-top:2%;
- opacity: 1;
- display: inline-block;
- float:left;
- position:relative;
- }
- #image_row4 {
- width: 100%;
- height: 15%;
- margin-left:auto;
- margin-right:auto;
- margin-top:5%;
- opacity: 1;
- display: inline-block;
- float:left;
- position:relative;
- }
- #image1 {
- margin-left:auto;
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image2 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image3 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- position:static;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image4 {
- opacity: 1;
- width:21%;
- margin-right:auto;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image5 {
- margin-left:auto;
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image6 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image7 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image8 {
- opacity: 1;
- width:21%;
- margin-right:2%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image9 {
- opacity: 1;
- margin-left:auto;
- margin-right:2%;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image10 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image11 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image12 {
- opacity: 1;
- width:21%;
- margin-right:auto;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image13 {
- opacity: 1;
- margin-left:auto;
- margin-right:2%;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image14 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image15 {
- margin-right:2%;
- opacity: 1;
- width:21%;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image16 {
- opacity: 1;
- width:21%;
- margin-right:auto;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image17 {
- opacity: 1;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
- #image18 {
- opacity: 1;
- image-rendering: -moz-crisp-edges; /* Firefox */
- image-rendering: -o-crisp-edges; /* Opera */
- image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
- image-rendering: crisp-edges;
- -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement