User:ElStrages/common.css

From RimWorld Wiki
Jump to navigation Jump to search

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.
/************* Top of page	*************/
/***** Logo & Banner *****/
/* banner */
#banner {
  background-color: #CD00AF;
  background-image: url(Images?sendfile=true&file=logo_background.png);
  background-repeat: no-repeat;
  font-size: 14pt;
  font-family: Arial, Helvetica, sans-serif;
}
/* Logo container */
.logo {
}
#logo { 
}
/* Logo  */
td.logo_banner {
}
.logo td {
}
/* Logo Text (used if no image */
#logo_text {
  font-size: 28pt;
  color: #F8F8FF !important;
  text-decoration: none !important;
  font-family: Arial, Helvetica, sans-serif;
}
/***** User Name, Password Area *****/
/* User name and settings */
td.user_banner {
}
td.user_banner table {
}
/* If Logged in Username & Welcome */
.user_area {
  color: #F8F8FF;
}
.user_area a {
  color: #FFFFFF!important;
}
.user_area table {
}
.user_area td {
}
.user_area .welcome { 
}
/* If not logged in */
/* See Et Cetera for input forms */
.login_area {
  color: #F8F8FF;
}
.login_area input { font-size: x-small; }
.login_area a { color: #050505; }
.login_area table {
}
.login_area td {
}

/*********** Navigation Tab Area ****/
/* Primary navigational tabs */
a.tab.tab, a.tab:visited {
  background: #3F1143;
  color: #E8E8EE;
  border-top: 1px solid #AAAAAA;
  border-left: 1px solid #AAAAAA;
  border-right: 1px solid #AAAAAA;
  text-decoration: none;
}
a.tab:hover {
  color: #050505;
  background: #E8E8EE;
}
a.tab.notice { font-weight: bold;}
/* The tab for the current page, foremost tab */
a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background: #3F1143;
  border-left: 1px solid #F8F8FF;
  border-right: 1px solid #F8F8FF;
  border-bottom: 1px solid #3F1143;
  color: #F8F8FF;
}
/* Area which contains the tabs */
div.tabArea {
  font-size: 11px;
  border-bottom: 1px solid #AAAAAA;
  color: #AAAAAA;
}

/*********** Switching button-icons **********/
/* Row that contains page icons (e.g. "Edit", "Info") */
td.pageIcon {
  font-size: 7pt;
}
td.pageIconSelected {
  font-size: 7pt;
  font-weight: bold;
  color: #F8F8FF;
}
#iconRow td.pageIcon { 
}
#iconRow td.pageIconSelected {
}
/* The search box */
#search_form { 
}
#search_form form {
}

/*************************************		Page content	*************/

/* Page Title */
#title {
  background: #3F1143;
  border-bottom: 1px solid #F8F8FF;
}
/* Title Text */
#title_text {
color:#000000;
} 
#title h1 {
        font-size: 160%;
}
#title_text td {
}
#title_area_table {
}

/* Sub-title */
.minorTitle {
  font-size: x-large;
}

/************* Page Body *************/
body {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 18px;
  background: #000000;
  font-weight: normal;
  color: #F8F8FF;
  background-color: #000000;
}

/* Page Content */
.content {
}

/* Standard Text */
pre {
  border: 1px solid #CBCBCB;
  background-color: #000000;
  color: #F8F8FF;
}

/* Table Of Contents */
.tableOfContents
{
 background-color:#222222;
 border: 1px solid #F8F8FF;
 
}
.floatLeftTOC
{
	
}
.floatRightTOC
{
}

/* Link Formatting */
a:link {
  background-color: inherit;
  color: #FFFFFF;
}
a:visited {
  background-color: inherit;
  color: #FFAAAA;
}
a:hover {
  background-color: inherit;
  text-decoration: none;
  color: #3DFFF4;
}
a.nonexistent, a.badinterwiki {
  background-color: inherit;
  color: #FEE783;
  text-decoration: none;
  border-bottom: 1px dashed #FEE783;
}
a.nonexistent:hover {
  border-bottom: 0px;
  cursor: pointer;
  color: #3DFFF4;
}
a.nonexistent:visited { color: #101010; }
a.tinyNonexistent /* used for things like "Talk" links when they don't exist */ {
  text-decoration: none;
  background-color: inherit;
  color: #F8F8FF;
}
a.tinyNonexistent:hover {
  cursor: pointer;
  color: #3DFFFA;
}

/* Tables */
.wikitable td {
}
.wikitable {
}
/* Lists */
.wikipage ul {
}
.wikipage li { 
}

/*indented headings*/
.wikipage ul h2, h3,h4,h5,h6{
}
/* Headings */
h2, h3, h4, h5, h6 {
  font-family: Verdana, sans-serif;
  color: #F8F8FF;
}
h3, h4, h5, h6 {
}
h1 a, h2 a, h3 a{
  text-decoration: none;
}
h2 {
  font-size: 2em;
  font-weight: normal;
  border-bottom: 1px solid #F8F8FF;
}
h3 {
  font-size: 1.5em;
  font-weight: normal;
  border-bottom: 1px dashed #F8F8FF;
}
h4 {
  font-size: 1.3em;
  font-weight:normal;
}
h5 {
  font-size: 1.2em;
  font-weight: normal;
}
h6 {
  font-size: 1.1em;
  font-weight: normal;
}

/* Editable Subsections */
table.sectionEdit h2 
{ 
  border-bottom: none; 
  font-size: 2em; 
} 
table.sectionEdit 
{ 
  border-bottom: 1px solid #aaaaaa;
}
table.sectionEdit a { text-decoration: none; }
table.sectionEdit h2 a { color:#F8F8FF; }
table.sectionEdit td {
 }

/* Horizontal Rule */
hr {
    background-color: #CBCBCB;
    color: #CBCBCB;
}
/* Footnotes */
.footnotes div {
  border-top: 1px solid #CBCBCB;
}

/*************************************		Bottom of Page	*************/
/* The footer, which contains things like "Edit", "Bookmark" and text/icons. */
#footer {
  background-color: #3F1143;
  border: 1px dashed #AAAAAA;
}
#footer p {
}
#footer .license { font-size: 9px; }


/*************************************		Edit Page	*************/
/* This is the page editing area (textarea, in our case) */
#savetext { font-family:  Verdana, sans-serif;
 font-size: 13px;
 background: #000000;
 font-weight: normal;
 color: #F8F8FF;
}
/* Input button used for some actions (e.g. "Rename" page) */
.formbutton {
  cursor: hand;
  font-family:  Verdana, sans-serif;
  font-size: 11px;
}
/* The comment area for making a page edit */
#editComment {
}

/* The editor markup buttons */
#editButtonRow {
  border: 0;
}

/*************************************		History Page	*************/
/* Content of the tab area */
#tabPage {
  border: 1px solid #F8F8FF;
  border-bottom: 1px solid #F8F8FF !important;
}
#tabPage h3 {
}
/* The tabs themselves  move section to info.*/
#tabmenu {
     font-size: 8pt;
}
#tabmenu li {
     border: 1px solid #F8F8FF;
     list-style-type: none;
     border-bottom: none;
}
#tabmenu li.active {
     border-bottom: 3px solid #000000 !important;
     _border-bottom: 3px solid #000000 !important; /*ie hack*/
}
#tabmenu li a { text-decoration: none; }
#tabmenu li.active a {
     border-bottom: 3px solid #000000 !important;
     _border-bottom: 1px solid #000000 !important; /*ie hack*/
}
/* Info area history */
#pageHistory td {
 }
div.editInfo {
 }


/* The 'differences' view */
.diff {
  border: 1px solid #0A0A0A;
}
.diff td {
  border: 1px solid gray;
}
/* One side of the differences */
.diff-item { 
}
/* Area that marks the line numbers where things change */
.diff-title { background-color: #F7F7FF; }
/* Added area */
.diff-added span { 
  font-weight: bold; 
  background-color: #000000;
}
/* Removed area */
.diff-removed span { 
  text-decoration: line-through;  
  background-color: #000000;
}
/*************************************	Recent Changes Page	*************/

/* Editor's name */
.rceditor {
  color: #010101;
}
/* Editor's comment */
.rccomment {
  color: #EDEDEE;
}

/* Recent Changes / Bookmarks change display */

/* Entry and Line Formatting */
.rcEntry {
 }
.rcpageline {
}

/* Link to Page */
.rcpagelink { font-size: 14px; }
.rcpagelink span {
}

/* Recent changes modified time */
.rctime {
  font-size: 14px;
  color: #4d4d4d;
}
/***** Recent Changes Tag Stuff *****/
/* General Tag Formatting */
.rcTag {
  font-size: 80%;
  background-color: none;
  border: 1px solid gray;
}
.rcTag a {
  text-decoration: underline;
}
/* "New" tag */
.rcTagNew {
  background-color: none;
}
/* "Changes" tag */
.rcTagChanges {
  background-color: none;
}
/* "Deleted" tag */
.rcTagDeleted {
  background-color: none;
}

/*************************************	User's Stuff	*************/
/* User Link area, "logout/settings/watch" */
.user_area .user_items {
  font-size: 80%;
}

/***** Bookmarks display (user's bookmarks) *****/
/* Edit time */
.favtime {
  font-size: 12px;
  color: #d4d4d4;
}
/* Page editor */
.faveditor {
  color: #010101;
  font-size: 12px;
} 
/* Edit comment */
.favcomment {
  color: #d4d4d4;
  font-size: 12px;
}

/* Change Display */
.bookmarks .rcpagelink {
}

/* Formatting for [[Userstats()]] */
#useredits table { 
}
#useredits table td {
}
/*************************************		Map Stuff	*************/

/* Contains the map */
#mapContainer {
  background-color: #3F1143;
  border-right: 1px dashed #aaaaaa;
  border-bottom: 1px dashed #aaaaaa;
  border-top: 5px solid #3F1143;
}
/* Contains just the map */
#map {
  border: 1px solid gray;
}

/*************************************		Et cetera	*************/

.inlineEditHighlight {
  background-color: #3F1143;
}

/* The warning / notification message box */
#message {
  font-size: 120%;
  background-color: #3F1143;
  border: 1px dashed #F8F8FF;
  color: #FFFFFF;
  text-align: center;
}

/* Non-warning/alert style dialog.  Such as used for search results. */
.dialogBox {
  background-color: #3F1143;
  border: 1px solid #999999;
}
.dialogBox td {
}

/* actionBoxes, similar to buttons, used to show users, hide users, etc. */
.actionBoxes { 
 }
td .actionBoxes {
}
td .actionBoxes span {
}
.actionBoxes a { text-decoration: none; } 
span.actionBoxSelected {
  border: none !important;
  font-weight:bold;
}
.actionBoxes span {
  font-size: 8pt;
  border:1px solid #DDDDDD;
  background:#f5f5f5;
}
.actionBoxes a { text-decoration: none; } 

/* "optional" or minor points are made using minorText. */
.minorText {
  color: gray;
}
.minorText a {
   color: #070707;
   text-decoration: none;
}
.minorText a:hover {
   color: #101010;
   text-decoration: none;
}

/* used for [action here] boxes with brackets around them */
.minorActionBox { 
  font-size: 10pt;
}

/* Input field for forms (e.g. username/password fields) */
.formfields {
  background-color: #000000;
  border: 1px solid #999999;
  font-family:  Verdana, sans-serif;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}

/* Icon used when linking to other wikis using interwiki-style links.
 * also used when displaying certain links to other wikis, such as search results
*/
img.interwiki_icon {
  border: none;
}

/* The previewed page area */
div.preview {
  border: 2px solid #CBCBCB;
  background: none;
}

/* Global footer area */
.wikiGlobalFooter { padding-top: .4em; }
/* Wiki Spot specific footer styling */
.wikiSpotFooter
{
  text-align: center;
  font-size: 10pt;
  width: 60%;
  padding: 0 1em 1em 1em;
  color: #000000;
}
.wikiSpotFooter a {
  text-decoration: none; 
  color: #ffffff !important;
}