Tab Workshop

魔法の言葉、CSS!

これは本Wiki内部で使用されているテンプレートページです。

このページに触れないでください
特に下のボタンを押さないでください



aaa

bbb

ccc

ddd

.yui-navset .yui-nav {
  border-width: 0;
}
 
.yui-navset .yui-nav li {
  padding: 0;
  margin: 5px 5px 0 0 !important;
}
 
.yui-navset .yui-nav :last-child {
  margin-right: 0;
}
 
.yui-navset .yui-nav a {
  background: #cacaca; /* tab button background */
  color: #000;
  border: 1px solid #888; /* tab button border */
  border-radius: 3px;
}
 
.yui-navset .yui-nav a em {
  font-weight: bold;
  border-width: 0;
  top: 0;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
  background: #f8f8f8; /* selected tab button background */
  color: #000;
  border: 1px solid #888; 
    -webkit-box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
}
 
.yui-navset .yui-nav a:hover {
  background: #cacaca;
  border: 1px solid #888; 
    -webkit-box-shadow: 0px 0px 3px #000;
    -moz-box-shadow: 0px 0px 3px #000;
}
 
.yui-navset .yui-nav a:focus {
  background: #cacaca; /* non-selected tab background */
}
 
.yui-navset .yui-nav .selected a em {
  padding: 0.25em 0.75em; /* don't raise the selected tab */
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
  border-color: #888; /* selected tab border color */
}
 
.yui-navset .yui-content {
  background-color: #EEEEEE;
  border: 0;
  padding: 0;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License