CSS/gifu/tab

(Difference between revisions)

@@ Line 26: / Line 26: @@
 font-family:Century Gothic;
 padding:15px;
-width:120px;
 height:50px;
 margin:auto;
 text-decoration:none;
+display:block;
+line-height: 50px;
+overflow: hidden;
+width:120px;
 }
@@ Line 40: / Line 44: @@
 font-family:Century Gothic;
 padding:15px;
-width:120px;
 height:50px;
 margin:auto;
 text-decoration:none;
+display:block;
+line-height: 50px;
+overflow: hidden;
+width:120px;
 }
@@ Line 54: / Line 62: @@
 font-family:Century Gothic;
 padding:15px;
-width:120px;
 height:50px;
 margin:auto;
 text-decoration:none;
+display:block;
+line-height: 50px;
+overflow: hidden;
+width:120px;
 }
-.tabs {
-    position: relative;
-    padding: 0;
- margin-left:auto;
-     margin-right:auto;
-}
-.tabs li {
-    list-style: none;
-    display: inline-block;
-}
-.tabs input[type=radio] {
-    display: none;
-}
-.tabs label {
-    display: block;
-    cursor: pointer;
-    padding: 5px;
-    line-height: 20px;
-    background-color: #999999;
-    color: #ffffff;
-}
-.tabs label:hover {
-    background-color: #cccccc;
-    color: #000000;
-}
-.tabs input[type=radio]:checked + label {
-    background-color: #ffffff;
-    color: #000000;
-}
-.tabs .contents {
-    display: none;
-    position: absolute;
-    top:30px;
-    left: 0;
-    padding: 10px;
-    background: #f0f8ff;
-}
-.tabs input[type=radio]:checked + label + .contents{
-    display: block;
-}

Revision as of 11:30, 3 September 2014