Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background-color: #3d3d3d;
- }
- #container{
- background-color: gray;
- margin-left: auto;
- margin-right: auto;
- width: 1000px;
- }
- #logo{
- background-color: #e6e3e3;
- text-align: center;
- margin-top: 15px;
- }
- .prawa {
- text-align: right;
- }
- section{
- }
- articl{
- }
- p{
- position: static;
- }
- aside{
- }
- footer{
- position: absolute;
- bottom: 0;
- height: 20px;
- }
- /* ------------------------CZĘŚĆ-GÓRNA-MENU------------------------ */
- /* wygląd głównego elementu - ol */
- ol {
- list-style-type:none;
- padding:0;
- margin:0;
- background-color:#FFF;
- font-size:18px;
- height:2em;
- line-height:2em;
- text-align:center;
- background-color: #f2ce00;
- }
- /* wygląd wszystkich elementów - a - znajdujących się w elemencie - ol */
- ol a {
- display:block;
- text-decoration:none;
- color:#000;
- padding:0 5px;
- }
- /* wygląd elementów - li - wszystkich dzieci elementu - ol */
- ol > li {
- float:left;
- width:150px;
- margin-left:1px;
- background-color:#FDD700;
- height:2em;
- }
- /* wygląd elementu - li - pierwszego dziecka elementu - ol */
- ol > li:first-child {
- margin-left:0;
- }
- /* wygląd elementów - li - wszystkich dzieci elementu - ol - po najechaniu kursorem myszki na element - li */
- ol > li:hover {
- background-color:#EEE;
- }
- /* wygląd elementu - a - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
- ol > li:hover > a {
- color:#09C;
- }
- /* wygląd elementu - ul - dziecka elementu - li - będącego dzieckiem elementu - ol - po najechaniu kursorem myszki na element - li */
- ol > li:hover > ul {
- display:block;
- }
- /* ------------------------CZĘŚĆ-ROZWIJANA-MENU------------------------ */
- /* wygląd głównych rozwijanych elementów - ul */
- ol > li > ul {
- display:none;
- list-style-type:none;
- padding:0;
- margin:0;
- }
- /* wygląd elementu - li - w części rozwijanej */
- ol > li > ul > li {
- position:relative;
- background-color:#EEE;
- }
- /* wygląd elementu - a - w części rozwijanej */
- ol > li > ul > li > a {
- border-top:1px solid #FFF;
- }
- /* wygląd elementu - li - w części rozwijanej, po najechaniu kursorem myszki na dany element - li */
- ol > li > ul > li:hover {
- background-color:#DDD;
- }
- /* wygląd elementu - a - w części rozwijanej, po najechaniu kursorem myszki na element - li */
- ol > li > ul > li:hover > a {
- color:#09C;
- }
- #right {
- text-align: right;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement