Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin: 0;
- padding: 0;
- position: relative;
- }
- body {
- background-color: #fff;
- width: 100%;
- height: 100%;
- font-family: "Arial", sans-serif;
- font-weight: 100;
- }
- #header {
- margin: 0px auto;
- width: 100%;
- height: auto;
- background: #222222;
- text-align: center;
- color: #ffcc00;
- letter-spacing: 0.5mm;
- }
- #topMenu {
- margin-top: 5px;
- width: 100%;
- height: 60px;
- list-style-type: none;
- background: #222;
- text-align: center;
- color: #c0c0c0;
- text-decoration: none;
- }
- #topMenu ul li {
- display: inline;
- margin: 10px 10px;
- }
- a{
- text-decoration: none;
- color: #c0c0c0;
- }
- #leftMenu {
- width: 15%;
- height: 100%;
- float: left;
- text-align: center;
- background: #222;
- line-height: 40px;
- font-size: 20px;
- }
- a:hover {
- color: #222;
- background-color: #ffcc00;
- }
- #container{
- min-width:100px;
- max-width:1500px;
- min-height:200px;
- max-height:1200px;
- float: right;
- width: 85%;
- height: 100%;
- text-align: center;
- background: #f7f7f7;
- border-style: solid;
- border-width: 2px;
- border-color: #ffcc00;
- float: left;
- overflow: auto;
- }
- #main{
- display:flex;
- width: 100%;
- height:100%;
- }
- #footer {
- width: 100%;
- height: 30px;
- text-align: center;
- background-color: #222;
- font-size: 20px;
- clear: both;
- bottom: 0;
- color: white;
- position: fixed;
- }
- .active {
- color: #222;
- background-color: #ffcc00;
- }
- input[type=text] {
- width: 100px;
- -webkit-transition: width .35s ease-in-out;
- transition: width .35s ease-in-out;
- }
- input[type=text]:focus {
- width: 250px;
- }
- span:first-child {
- font-weight: bold;
- }
- p::first-line {
- background-color: #ffcc00;
- }
- p::first-letter {
- font-size: 200%;
- color: #222222;
- }
- p::after {
- content: " - Wazny opis";
- }
- p::before {
- content: "Artykul: ";
- }
- span {
- color: #222222;
- border: 1px solid black;
- }
- .extra span {
- color: inherit;
- }
- p.c {
- white-space: pre;
- }
- #header h2[atrybut~="h"] {
- color: white;
- background: black;
- }
- #footer > span {
- font-weight: bold;
- color:white;
- }
- #container p+span {
- background: yellow;
- display: block;
- text-transform: uppercase;
- }
- #img-bg {
- background-image: url('bg.jpg');
- background-repeat: no-repeat;
- background-size: 100% 100%;
- width: 10%;
- height: 10%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement