Difference between revisions of "MediaWiki:Common.css"

From Hobowars Wiki
Jump to: navigation, search
m (Add CSS for the colors of the alternating-color table rows in sortable tables.)
m (stripes working, looks complete)
 
(25 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
table.collapsed tr.collapsable
+
.sortable tbody tr:nth-child(even),
 +
.sortable tbody tr.even {background:#DCDCDC;}
 +
 
 +
span[title]
 
{
 
{
        display: none;
+
        border-bottom-color: inherit;
 +
        border-bottom-style: dashed;
 +
        border-bottom-width: 1px;
 
}
 
}
+
 
.collapseButton
+
td[title]
 +
{
 +
        border-right-color: inherit;
 +
        border-right-style: dashed;
 +
        border-bottom-color: inherit;
 +
        border-bottom-style: dashed;
 +
}
 +
 
 +
 
 +
/* Rounded corners probably won't be rendered in Internet Explorer. Sorry. :( */
 +
 
 +
.allrc
 
{
 
{
        float: right;             /* 'show'/'hide' buttons created dynamically by the        */
+
-moz-border-radius: 5px; /* Old Firefox */
        font-weight: normal;     /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
+
-webkit-border-radius: 5px; /* Chrome/Safari */
        text-align: right;       /* are styled here so they can be customised.              */
+
-khtml-border-radius: 5px; /* Konqueror Browsers */
        width: auto;
+
-o-border-radius: 5px; /* Opera */
 +
border-radius: 5px;
 
}
 
}
  
tr.odd
+
.leftrc
 
{
 
{
        background: white;
+
-moz-border-radius: 5px 0px 0px 5px; /* Old Firefox */
 +
-webkit-border-radius: 5px 0px 0px 5px; /* Chrome/Safari */
 +
-khtml-border-radius: 5px 0px 0px 5px; /* Konqueror Browsers */
 +
-o-border-radius: 5px 0px 0px 5px; /* Opera */
 +
border-radius: 5px 0px 0px 5px;
 
}
 
}
  
tr.even
+
.rightrc
 
{
 
{
        background: gainsboro;
+
-moz-border-radius: 0px 5px 5px 0px; /* Old Firefox */
 +
-webkit-border-radius: 0px 5px 5px 0px; /* Chrome/Safari */
 +
-khtml-border-radius: 0px 5px 5px 0px; /* Konqueror Browsers */
 +
-o-border-radius: 0px 5px 5px 0px; /* Opera */
 +
border-radius: 0px 5px 5px 0px;
 
}
 
}

Latest revision as of 04:46, 11 July 2014

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

.sortable tbody tr:nth-child(even),
.sortable tbody tr.even {background:#DCDCDC;}

span[title]
{
         border-bottom-color: inherit;
         border-bottom-style: dashed;
         border-bottom-width: 1px;
}

td[title]
{
        border-right-color: inherit;
        border-right-style: dashed;
        border-bottom-color: inherit;
        border-bottom-style: dashed;
}


/* Rounded corners probably won't be rendered in Internet Explorer. Sorry. :( */

.allrc
{
	-moz-border-radius: 5px; /* Old Firefox */
	-webkit-border-radius: 5px; /* Chrome/Safari */
	-khtml-border-radius: 5px; /* Konqueror Browsers */
	-o-border-radius: 5px; /* Opera */
	border-radius: 5px;
}

.leftrc
{
	-moz-border-radius: 5px 0px 0px 5px; /* Old Firefox */
	-webkit-border-radius: 5px 0px 0px 5px; /* Chrome/Safari */
	-khtml-border-radius: 5px 0px 0px 5px; /* Konqueror Browsers */
	-o-border-radius: 5px 0px 0px 5px; /* Opera */
	border-radius: 5px 0px 0px 5px;
}

.rightrc
{
	-moz-border-radius: 0px 5px 5px 0px; /* Old Firefox */
	-webkit-border-radius: 0px 5px 5px 0px; /* Chrome/Safari */
	-khtml-border-radius: 0px 5px 5px 0px; /* Konqueror Browsers */
	-o-border-radius: 0px 5px 5px 0px; /* Opera */
	border-radius: 0px 5px 5px 0px;
}