MediaWiki:Common.css: Difference between revisions

Latest revision as of 10:42, 21 March 2024

/* CSS placed here will be applied to all skins */

/* Vanilla theme for Vector 2010 */

body { 
	background-color: rgb(255, 210, 150); /* vanilla */
	background-image: linear-gradient(100deg, rgb(255, 210, 150), rgb(255, 255, 255) );
	background-repeat: no-repeat;
}
#firstHeading { font-family: 'ubuntu', 'noto sans', 'segoe ui', verdana, tahoma, 'trebuchet ms', arial, helvetica, sans-serif } 
.mw-body { 
	border:1px solid darkorange;
	border-right-width:0;
}
#mw-page-base { background:none; }

.vector-menu-tabs,
.vector-menu-tabs a { background:none ; }
.left-navigation { margin-bottom: 10px; }
.vector-menu-tabs li { border-radius: 100px; }
.vector-menu-tabs li  { padding: 1px; margin: 1px; }

#content { 
	border-radius: 30px 0 0 30px;
	box-shadow: -5px 5px 10px -7px #000000;
}

.vector-menu-tabs li { 
	background-image:none;
	background-color:white; /* fallback */
	background-color:rgba(255,255,255,0.5) }
.vector-menu-tabs li a { padding-top: 0; height:20px; }
.vector-menu-tabs { padding-left: 30px; }

/* group 1 */
a:link, .vector-menu-portal .vector-menu-content li a,
.skin--responsive #p-personal li a {
  color: #C80;
}

/* group 2 */
.vector-menu-portal .vector-menu-content li a,
.skin--responsive #p-personal li a,
#p-personal a,
#footer a {
	color: brown;
}

/* selection */
::selection {  background-color: rgb(255, 210, 150); } /* vanilla */
::-moz-selection {  background-color: rgb(255, 210, 150); } /* Firefox 61 and earlier */

/* edit summaries */
.autocomment a { color: grey; }

/* legacy MediaWiki */
.vectorTabs { margin-left: 30px; }
.vectorTabs,
.vectorTabs a { background:none ; }
.left-navigation { margin-bottom: 10px; }
.vectorTabs li { border-radius: 100px; }
.vectorTabs li  { padding: 1px; margin: 1px; }

.vectorTabs li { 
	background-image:none;
	background-color:white; /* fallback */
	background-color:rgba(255,255,255,0.5);
}
.vectorTabs li a { padding-top:0; height:20px; }
.vectorTabs { padding-left: 30px; }
.mw-panel a,
#mw-panel .portal .body li a{ color: brown; }
div.vectorTabs ul,
div.vectorTabs ul li { background-image: none; height:20px;}
div.vectorTabs span a { padding-top: 0; }
div.vectorTabs,
div.vectorTabs span{ background-image: none; }
div.vectorTabs ul li { margin-left: 5px; }


/* Infobox Styling */
.infobox {
    background: rgb(255, 210, 150);
    border: 1px solid darkorange;
    border-radius: 20px;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 1.5em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox-navlinks {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 180px;
    font-size: 0.9em;
}
.infobox td {
    vertical-align: top;
    font-size: 0.9em;
}



/* ---=== Table for Events ===--- */

.eventstable {
  font-family: Arial, Helvetica, sans-serif;

  border-collapse: separate;
  border-spacing: 0;
}

.eventstable td, .eventstable th {
  border-collapse:separate !important;
  padding: 8px 12px 8px 8px;
  vertical-align: top;
}


.eventstable tr:nth-child(even){background-color: #f2f2f2;}

.eventstable tr:hover {background-color: #ddd;}

.eventstable td:nth-child(1) { font-weight: bold }

.eventstable td:nth-child(2) p { border-top: 1px dotted darkorange; padding-top: 8px}

.eventstable th {
  padding: 12px 12px 12px 8px;
  text-align: left;
  background-color: rgb(255, 210, 150);
}

.eventstable tr th {
  border-top: 1px solid darkorange;
}

.eventstable tr th,
.eventstable tr td {
  border-right: 1px solid darkorange;
  border-bottom: 1px solid darkorange;
  padding: 5px;
}
.eventstable tr th:first-child,
.eventstable tr td:first-child {
  border-left: 1px solid darkorange;
}

/* top-left border-radius */
.eventstable tr:first-child th:first-child {
  border-top-left-radius: 6px;
}

/* top-right border-radius */
.eventstable tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
.eventstable tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
.eventstable tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}