/* Sidebar collapse */
#mw-panel { /* Transition times, GLOBAL */
transition: opacity 250ms, margin-left 250ms, padding-left 250ms;
-webkit-transition: opacity 250ms, margin-left 250ms, padding-left 250ms;
}
#content,
#head-base,
#footer,
#mw-head-base,
#left-navigation { /* Transition times, GLOBAL */
transition: margin-left 250ms;
-webkit-transition: margin-left 250ms;
}
#mw-panel.n3-sidebar-collapsed { /* Main panel shift */
opacity: 0;
margin-left: -11em;
}
#content.n3-sidebar-collapsed,
#head-base.n3-sidebar-collapsed,
#footer.n3-sidebar-collapsed,
#mw-head-base.n3-sidebar-collapsed { /* Adjust margins; -1px to hide border */
margin-left: -1px;
}
#left-navigation.n3-sidebar-collapsed { /* Don't shove left tabs up to edge of window */
margin-left: 1em;
}
/* Tops fader */
.mw-special-Contributions li { /* Transition times, GLOBAL */
transition: opacity 250ms;
-webkit-transition: opacity 250ms;
}
.n3-tops-faded { /* Actual effect of tops-fading */
opacity: 0.25;
}
/* Monospace editing */
#wpTextbox1.n3-monoedit {
font-family: monospace;
}
/* Custom history revision items */
/* ----Top-level elements & defaults */
.n3-revision {
list-style-type: none;
list-style-image: none;
margin: 0;
margin-right: 1em;
margin-left: -0.5em; /* Temporary? Needs to be tested in context */
background-color: #fcfcfc;
position: relative;
border: 1px solid silver;
border-bottom-width: 2px; /*3px total border between items*/
}
.n3-revision:last-child {
border-bottom-width: 1px;
}
.n3-revision ul, .n3-revision li {
list-style-type: none;
margin-left: 0.25em;
display: inline;
}
.n3-revision li {
margin-right: 0.25em;
}
.n3-revision li + li:before {content: "| ";}
.n3-revision .vectorMenu li + li:before {content: none;}
.n3-rev-main {
float: left;
display: table;
margin-right: 0.25em;
margin-bottom: -1px;
border-bottom: 1px solid silver;
border-right: 1px solid silver;
background-color: #f8f8f8;
}
.n3-rev-main > div {
display: table-cell;
vertical-align: middle;
}
/* ----Form bits subsection */
.n3-rev-form {
display: inline;
}
/* ----Diff subsection */
.n3-rev-diff {
text-align: center;
border-right: 1px solid silver;
padding: 0.25em;
}
.n3-rev-timestamp {
padding: 0 0.25em;
}
.n3-rev-compares {
white-space: nowrap;
padding: 0 0.25em;
}
.n3-rev-compares li {
text-transform: lowercase;
}
/* ----User subsection */
.n3-rev-main .vectorMenu {
background-position: right;
float: none;
}
div#content .n3-rev-user h3 {
font-weight: inherit;
font-size: inherit;
padding: 0 1.5em 0 0.25em;
margin: 0;
height: 100%;
background-image: url(//en.wikipedia.org/static/1.26wmf14/skins/Vector/images/arrow-down-icon.png);
background-repeat: no-repeat;
background-position: 100% 70%;
}
div.vectorMenu div.n3-rev-userlinks {
top: 2em;
border-top-width: 1px;
}
.n3-rev-main .vectorMenu ul {
background-color: #f8f8f8;
z-index: 1;
top: 0.25em;
width: 100%;
}
.n3-rev-main .vectorMenu li {
padding: 0;
}
.n3-rev-main .vectorMenu li a {
font-size: inherit;
padding: 0.5em;
}
/* ----Summary subsection */
.n3-rev-summary {
padding: 0 0.25em;
}
.n3-rev-comment {
font-style: italic;
}
.n3-rev-nocomment {
color: #888;
}
.n3-rev-flagtags {
display: inline;
font-style: normal;
}
.n3-rev-comment, .n3-rev-flagtags ul, .n3-rev-flagtags li {
line-height: 2em; /* Ensures proper flow; hackish but whatever */
}
.n3-rev-flagtags li:before {content: "[";}
.n3-rev-flagtags li + li:before {content: "[";}
.n3-rev-flagtags li:after {content: "],";}
.n3-rev-flagtags li:last-child:after {content: "]";}
/* ----Bytes and actions */
.n3-rev-meta {
border-top: 1px solid silver;
overflow: hidden;
}
.n3-rev-bytediff {
float: right;
padding: 0 0.25em;
}
.n3-rev-bytediff span {
font-weight: bold;
}
.n3-rev-bytediff .n3-rev-bytesadded {
color: darkGreen;
}
.n3-rev-bytediff .n3-rev-bytesremoved {
color: darkRed;
}
.n3-rev-bytediff .n3-rev-bytesnull {
/*Nothing but the structure for now*/
}
.n3-rev-actions {
padding: 0 0.25em;
}
.n3-rev-actions li {
text-transform: lowercase;
}
.n3-rev-actions li + li:before {content: "| "}
/* ----Even/odd recolouring */
.n3-revision:nth-child(even) {
background-color: #f6faff;
}
.n3-revision:nth-child(even) .n3-rev-main {
background-color: #f0f8ff;
}
.n3-revision:nth-child(even) .n3-rev-main .vectorMenu ul {
background-color: #f0f8ff;
}