MediaWiki:Common.css: Difference between revisions

From MassiveCraft Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 20: Line 20:
.dropWrap
.dropWrap
             {
             {
                width: 270px;
                 padding: 5px;
                 padding: 5px;
             }
             }
Line 31: Line 30:
                 text-align:center;  
                 text-align:center;  
                 vertical-align: middle;
                 vertical-align: middle;
                font-weight: bold;
                 font-size: large;
                 font-size: large;
                 transition: all 0.5s ease;
                 transition: all 0.5s ease;
Line 46: Line 46:
             .dropWrap:hover .back {
             .dropWrap:hover .back {
                 z-index: 2;
                 z-index: 2;
                height: 500px;
                 display: block;
                 display: block;
             }
             }

Revision as of 22:24, 8 October 2015

/* CSS placed here will be applied to all skins */

/*h1 { font-size: 2em; }*/
/*h2 { font-size: 2em; }*/
/*h3 { font-size: 2em; }*/
/*h4 { font-size: 2em; }*/
/*h5 { font-size: 2em; }*/
/*h6 { font-size: 2em; }*/

/* {font-size:15px}*/
/* {font-family:Georgia}*/
/* {text-align:center }*/

			/*
			
			Dropping menus on hover.
			
			*/
			
			.dropWrap
            {
                padding: 5px;
            }

            .dropWrap .front{
                z-index: 1;
                position: inherit;
                width: inherit;
                height:34px;
                text-align:center; 
                vertical-align: middle;
                font-weight: bold;
                font-size: large;
                transition: all 0.5s ease;
            }

            .dropWrap .back {
                z-index: 0;
                position: inherit;
                width: inherit;
                height: inherit;
                display: none;
                transition: all 0.5s ease-in-out;
            }

            .dropWrap:hover .back {
                z-index: 2;
                display: block;
            }