r57180 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:< r57179‎ | r57180 | r57181 >
Date:00:54, 1 October 2009
Author:adam
Status:deferred
Tags:
Comment:
Adding the experimental tabs to vector/experiments
Modified paths:
  • /trunk/phase3/skins/vector/experiments/images (added) (history)
  • /trunk/phase3/skins/vector/experiments/images/tab-active-first.png (added) (history)
  • /trunk/phase3/skins/vector/experiments/images/tab-active-last.png (added) (history)
  • /trunk/phase3/skins/vector/experiments/images/tab-fade.png (added) (history)
  • /trunk/phase3/skins/vector/experiments/images/tab-first.png (added) (history)
  • /trunk/phase3/skins/vector/experiments/images/tab-last.png (added) (history)
  • /trunk/phase3/skins/vector/experiments/new-tabs.css (added) (history)

Diff [purge]

Index: trunk/phase3/skins/vector/experiments/images/tab-active-last.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/experiments/images/tab-active-last.png
___________________________________________________________________
Name: svn:mime-type
11 + application/octet-stream
Index: trunk/phase3/skins/vector/experiments/images/tab-fade.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/experiments/images/tab-fade.png
___________________________________________________________________
Name: svn:mime-type
22 + application/octet-stream
Index: trunk/phase3/skins/vector/experiments/images/tab-active-first.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/experiments/images/tab-active-first.png
___________________________________________________________________
Name: svn:mime-type
33 + application/octet-stream
Index: trunk/phase3/skins/vector/experiments/images/tab-last.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/experiments/images/tab-last.png
___________________________________________________________________
Name: svn:mime-type
44 + application/octet-stream
Index: trunk/phase3/skins/vector/experiments/images/tab-first.png
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Property changes on: trunk/phase3/skins/vector/experiments/images/tab-first.png
___________________________________________________________________
Name: svn:mime-type
55 + application/octet-stream
Index: trunk/phase3/skins/vector/experiments/new-tabs.css
——@@ -0,0 +1,291 @@
 2+/* Framework */
 3+body {
 4+ background-color: #f9f9f9;
 5+ color: #000000;
 6+}
 7+ body div#left-navigation,
 8+ body div#right-navigation{
 9+ top:3.15em;
 10+ }
 11+ body div#right-navigation{
 12+ margin-top:3.15em;
 13+ }
 14+ body #p-search form,
 15+ body #p-search input,
 16+ body #simpleSearch {
 17+ margin-top:0;
 18+ }
 19+ body div#p-cactions{
 20+ margin-top:0;
 21+ }
 22+ /* Namespaces and Views */
 23+ /* @noflip */
 24+ div.vectorTabs {
 25+ float: left;
 26+ }
 27+ body div.vectorTabs {
 28+ background-image: none;
 29+ padding-left: 0;
 30+ }
 31+ /* @noflip */
 32+ div.vectorTabs ul {
 33+ float: left;
 34+ }
 35+ div.vectorTabs ul {
 36+ height: 100%;
 37+ list-style: none;
 38+ margin: 0;
 39+ padding: 0;
 40+ }
 41+ /* @noflip */
 42+ div.vectorTabs ul li {
 43+ float: left;
 44+ }
 45+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 46+ body div.vectorTabs ul li {
 47+ line-height: 1.125em;
 48+ display: inline-block;
 49+ height: 1.85em;
 50+ margin: 0 1px 0 0;
 51+ padding: 0;
 52+ background:none;
 53+ }
 54+ /* IGNORED BY IE6 */
 55+ div.vectorTabs ul > li {
 56+ display: block;
 57+ }
 58+ body div.vectorTabs li.selected {
 59+ background-image: none;
 60+ border:none;
 61+ }
 62+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 63+ body div.vectorTabs li a {
 64+ border-top:1px solid #c0c0c0;
 65+ border-left:1px solid #c0c0c0;
 66+ border-right:1px solid #c0c0c0;
 67+ border-bottom:1px solid #a7d7f9;
 68+ display: inline-block;
 69+ height: 1.75em;
 70+ padding-left: 0.4em;
 71+ padding-right: 0.4em;
 72+ background-image:url(images/tab-fade.png);
 73+ background-position:top left;
 74+ background-repeat:repeat-x;
 75+ }
 76+ div.vectorTabs li a,
 77+ div.vectorTabs li a span {
 78+ color: #0645ad;
 79+ cursor: pointer;
 80+ }
 81+ div.vectorTabs li a span {
 82+ font-size: 0.8em;
 83+ }
 84+ /* IGNORED BY IE6 */
 85+ div.vectorTabs li > a {
 86+ display: block;
 87+ }
 88+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 89+ body div.vectorTabs a span {
 90+ display: inline-block;
 91+ padding-top: 0.5em;
 92+ }
 93+ /* IGNORED BY IE6 */
 94+ /* @noflip */
 95+ div.vectorTabs a > span {
 96+ float: left;
 97+ display: block;
 98+ }
 99+ body div.vectorTabs li.last {
 100+ background-image: url(images/tab-last.png);
 101+ background-repeat:no-repeat;
 102+ background-position:top right;
 103+ border:none;
 104+ }
 105+ body div.vectorTabs li.last a{
 106+ margin-right:7px;
 107+ padding-left:0.4em;
 108+ padding-right:0;
 109+ border-left:1px solid #c0c0c0;
 110+ border-top:1px solid #c0c0c0;
 111+ border-right:none;
 112+ background-image:url(images/tab-fade.png);
 113+ background-position:top left;
 114+ background-repeat:repeat-x;
 115+ }
 116+ body div.vectorTabs li.first {
 117+ background-image: url(images/tab-first.png);
 118+ background-repeat:no-repeat;
 119+ background-position:top left;
 120+ border:none;
 121+ }
 122+ body div.vectorTabs li.first a{
 123+ margin-left:7px;
 124+ padding-left:0em;
 125+ padding-right:0.4em;
 126+ border-right:1px solid #c0c0c0;
 127+ border-top:1px solid #c0c0c0;
 128+ background-image:url(images/tab-fade.png);
 129+ background-position:top left;
 130+ background-repeat:repeat-x;
 131+ }
 132+
 133+ div.vectorTabs li.selected a,
 134+ div.vectorTabs li.selected a span,
 135+ div.vectorTabs li.selected a:visited
 136+ div.vectorTabs li.selected a:visited span {
 137+ color: #be5900 !important;
 138+ text-decoration: none;
 139+ }
 140+
 141+ body div.vectorTabs li.selected a{
 142+ border-top:1px solid #6cc8f3;
 143+ border-right:1px solid #6cc8f3;
 144+ border-left:1px solid #6cc8f3;
 145+ border-bottom:#ffffff;
 146+ height: 1.8em;
 147+ background-color:#fff;
 148+ background-image:none;
 149+ }
 150+ body div.vectorTabs li.selected.first{
 151+ background-image: url(images/tab-active-first.png);
 152+ background-repeat:no-repeat;
 153+ background-position:top left;
 154+ }
 155+ body div.vectorTabs li.selected.first a{
 156+ margin-left:7px;
 157+ padding-right:0.4em;
 158+ padding-left:0.2em;
 159+ border-left:none;
 160+ }
 161+ body div.vectorTabs li.selected.last{
 162+ background-image: url(images/tab-active-last.png);
 163+ background-repeat:no-repeat;
 164+ background-position:top right;
 165+ }
 166+ body div.vectorTabs li.selected.last a{
 167+ margin-right:7px;
 168+ padding-left:0.4em;
 169+ padding-right:0.2em;
 170+ border-right:none;
 171+ }
 172+ div.vectorTabs li.new a,
 173+ div.vectorTabs li.new a span,
 174+ div.vectorTabs li.new a:visited,
 175+ div.vectorTabs li.new a:visited span {
 176+ color: #990000;
 177+ }
 178+
 179+ /* Variants and Actions */
 180+ /* @noflip */
 181+ div.vectorMenu {
 182+ }
 183+ body.rtl div.vectorMenu {
 184+ direction: rtl;
 185+ }
 186+ /* @noflip */
 187+ body #head div.vectorMenu h5 {
 188+
 189+ border-top:1px solid #c0c0c0;
 190+ border-left:1px solid #c0c0c0;
 191+ border-right:1px solid #c0c0c0;
 192+ padding-left: 0;
 193+ margin-left: 0px;
 194+ }
 195+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 196+ body div.vectorMenu h5 a {
 197+ display: inline-block;
 198+ width: 24px;
 199+ height:1.5em;
 200+ background-image: none;
 201+ }
 202+ /* IGNORED BY IE6 */
 203+ div.vectorMenu h5 > a {
 204+ display: block;
 205+ }
 206+ div.vectorMenu div.menu {
 207+ position: relative;
 208+ display: none;
 209+ clear: both;
 210+ text-align: left;
 211+ }
 212+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 213+ body.rtl div.vectorMenu div.menu {
 214+ margin-right: 24px;
 215+ }
 216+ /* IGNORED BY IE6 */
 217+ body.rtl div.vectorMenu > div.menu {
 218+ margin-right: auto;
 219+ }
 220+ /* Fixes old versions of FireFox */
 221+ body.rtl div.vectorMenu > div.menu,
 222+ x:-moz-any-link {
 223+ margin-right: 24px;
 224+ }
 225+ div.vectorMenu:hover div.menu {
 226+ display: block;
 227+ }
 228+ div.vectorMenu ul {
 229+ position: absolute;
 230+ background-color: white;
 231+ border: solid 1px silver;
 232+ border-top-width: 0;
 233+ list-style: none;
 234+ list-style-image: none;
 235+ list-style-type: none;
 236+ padding: 0;
 237+ margin: 0;
 238+ margin-left: -1px;
 239+ text-align: left;
 240+ }
 241+ /* Fixes old versions of FireFox */
 242+ div.vectorMenu ul,
 243+ x:-moz-any-link {
 244+ min-width: 5em;
 245+ }
 246+ /* Returns things back to normal in modern versions of FireFox */
 247+ div.vectorMenu ul,
 248+ x:-moz-any-link,
 249+ x:default {
 250+ min-width: 0;
 251+ }
 252+ div.vectorMenu li {
 253+ padding: 0;
 254+ margin: 0;
 255+ text-align: left;
 256+ line-height: 1em;
 257+ }
 258+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 259+ div.vectorMenu li a {
 260+ display: inline-block;
 261+ padding: 0.5em;
 262+ white-space: nowrap;
 263+ }
 264+ /* IGNORED BY IE6 */
 265+ div.vectorMenu li > a {
 266+ display: block;
 267+ }
 268+ div.vectorMenu li a {
 269+ color: #0645ad;
 270+ cursor: pointer;
 271+ font-size: 0.8em;
 272+ }
 273+ div.vectorMenu li.selected a,
 274+ div.vectorMenu li.selected a:visited {
 275+ color: #333333;
 276+ text-decoration: none;
 277+ }
 278+#ca-unwatch.icon,
 279+#ca-watch.icon{
 280+ background-color:#ffffff;
 281+
 282+}
 283+#ca-unwatch.icon a,
 284+#ca-watch.icon a {
 285+ height: 1.75em !important;
 286+ padding-bottom:1px;
 287+ border-bottom:none;
 288+}
 289+#ca-watch.icon a,
 290+#ca-unwatch.icon a{
 291+ background-repeat:no-repeat;
 292+}

Status & tagging log