In Memoriam: Tai'lahr

OpenUru.org, along with the rest of the Mystonline community, is mourning the loss of Tai'lahr on October 16th, 2019.

Rest in Peace, friend.

MediaWiki:Vector.css

From OpenUru
Revision as of 21:39, 10 October 2016 by Admin (talk | contribs) (Re-add SiteNav css)
Jump to navigation Jump to search
The printable version is no longer supported and may have rendering errors. Please update your browser bookmarks and please use the default browser print function instead.

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will affect users of the Vector skin */
div#mw-head {
	position: absolute;
    /* top: 0; */
	top: 120px; /* OpenUru */
	right: 0;
	width: 100%;

	h3 {
		margin: 0;
		padding: 0;
	}
}

/* Logo */
#p-logo {
    display: none; /* OpenUru */
	position: absolute;
	top: -160px;
	left: 0;
	width: 10em;
	height: 160px;

	a {
		display: block;
		width: 10em;
		height: 160px;
		background-repeat: no-repeat;
		background-position: center center;
		text-decoration: none;
	}
}


/* Panel */
div#mw-panel {
	font-size: @menu-main-font-size;
	position: absolute;
	/* top: 160px; */
    top: 200px; /* OpenUru */
	padding-top: 1em;
	width: 10em;
	left: 0;

	div.portal {
		margin: 0 0.6em 0 0.7em;
		padding: 0.25em 0;
		direction: ltr;
		background-position: top left;
		background-repeat: no-repeat;
		.background-image('images/portal-break.png');

		h3 {
			font-size: @menu-main-heading-font-size;
			color: @menu-main-heading-color;
			font-weight: normal;
			margin: 0;
			padding: @menu-main-heading-padding;
			cursor: default;
			border: none;
		}

		div.body {
			margin: @menu-main-body-margin;
			padding-top: 0;

			ul {
				list-style-type: none;
				list-style-image: none;
				margin: 0;
				padding: @menu-main-body-padding;

				li {
					line-height: 1.125em;
					margin: 0;
					padding: 0.25em 0;
					font-size: @menu-main-body-font-size;
					word-wrap: break-word;

					a {
						color: @menu-main-body-link-color;
						&:visited {
							color: @menu-main-body-link-visited-color;
						}
					}
				}
			}
		}
	}



html
{
	background-color: #000000; /* #2A3847; /* This must be declared before gradient. */
	background: linear-gradient(rgba(42, 56, 71, 1), rgba(220, 222, 226, 1));
	background-repeat: no-repeat;
}

#ou_body
{
	background-color: #FFF;
	border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin: 10px 10px;
	max-width: none;
	min-height: 100%;
	padding: 13px 23px;
	width: auto;
}

#ou_wrap
{
	/* max-width: 850px; */
	/*border: 2px solid #FFF;
	border-radius: 15px;
	box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, .25);
	margin: 0px 10px;
	max-width: none;
	padding: 13px 23px;
	width: auto;*/
}

#ou_page_header
{
	background-color: #4E6174;
	background: linear-gradient(rgba(42, 56, 71, 1), rgba(81, 99, 119, 1));
	border-radius: 5px;
	color: #FAFAFA;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	height: 89px;
	margin: 0px 0px 3px 0px;
	position: relative;
}

#ou_logo
{
	background-image: url("./images/OpenUruBlueLogo.png");
	background-size: contain;
	height: 90%;
	background-repeat: no-repeat;
	left: 10px;
	position: absolute;
	top: 5%;
	width: 225px;
}

#ou_logo_support
{
	background-image: url("./images/OpenUruBlueLogo-Support.png");
	background-size: contain;
	height: 90%;
	background-repeat: no-repeat;
	left: 10px;
	position: absolute;
	top: 5%;
	width: 225px;
}

#ou_logo_wiki
{
	background-image: url("http://localhost/sitenav/styles/images/OpenUruBlueLogo-Wiki.png");
	background-size: contain;
	height: 90%;
	background-repeat: no-repeat;
	left: 10px;
	position: absolute;
	top: 5%;
	width: 225px;
}

/* imageset.css changes */
/*.imageset.site_logo
{
	background-image: url("");
	background-size: auto 0px;
	padding-left: 200px;
}*/

.ou_name
{
	display: none;
	font-size: 2em;
	margin-top: 0.67em;
	margin-bottom: 0.67em;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
}

.ou_description
{
	font-size: 12px;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 100%;
}

.ou_copyright
{
	font-size: 10px;
	position: absolute;
	right: 15px;
	bottom: 10%;
}

#ou_menu_bar
{
	background: #4E6174; /* rgb(83, 100, 130) */
	border-radius: 5px;
	font-family: Trebuchet MS;
	height: 28px;
	margin: 0px;
}

#ou_top_menu
{
	list-style-type: none;
	margin: 0px;
	position: relative;
	left: -35px;
}

#ou_top_menu_wiki
{
	list-style-type: none;
	list-style-image: none;
	margin: 0px;
	position: relative;
	left: 5px;
}

.ou_top_li
{
	color: #FAFAFA;
	float: left;
	font-size: 15px;
	padding: 5px 25px 0px 0px;
	text-align: center;
}

	.ou_top_li a, .ou_top_li a:visited
	{
		color: #FAFAFA;
		position: static;
		text-decoration: none;
	}

		.ou_top_li a:hover
		{
			color: #A8D8FF;
			font-size: 15px;
			position: static;
			text-decoration: underline;
		}

@media all and (max-width: 480px)
{
	.ou_description, .ou_copyright
	{
		display: none;
	}

	#ou_body
	{
		border: none;
		border-radius: 0px;
		border-width: 0px;
		box-shadow: none;
		margin: 0px;
		padding: 0px;
		width: auto;
	}

	#ou_page_header
	{
		border-radius: 0px;
	}

	#ou_menu_bar
	{
		border-radius: 0px;
	}

	#ou_cms_content
	{
		font-size: 12px;
		padding: 0px;
		width: auto;
	}

	#ou_page_header
	{
		height: 50px;
	}

	#Minibox
	{
		display: none;
	}
}


#ou_cms_wrap
{
	padding: 0px;
	direction: ltr;
	text-align: left;
}

.ou_cms_cavstat
{
	background: #E8ECEE;
	border: 1px solid #4D6072;
	color: #536482;
	font-size: 13px;
	font-weight: normal;
	margin: 3px 0px 3px 0px;
	padding: 3px 10px 4px 10px;
	position: relative;
}

.ou_cms_cavstat a
{
	text-decoration: underline;
	color: #536482;
}

.ou_cms_cavstat a:hover
{
	text-decoration: underline;
	color: #D31141;
}

#ou_cms_content
{
	font-size: 14px;
	background-color: #F5F5F5;
	background-image: url("./images/11LA.png");
	padding: 5px 20px 20px 20px;
}

	#ou_cms_content a:hover
	{
		color: #BC2A4D;
	}

#ou_cms_print
{
	clear: both;
	display: none;
}

#Minibox
{
	filter: alpha(opacity=0);
	height: 90px;
	left: 37px;
	opacity: 0.0;
	position: absolute;
	top: 10px;
	width: 90%;
	z-index: 5;
}

#Mini
{
	position: relative;
	top: 0px;
}

/* Some common bits
---------------------------------------- */

h1
{
	font-size: 18px;
	padding-top: 5px;
}

h2
{
	font-size: 16px;
	padding-top: 5px;
}

h3
{
	font-size: 14px;
	padding-top: 5px;
}

td.min_list
{
	font-size: 14px;
}

	td.min_list a
	{
		text-decoration: none;
	}

td.norm_list
{
	font-size: 12px;
}

a:visited
{
	color: #5555AA;
}

span.hilite
{
	color: #CC6600;
}

#ou_cavstat_closed
{
	background-image: url("./images/led-red.gif");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}

#ou_cavstat_restricted
{
	background-image: url("./images/led-yellow.gif");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}

#ou_cavstat_open
{
	background-image: url("./images/led-green.gif");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}

#ou_cavcon_1
{
	background-image: url("./images/dollar_red2.png");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}

#ou_cavcon_2
{
	background-image: url("./images/dollar_orange2.png");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}

#ou_cavcon_3
{
	background-image: url("./images/dollar_yellow2.png");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}

#ou_cavcon_4
{
	background-image: url("./images/dollar_blue2.png");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}

#ou_cavcon_5
{
	background-image: url("./images/dollar_green2.png");
	padding: 0px 20px 0px 0px;
	background-repeat: no-repeat;
}