MediaWiki:Vector.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
(remove extra space to the left of personal info)
(slightly less fade. don't want to go too solid)
 
(143 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the default Vector theme. */
/* CSS placed here will affect users of the Vector skin */
 
/* Shared Vector styles
      Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-SharedVector.css */


/*
/*
  * Background.
  * Body.
  */
  */
body {
body {
  /* Background of everything. */
/* Background of everything. */
  background: url(https://www.pikminwiki.com/images/3/37/Vector_background.jpg) center top;
background: #C2DAB8 url(https://pikmin.wiki.gallery/images/3/37/Vector_background.jpg) center top;
}
 
@media all and (min-width: 1350px) {
/* Add a right padding on wider displays. */
body, #right-navigation {
padding-right: 11em;
}
}
}


Line 14: Line 24:
  */
  */
#mw-page-base {
#mw-page-base {
  /* Full-white header-like background that the Vector skin has. */
/* Full-white header-like background that the Vector skin has. */
  background: initial;
background: initial;
}
 
nav.vector-menu-tabs {
/* Tabs div. */
background: initial;
margin-left: 10px;
height: 37px;
}
}


div.vectorTabs {
nav.vector-menu-tabs ul {
  /* Tabs div. */
/* Tabs ul. */
  background: initial;
background: initial;
  margin-left: 10px;
height: 37px;
  height: 37px;
}
}


div.vectorTabs ul {
nav.vector-menu-tabs ul > li {
  /* Tabs ul. */
/* Tabs. */
  background: initial;
background: #cec;
border: 2px solid #66b283;
border-radius: 10px 10px 0px 0px;
margin-right: 10px;
line-height: 0.5em;
}
}


div.vectorTabs ul > li {
nav.vector-menu-tabs li.selected {
  /* Tabs. */
/* Current tab. */
  background: initial;
background: #F4F9F2;
  border: 2px solid #66b283;
background: linear-gradient(to top,#F4F9F2 2px,#fffc 2px);
  border-radius: 10px 10px 0px 0px;
padding-bottom: 2px;
  background-color: #cec;
border-bottom: 0;
  margin-right: 10px;
  line-height: 0.5em;
}
}


div.vectorTabs li.selected {
.vector-menu-tabs, .vector-menu-tabs a,
  /* Current tab. */
#mw-head .vector-menu-dropdown .vector-menu-heading {
  background: initial;
/* Remove blue from tabs. */
  background-color: #fffc;
background: none;
  border-bottom-color: #F2F7F0;
}
}


div#mw-head div.vectorMenu h3 {
.vector-menu-tabs-legacy .new a,
  /* Separator line between the "More" button and the search bar. */
.vector-menu-tabs-legacy .new a:visited {
  background: initial;
/* Non-existent page tab link color. */
color: #880;
}
}


#ca-watch {
#p-search {
  /* Watch article button. */
/* Search container. */
  line-height: 2em;
margin-right: 10px;
}
}


div.vectorTabs span {
#p-search form {
  /* Separator line between every tab. */
/* Search form. */
  background: initial;
margin-top: 10px;
}
}


#simpleSearch {
#searchInput, .rcoptions #tagfilter {
  /* Search bar. */
/* Search bar and RC tag filter. */
  border-radius: 6px;
background: #fff;
border-radius: 6px;
border: 1px solid #a2a9b1;
padding: 0.3em 0.4em 0.2em;
transition: border-color 250ms,box-shadow 250ms;
}
.rcoptions #tagfilter:hover {
/* RC tag filter hover. */
border-color: #72777d;
}
}


#simpleSearch input#searchInput {
#searchButton {
  /* Search bar. */
/* Search button. */
  width: 14em;
background-position: center 5px;
}
 
#ca-watch, #ca-unwatch {
/* Watch/unwatch button. */
line-height: 2em;
}
}


Line 76: Line 107:
  * Sidebar.
  * Sidebar.
  */
  */
#mw-panel .portal h3 {
#p-logo + .mw-portlet .vector-menu-heading {
  /* Section headers. */
/* Show "Navigation" header. */
  color: #000;
display: block;
}
}


#mw-panel #p-logo + .portal h3 {
.vector-menu-portal .vector-menu-heading {
  /* Section header for "Navigation", which is otherwise invisible. */
/* Section headers. */
  display: initial;
color: #000;
border-bottom: 1px solid #66b283;
margin-right: 10px;
}
}


#mw-panel .portal {
#mw-panel .portal {
  /* Sections. */
/* Sections. */
  margin-top: 4px;
margin-top: 10px;
}
}


#mw-panel #p-logo + .portal,
#mw-panel #p-logo + .portal,
#mw-panel .portal,
#mw-panel .portal, #p-personal {
#p-personal {
/* Sidebar sections, as well as header personal info box. */
  /* Sidebar sections, as well as header personal info box. */
padding: 6px;
  padding: 6px;
padding-left: 10px;
  padding-left: 10px;
border: 2px solid #fff8;
  border: 2px solid #fff8;
border-radius: 12px;
  border-radius: 12px;
box-shadow: inset 0 0 20px #fff8;
  box-shadow: inset 0 0 20px #fff8;
background-color: #fff4;
  -moz-box-shadow: inset 0 0 20px #fff8;
}
  -webkit-box-shadow: inset 0 0 20px #fff8;
 
  background-color: #fff4;
.vector-menu-portal .vector-menu-content ul {
/* Lists. */
list-style-image: url(https://pikmin.wiki.gallery/images/a/a5/Vector_bullet.png);
}
}


#mw-panel .portal .body {
#p-personal {
  /* List containers below heading. */
/* Personal info box. */
  background-image: none;
padding: 0 10px 2px 0;
right: 0.33em;
}
}


#mw-panel .portal .body ul {
#p-personal ul {
  /* Lists. */
/* Personal info box list. */
  list-style-image: url(https://www.pikminwiki.com/images/a/a5/Vector_bullet.png);
padding-left: 0;
}
}


#p-personal {
.vector-user-menu-legacy #pt-userpage a {
  /* Personal info box. */
/* Logged-in user icon. */
  padding: 0;
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill=%22%233C8F5B%22 d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill=%22%233C8F5B%22 d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E");
}
}


#p-personal ul {
.vector-user-menu-legacy #pt-userpage a,
  /* Personal info box list. */
.vector-user-menu-legacy #pt-anonuserpage {
  padding-left: 0;
/* User/anon icon position. */
background-position: left 5px;
}
}


Line 130: Line 167:
  */
  */
#footer {
#footer {
  /* Footer. */
/* Footer. */
  background: url(https://www.pikminwiki.com/images/8/83/Vector_banner.png) no-repeat center bottom;
background: url(https://pikmin.wiki.gallery/images/8/83/Vector_banner.png) no-repeat right bottom;
  margin-right: 11em;
min-height: 75px;
border-width: 8px;
border-bottom-style: solid;
border-image: linear-gradient(to right, rgba(242, 255, 192, 0), rgba(242, 255, 192, 255) 20%, rgba(242, 255, 192, 255) 80%, rgba(242, 255, 192, 0)) 1;
}
 
#footer::after {
/* Clear fix. */
content: '';
display: block;
clear: both;
}
}


Line 140: Line 187:
  */
  */
#content {
#content {
  /* Article body. */
/* Article body. */
  background: #fffc;
background: #fffc;
  margin-right: 11em;
border-right-width: initial;
  border-right-width: initial;
border: 2px solid #66b283;
  border: 2px solid #66b283;
border-radius: 14px;
  border-radius: 14px;
}
}


.mw-body-content {
.mw-body-content {
  /* Article body. */
/* Article body. */
  font-size: 11pt;
font-size: 11pt;
}
 
ul {
  /* Lists. */
  list-style-image: url(https://www.pikminwiki.com/images/a/a5/Vector_bullet.png);
}
 
table.wikitable > tr > th,
table.wikitable > * > tr > th {
  /* Table headers. */
  background-color: #d8f0db;
}
}


.pikipediaBox {
.pikipediaBox, .mw-message-box,
  /* Pikipedia notification boxes. */
.messagebox, .errorbox, .warningbox, .successbox {
  background-color: #d8f0db;
/* Pikipedia & MediaWiki boxes. */
  border: 1px solid #0b0;
border-radius: 8px;
  border-radius: 8px;
}
}


.mw-indicators {
.mw-indicators {
  /* Game icons. */
/* Game icons. */
  top: 7px;
top: 7px;
}
 
#siteNotice .pikipediaBox {
  /* Site notice. */
  margin: 0 auto 5px !important;
}
 
 
/*
* Links.
*/
a,
#p-cactions li a,
.mw-parser-output a.extiw,
.mw-parser-output a.external,
div.vectorTabs li a,
#mw-panel .portal .body li a {
  /* Standard links. */
  color: #080;
}
 
a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
#mw-panel .portal .body li a:visited {
  /* Visited links. */
  color: #084;
}
 
a:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover {
  /* Hovering over external links. */
  color: #0b0;
}
}


a:visited:hover,
#localNotice {
.mw-parser-output a.extiw:visited:hover,
/* Site notice. */
.mw-parser-output a.external:visited:hover {
margin: -9px 0 6px;
  /* Hovering over external links. */
  color: #0b4;
}
}


a.new:link,
#localNotice .pikipediaBox {
a.new:visited,
/* Site notice box. */
#p-cactions .new a,
margin: 0 auto 5px;
#p-cactions .new a:visited {
  /* Non-existent pages. */
  color: #bb0;
}
}


Line 230: Line 225:
  */
  */
.infobox {
.infobox {
  /* Infoboxes. */
/* Infoboxes. */
  border-radius: 8px;
border-radius: 8px;
}
}


.infobox th {
.infobox th {
  /* Headers. */
/* Headers. */
  background-color: #d8f0db;
border-radius: 6px;
  border-radius: 6px;
  padding-left: 4px;
}
}


Line 246: Line 239:
  */
  */
.navbox {
.navbox {
  /* Navboxes. */
/* Navboxes. */
  border-radius: 8px;
border-radius: 8px;
}
 
.navbox th {
  /* Headers. */
  border-radius: 6px;
}
 
table.navbox-light {
  /* Light-background navboxes. */
  color: #000;
}
 
table.navbox-light a,
table.navbox-light a.extiw,
table.navbox-light a.external {
  /* Light-background navbox links. */
  color: #262;
}
 
table.navbox-light a:visited,
table.navbox-light a.extiw:visited,
table.navbox-light a.external:visited {
  /* Light-background navbox links. */
  color: #141;
}
 
table.navbox-light a:hover,
table.navbox-light a.extiw:hover,
table.navbox-light a.external:hover {
  /* Light-background navbox links. */
  color: #363;
}
 
table.navbox-light a:visited:hover,
table.navbox-light a.extiw:visited:hover,
table.navbox-light a.external:visited:hover {
  /* Light-background navbox links. */
  color: #242;
}
 
table.navbox-light a.new,
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
  /* Light-background navbox links. */
  color: #422;
}
 
table.navbox-dark {
  /* Dark-background navboxes. */
  color: #fff;
}
 
table.navbox-dark a,
table.navbox-dark a.extiw,
table.navbox-dark a.external {
  /* Dark-background navbox links. */
  color: #bfb;
}
 
table.navbox-dark a:visited,
table.navbox-dark a.extiw:visited,
table.navbox-dark a.external:visited {
  /* Dark-background navbox links. */
  color: #cfc;
}
 
table.navbox-dark a:hover,
table.navbox-dark a.extiw:hover,
table.navbox-dark a.external:hover {
  /* Dark-background navbox links. */
  color: #cfc;
}
 
table.navbox-dark a:visited:hover,
table.navbox-dark a.extiw:visited:hover,
table.navbox-dark a.external:visited:hover {
  /* Dark-background navbox links. */
  color: #dfd;
}
}


table.navbox-dark a.new,
table.navbox th {
table.navbox-dark a.new:visited,
/* Headers. */
table.navbox-dark a.new:hover,
border-radius: 6px;
table.navbox-dark a.new:visited:hover {
  /* Dark-background navbox links. */
  color: #fdd;
}
}


Line 342: Line 253:
  */
  */
#catlinks {
#catlinks {
  /* Categories box. */
/* Categories box. */
  border-radius: 8px;
border-radius: 8px;
}
}


Line 351: Line 262:
  */
  */
.titledBox {
.titledBox {
  /* Section boxes. */
/* Section boxes. */
  border-radius: 16px;
border-radius: 16px;
  margin-top: 32px;
margin-top: 32px;
  background: url(https://www.pikminwiki.com/images/0/09/Vector_grass.jpg) bottom center;
  border: 1px solid #66b283;
}
}


.titledBoxTitle {
.titledBoxTitle {
  /* Section box titles. */
/* Section box titles. */
  border-radius: 12px;
border-radius: 12px;
}
}


.main-page-left-col {
.main-page-left-col {
  /* Left column. */
/* Left column. */
  padding-right: 16px;
padding-right: 16px;
}
}


.main-page-right-col {
.main-page-right-col {
  /* Right column. */
/* Right column. */
  padding-left: 16px;
padding-left: 16px;
}
 
.main-page-nav-item {
  /* Main item in the navigation box. */
  background-color: #d8f0db;
  border-radius: 20px;
  border: 2px solid #66b283;
  padding: 8px;
  display: inline-grid;
  margin-bottom: 5px;
}
 
.pds-box {
  /* Poll. */
  border-radius: 16px;
}
 
#mp-title-nav {
  /* Navigation box title. */
  background-color: #b9d6ec;
}
 
#mp-title-fa {
  /* Featured article box title. */
  background-color: #ecebbf;
}
 
#mp-title-community {
  /* Community box title. */
  background-color: #dbd0f6;
}
 
#mp-title-news {
  /* News box title. */
  background-color: #f0d2e2;
}
 
#mp-title-poll {
  /* Poll box title. */
  background-color: #b9b9b9;
}
 
#mp-title-dyk {
  /* Did You Know box title. */
  background-color: #f8f8f8;
}
 
#mp-title-niwa {
  /* NIWA box title. */
  background-color: #e6b5b5;
}
}


Line 428: Line 287:
  */
  */
.mw-editform .editOptions {
.mw-editform .editOptions {
  /* Edit options form. */
/* Edit options form. */
  background-color: #d8f0db;
border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
  /* Apply changes button. */
  background-color: #59cb6a;
  border-color: #33cc6b;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  /* Apply changes button. */
  background-color: #15c52f;
  border-color: #33cc6b;
}


/*
/*
  * Misc.
  * Green UI elements.
  */
  */
 
#mw-sidebar-button:focus {
/* Who's online */
border-color: #080;
#whosonline {
box-shadow: inset 0 0 0 1px #080;
margin-bottom: 0;
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus,
.rcoptions #tagfilter:focus, .rcoptions #tagfilter:hover:focus {
border-color: #080;
box-shadow: inset 0 0 0 1px #080,inset 0 0 0 2px #fff;
}
.suggestions-result-current {
background-color: #2a8d4b;
}
}

Latest revision as of 10:22, July 21, 2024

/* CSS placed here will affect users of the Vector skin */

/* Shared Vector styles
       Edit here: https://www.pikminwiki.com/MediaWiki:Gadget-SharedVector.css */

/*
 * Body.
 */
body {
	/* Background of everything. */
	background: #C2DAB8 url(https://pikmin.wiki.gallery/images/3/37/Vector_background.jpg) center top;
}

@media all and (min-width: 1350px) {
	/* Add a right padding on wider displays. */
	body, #right-navigation {
		padding-right: 11em;
	}
}


/*
 * Header.
 */
#mw-page-base {
	/* Full-white header-like background that the Vector skin has. */
	background: initial;
}

nav.vector-menu-tabs {
	/* Tabs div. */
	background: initial;
	margin-left: 10px;
	height: 37px;
}

nav.vector-menu-tabs ul {
	/* Tabs ul. */
	background: initial;
	height: 37px;
}

nav.vector-menu-tabs ul > li {
	/* Tabs. */
	background: #cec;
	border: 2px solid #66b283;
	border-radius: 10px 10px 0px 0px;
	margin-right: 10px;
	line-height: 0.5em;
}

nav.vector-menu-tabs li.selected {
	/* Current tab. */
	background: #F4F9F2;
	background: linear-gradient(to top,#F4F9F2 2px,#fffc 2px);
	padding-bottom: 2px;
	border-bottom: 0;
}

.vector-menu-tabs, .vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
	/* Remove blue from tabs. */
	background: none;
}

.vector-menu-tabs-legacy .new a,
.vector-menu-tabs-legacy .new a:visited {
	/* Non-existent page tab link color. */
	color: #880;
}

#p-search {
	/* Search container. */
	margin-right: 10px;
}

#p-search form {
	/* Search form. */
	margin-top: 10px;
}

#searchInput, .rcoptions #tagfilter {
	/* Search bar and RC tag filter. */
	background: #fff;
	border-radius: 6px;
	border: 1px solid #a2a9b1;
	padding: 0.3em 0.4em 0.2em;
	transition: border-color 250ms,box-shadow 250ms;
}
.rcoptions #tagfilter:hover {
	/* RC tag filter hover. */
	border-color: #72777d;
}

#searchButton {
	/* Search button. */
	background-position: center 5px;
}

#ca-watch, #ca-unwatch {
	/* Watch/unwatch button. */
	line-height: 2em;
}


/*
 * Sidebar.
 */
#p-logo + .mw-portlet .vector-menu-heading {
	/* Show "Navigation" header. */
	display: block;
}

.vector-menu-portal .vector-menu-heading {
	/* Section headers. */
	color: #000;
	border-bottom: 1px solid #66b283;
	margin-right: 10px;
}

#mw-panel .portal {
	/* Sections. */
	margin-top: 10px;
}

#mw-panel #p-logo + .portal,
#mw-panel .portal, #p-personal {
	/* Sidebar sections, as well as header personal info box. */
	padding: 6px;
	padding-left: 10px;
	border: 2px solid #fff8;
	border-radius: 12px;
	box-shadow: inset 0 0 20px #fff8;
	background-color: #fff4;
}

.vector-menu-portal .vector-menu-content ul {
	/* Lists. */
	list-style-image: url(https://pikmin.wiki.gallery/images/a/a5/Vector_bullet.png);
}

#p-personal {
	/* Personal info box. */
	padding: 0 10px 2px 0;
	right: 0.33em;
}

#p-personal ul {
	/* Personal info box list. */
	padding-left: 0;
}

.vector-user-menu-legacy #pt-userpage a {
	/* Logged-in user icon. */
	background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill=%22%233C8F5B%22 d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill=%22%233C8F5B%22 d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E");
}

.vector-user-menu-legacy #pt-userpage a,
.vector-user-menu-legacy #pt-anonuserpage {
	/* User/anon icon position. */
	background-position: left 5px;
}


/*
 * Footer.
 */
#footer {
	/* Footer. */
	background: url(https://pikmin.wiki.gallery/images/8/83/Vector_banner.png) no-repeat right bottom;
	min-height: 75px;
	border-width: 8px;
	border-bottom-style: solid;
	border-image: linear-gradient(to right, rgba(242, 255, 192, 0), rgba(242, 255, 192, 255) 20%, rgba(242, 255, 192, 255) 80%, rgba(242, 255, 192, 0)) 1;
}

#footer::after {
	/* Clear fix. */
	content: '';
	display: block;
	clear: both;
}


/*
 * Main text.
 */
#content {
	/* Article body. */
	background: #fffc;
	border-right-width: initial;
	border: 2px solid #66b283;
	border-radius: 14px;
}

.mw-body-content {
	/* Article body. */
	font-size: 11pt;
}

.pikipediaBox, .mw-message-box,
.messagebox, .errorbox, .warningbox, .successbox {
	/* Pikipedia & MediaWiki boxes. */
	border-radius: 8px;
}

.mw-indicators {
	/* Game icons. */
	top: 7px;
}

#localNotice {
	/* Site notice. */
	margin: -9px 0 6px;
}

#localNotice .pikipediaBox {
	/* Site notice box. */
	margin: 0 auto 5px;
}


/*
 * Infoboxes.
 */
.infobox {
	/* Infoboxes. */
	border-radius: 8px;
}

.infobox th {
	/* Headers. */
	border-radius: 6px;
}


/*
 * Navboxes.
 */
.navbox {
	/* Navboxes. */
	border-radius: 8px;
}

table.navbox th {
	/* Headers. */
	border-radius: 6px;
}


/*
 * Categories.
 */
#catlinks {
	/* Categories box. */
	border-radius: 8px;
}


/*
 * Main page.
 */
.titledBox {
	/* Section boxes. */
	border-radius: 16px;
	margin-top: 32px;
}

.titledBoxTitle {
	/* Section box titles. */
	border-radius: 12px;
}

.main-page-left-col {
	/* Left column. */
	padding-right: 16px;
}

.main-page-right-col {
	/* Right column. */
	padding-left: 16px;
}


/*
 * Edit page.
 */
.mw-editform .editOptions {
	/* Edit options form. */
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}


/*
 * Green UI elements.
 */
#mw-sidebar-button:focus {
	border-color: #080;
	box-shadow: inset 0 0 0 1px #080;
}
#searchInput:focus, #simpleSearch:hover #searchInput:focus,
.rcoptions #tagfilter:focus, .rcoptions #tagfilter:hover:focus {
	border-color: #080;
	box-shadow: inset 0 0 0 1px #080,inset 0 0 0 2px #fff;
}
.suggestions-result-current {
	background-color: #2a8d4b;
}