Difference between revisions of "Template:HebrewU/CSS"

Line 92: Line 92:
 
     float: left;
 
     float: left;
 
     width: 13%;
 
     width: 13%;
−
     Padding-left: 5px;
+
     Padding-left: 10px;
 +
    Padding-top: 4px;  
  
 
}
 
}

Revision as of 11:13, 9 September 2018

Template:HebrewU/CSS

/* I-GEM original picture and page frame disabling */


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { 

   .columnhuji.side, .columnhuji.middle {
       width: 100%;
   }

} 

 #sideMenu, #top_title {display:none;}
           #sideMenu, #sideMenu *, #top_menu_inside, #top_menu_inside *{box-sizing: initial; -webkit-box-sizing: initial;}
           #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
           body {background-color:white; }
           #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  1. ddmenu_hebrewu_social, #ddmenu_hebrewu_social a, #ddmenu_hebrewu_social { 
   float: right;
   font: 20px Calibri, Calibri;
   margin-top: 4px;

margin-bottom: 2px; margin-right: 3%; 

   max-width: 180px;
   color: white;
   padding: 0px 0px 6px 8px;

}


/* Add a hover effect if you want */ .fa:hover { 

   opacity: 0.7;

}

  1. ddmenu_hebrewu {
   background:#262d2e;
   margin: 0;
   padding: 0;
   height:35px;
   font: 15px Calibri, Calibri;}
  1. ddmenu_hebrewu li { 
   float: left;
   list-style: none;
   font: 20px Calibri, Calibri;}
  1. ddmenu_hebrewu li a { 
   background:#262d2e;
   display: block;
   padding: 5px 20px;
   text-decoration: none;
   color: white;

}


  1. ddmenu_hebrewu li a:hover { 
   background: #2c3635;

}

  1. ddmenu_hebrewu li ul { 
   margin: 3px 0 0 10px;
   padding: 0;
   position: absolute;
   visibility: hidden;

}

  1. ddmenu_hebrewu li ul li { 
   display:inline;

}

  1. ddmenu_hebrewu li ul li a {
   width: auto;    
   background: none;
   display: inline;
   color: black; 
   font: 20px Calibri, Calibri;
   padding: 2px 10px;

}

  1. ddmenu_hebrewu li ul li a:hover { 
   background: none;
   color: #106375; 
   padding: 2px 10px;

}

/* Homebutton 10% space */ .huji_homebutton { 

   float: left;
   width: 13%;
   Padding-left: 10px;
    Padding-top: 4px;

}


.columnhuji { 

   float: left;
   padding: 10px;

}

.columnhuji.side { 

   width: 12%;

}

/* Middle column */ .columnhuji.middle { 

   width: 70%;
   background-color:#edeadc;
   padding: 10px;

}

/* Clear floats after the columns */ .rowhuji:after { 

   content: "";
   display: table;
   clear: both;

}

/* content style */


h2.ahuji { 

   font: 30px Calibri, Calibri;
   text-align: center;

}

h2.chuji { 

   font: 20px Calibri, Calibri;
   text-align: center;

}

p.ahuji { 

   font: 18px Calibri, Calibri;

margin-left:5%; margin-right:5%; text-align:justify; }

p.bhuji { 

   font: 18px Calibri, Calibri;

text-align:center; }

/* button1 style */

.buttonhuji { font: 18px Calibri, Calibri; 

   border: none;
   color: white;
   padding: 10px 32px;
   text-align: center;
   display: inline-block;
   font-size: 15px;
   margin: 2px 2px;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   cursor: pointer;

}

.buttonhuji1 { 

   background-color: #fdfaf2;
   color: black;
   border: 2px solid #829c8c;

}

.buttonhuji1:hover { 

   background-color: #829c8c;
   color: white;

}

/* Group image style style */

.centerhujiimg { 

   margin: auto;
   width: 60%;

text-align: center; }