User:Emma/Sandbox: Difference between revisions
No edit summary |
|||
Line 41: | Line 41: | ||
.tabtest ul, .tabtestselected ul { | .tabtest ul, .tabtestselected ul { | ||
list-style:none !important; | list-style:none !important; | ||
} | } | ||
.tabtest li, .tabtestselected li { | .tabtest li, .tabtestselected li { | ||
Line 49: | Line 48: | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
.tabtest a,.tabtest strong { | .tabtest a,.tabtest strong { | ||
padding: 5px 10px 4px 9px; | padding: 5px 10px 4px 9px; | ||
Line 68: | Line 66: | ||
-webkit-border-radius: 8px 8px 0 0; | -webkit-border-radius: 8px 8px 0 0; | ||
border-radius: 8px 8px 0 0; | border-radius: 8px 8px 0 0; | ||
background: #c8d0ff; | background: #c8d0ff; /* Old browsers */ | ||
background: -moz-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); | background: -moz-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* FF3.6+ */ | ||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c8d0ff),color-stop(100%,#F9F9F9)); | background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c8d0ff),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */ | ||
background: -webkit-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); | background: -webkit-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* Chrome10+,Safari5.1+ */ | ||
background: -o-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); | background: -o-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* Opera 11.10+ */ | ||
background: -ms-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); | background: -ms-linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* IE10+ */ | ||
background: linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); | background: linear-gradient(top,#c8d0ff 0,#F9F9F9 100%); /* W3C */ | ||
} | } | ||
.tabtest a:hover, .tabtest strong:hover, .tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover{ | .tabtest a:hover, .tabtest strong:hover, .tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover{ | ||
Line 80: | Line 78: | ||
color: #555; | color: #555; | ||
text-shadow: 0px -1.5px 0px #F9F9F9; | text-shadow: 0px -1.5px 0px #F9F9F9; | ||
background: | background: #F9F9F9; | ||
} | } | ||
.tabtest a:hover,.tabtest strong:hover { | .tabtest a:hover,.tabtest strong:hover { | ||
border-bottom: 1px solid #AAA!important; | border-bottom: 1px solid #AAA!important; | ||
background: #E1E4FA; | background: #E1E4FA; /* Old browsers */ | ||
background: -moz-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); | background: -moz-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* FF3.6+ */ | ||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E1E4FA),color-stop(100%,#F9F9F9)); | background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E1E4FA),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */ | ||
background: -webkit-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); | background: -webkit-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* Chrome10+,Safari5.1+ */ | ||
background: -o-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); | background: -o-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* Opera 11.10+ */ | ||
background: -ms-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); | background: -ms-linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* IE10+ */ | ||
background: linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); | background: linear-gradient(top,#E1E4FA 0,#F9F9F9 100%); /* W3C */ | ||
} | } | ||
.tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover { | .tabtestselected a, .tabtestselected strong,.tabtestselected a:hover, .tabtestselected strong:hover { | ||
font-size: 107%!important; | font-size: 107%!important; | ||
border-bottom: 1px solid #F9F9F9!important; | border-bottom: 1px solid #F9F9F9!important; | ||
background: -moz-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%) | background: #E5E5E5; /* Old browsers */ | ||
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#E5E5E5),color-stop(55%,#F9F9F9)) | background: -moz-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* FF3.6+ */ | ||
background: -webkit-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%) | background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#E5E5E5),color-stop(55%,#F9F9F9)); /* Chrome,Safari4+ */ | ||
background: -o-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%) | background: -webkit-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* Chrome10+,Safari5.1+ */ | ||
background: -ms-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%) | background: -o-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* Opera 11.10+ */ | ||
background: linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%) | background: -ms-linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* IE10+ */ | ||
background: linear-gradient(top,white 0,#E5E5E5 5%,#F9F9F9 55%); /* W3C */ | |||
} | } | ||
Revision as of 06:29, February 3, 2012
This is my personal sandbox I use for testing projects I'm working on.
- New Messages box:
User Functions
- Current user: Template:CURRENTUSER
- User group: {{#usergroup:Template:CURRENTUSER|0}}, {{#usergroup:Template:CURRENTUSER|1}}, {{#usergroup:Template:CURRENTUSER|2}}
Tabs
- tab1
- tab2
- tab3
Possible Alternative Formatting
|class="leftbutton1 leftbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image _toggler_show-leftbutton _toggler_show-rightbutton" align="left" style="font-size:200%; border-right:none; display:inline;"|← |class="image1 images" align="center" style="border-right:none; border-left: none; display:inline;"|1 |class="rightbutton1 rightbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image2 _toggler_show-leftbutton2 _toggler_show-rightbutton2" align="right" style="font-size:200%; border-left:none; display:inline;"|→ |class="leftbutton2 leftbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image1 _toggler_show-leftbutton1 _toggler_show-rightbutton1" align="left" style="font-size:200%; border-right:none; display:none;"|← |class="image2 images" align="center" style="border-right:none; border-left: none; display:none;"|2 |class="rightbutton2 rightbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image3 _toggler_show-leftbutton3 _toggler_show-rightbutton3" align="right" style="font-size:200%; border-left:none; display:none;"|→ |class="leftbutton3 leftbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image2 _toggler_show-leftbutton2 _toggler_show-rightbutton2" align="left" style="font-size:200%; border-right:none; display:none;"|← |class="image3 images" align="center" style="border-right:none; border-left: none; display:none;"|3 |class="rightbutton3 rightbuttons _toggler_hide-leftbuttons _toggler_hide-rightbuttons _toggler_hide-images _toggler_show-image4 _toggler_show-leftbutton4 _toggler_show-rightbutton4" align="right" style="font-size:200%; border-left:none; display:none;"|→