Difference between revisions of "Template:Tel-Hai/CSS"

Line 40: Line 40:
 
     display: inline-block;
 
     display: inline-block;
 
     margin: 0 1em;
 
     margin: 0 1em;
 +
    background: rgba(255,255,255,0.3);
 
     font-weight: bold;
 
     font-weight: bold;
 
     color: #444;
 
     color: #444;
Line 55: Line 56:
 
#menu-nav li>ul {
 
#menu-nav li>ul {
 
     display: none;
 
     display: none;
 +
    position: absolute;
 +
    margin: 0;
 +
    background: rgba(255,255,255,0.3);
 +
    padding: 0.5em 1em;
 +
    margin-left: -1em;
 
}
 
}
  
Line 60: Line 66:
 
#menu-nav li:hover>ul {
 
#menu-nav li:hover>ul {
 
     display: inline-block;
 
     display: inline-block;
 +
}
 +
 +
#menu-nav li > ul > li {
 +
    display: block;
 +
    margin: 0;
 +
    border: 0;
 +
    padding: 0.1rem 0;
 
}
 
}

Revision as of 16:16, 10 September 2016

  1. content {

width: 100%; margin: 0; padding: 0; }


  1. sideMenu, #top_title {
 display: none;

}

  1. topimg {

max-width: 100%; margin-bottom: -15rem; }

  1. pageContainer {

max-width: 60rem; margin: auto; background-color: rgba(255,255,255,0.8); position: relative; padding: 1rem 3rem; }

.sideBox { 

   max-width: 30%;
   float: right;
   margin: 0 0 2rem 2rem;

}


blockquote { margin: 0; border-left: solid 2px #2196ed; padding-left: 0.5rem; }


  1. menu-nav li {
   display: inline-block;
   margin: 0 1em;
   background: rgba(255,255,255,0.3);
   font-weight: bold;
   color: #444;
   border-bottom: 1px solid white;

}

  1. menu-nav li.active, #menu-nav li:hover {
   color: #000;

}

  1. menu-nav {
   float: right;

}

  1. menu-nav li>ul {
   display: none;
   position: absolute;
   margin: 0;
   background: rgba(255,255,255,0.3);
   padding: 0.5em 1em;
   margin-left: -1em;

}


  1. menu-nav li:hover>ul {
   display: inline-block;

}

  1. menu-nav li > ul > li {
   display: block;
   margin: 0;
   border: 0;
   padding: 0.1rem 0;

}