MediaWiki:Common.css: Difference between revisions

Revision as of 20:09, 5 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
            {
                width: 270px; 
                padding: 5px;
            }

            .dropWrap .front{
                z-index: 1;
                position: inherit;
                width: inherit;
                height:34px;
                text-align:center; 
                vertical-align: middle;
                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;
                height: 500px;
                display: block;
            }

@@ Line 12: / Line 12: @@
 /* {text-align:center }*/
-.button:hover
+			/*
-{
-    background: #d6d6d6;
+			Dropping menus on hover.
-      -webkit-transition: all 0.5s ease-in-out;
-         -moz-transition: all 0.5s ease-in-out;
+			*/
-          -ms-transition: all 0.5s ease-in-out;
-           -o-transition: all 0.5s ease-in-out;
+			.dropWrap
-              transition: all 0.5s ease-in-out;
+            {
-              text-shadow: 2px 2px 2px #636363;
+                width: 270px;
-              border-radius: 5px;
+                padding: 5px;
-              color: #000000 !important;
+            }
-              text-transform: none !important;
-}
-nav ul li a {
+            .dropWrap .front{
-    width: 100px;
+                z-index: 1;
-    height: 100px;
+                position: inherit;
-    float: left;
+                width: inherit;
-    margin: 0 10px;
+                height:34px;
-  -webkit-perspective: 600px;
+                text-align:center;
-     -moz-perspective: 600px;
+                vertical-align: middle;
-      -ms-perspective: 600px;
+                font-size: large;
-          perspective: 600px;
+                transition: all 0.5s ease;
-}
+            }
-nav ul li a {
+            .dropWrap .back {
-    width: 100px;
+                z-index: 0;
-    height: 100px;
+                position: inherit;
-    float: left;
+                width: inherit;
-    margin: 0 10px;
+                height: inherit;
-  -webkit-perspective: 600px;
+                display: none;
-     -moz-perspective: 600px;
+                transition: all 0.5s ease-in-out;
-      -ms-perspective: 600px;
+            }
-          perspective: 600px;
-}
-nav ul li:hover .front {
+            .dropWrap:hover .back {
-  -webkit-transform: rotateX(0deg) rotateY(180deg);
+                z-index: 2;
-     -moz-transform: rotateX(0deg) rotateY(180deg);
+                height: 500px;
-      -ms-transform: rotateX(0deg) rotateY(180deg);
+                display: block;
-       -o-transform: rotateX(0deg) rotateY(180deg);
+            }
-}
-nav ul li .back {
-  position: absolute;
-  top: 0;
-  width: inherit;
-  height: inherit;
-  text-align: center;
-  z-index: -1;
-  -webkit-transform: rotateX(0deg) rotateY(-180deg);
-     -moz-transform: rotateX(0deg) rotateY(-180deg);
-      -ms-transform: rotateX(0deg) rotateY(-180deg);
-       -o-transform: rotateX(0deg) rotateY(-180deg);
-  -webkit-transition: all 0.5s ease-in-out;
-     -moz-transition: all 0.5s ease-in-out;
-      -ms-transition: all 0.5s ease-in-out;
-       -o-transition: all 0.5s ease-in-out;
-          transition: all 0.5s ease-in-out;
-  -webkit-backface-visibility: hidden;
-     -moz-backface-visibility: hidden;
-      -ms-backface-visibility: hidden;
-       -o-backface-visibility: hidden;
-          backface-visibility: hidden;
-  -webkit-transform-style: preserve-3d;
-     -moz-transform-style: preserve-3d;
-       -o-transform-style: preserve-3d;
-          transform-style: preserve-3d;
-}
-nav ul li:hover .back {
-  z-index: 1;
-  -webkit-transform: rotateX(0deg) rotateY(0deg);
-     -moz-transform: rotateX(0deg) rotateY(0deg);
-      -ms-transform: rotateX(0deg) rotateY(0deg);
-       -o-transform: rotateX(0deg) rotateY(0deg);
-}