「利用者:Terrywallwork/naiad.css」の版間の差分

/* 

Name: Dark Naiad Theme

Revision: 4.6
Date: 21 Feb 2013

Original CSS Link: http://wiki.blender.org/index.php?title=User:Terrywallwork/naiad.css

Based On: Naiad MediaWiki Theme by Mindrones & FSIDDI
Tweaked By: Terry Wallwork, Mindrones & FSIDDI.

NOTE: Theis theme is very experimental and is not in anyway officially supported
      by anybody or any organisation, use at your own risk!

Description: A MediaWiki theme CSS file which changes the original colors of the
Naiad Theme, such that they are darker and hopefully easier on the eye.

How To Use:  To make use of this CSS file you must be using the Naiad MediaWiki
Theme.  To do this goto your MediaWiki Preferences.  Find the Appearance > Skin
section and select the Naiad entry.  If you don't have a Naiad entry listed then
you CANNOT use this file, you will have to ask your nice friendly MediaWiki
Administrator to install the Naiad MediaWiki Theme for you.

Assuming you do see the Naiad theme listed, select it and click the Save/Apply
button in your Preferences screen.  This should apply the Naiad Theme with its
default colors.  If this is the case you can goto back to the Appearance > Skin
section and click the Custom CSS link for the Naiad skin.

Once you click the Custom CSS link you will either be presented with a page
telling you that the link you clicked does not exist and it will offer to let you
create that page.  If this is the case just copy all of this CSS file text that
you are now reading to the newly created blank page and then Save the page.  If
all went well when you have saved the CSS page and refreshed your browser page
the new Dark Naiad Theme should take effect and you should no longer see the
original Naiad color themes any more.  Note that MediaWiki can cache theme setting
for pages, so if the Dark Naiad Theme colors do not show on certain pages then
refreshing the browser cache should fix the issue.  If refreshing does work and
the colors still look wrong then chances are that you have found a bug in the
theme and it would be good to let me know by going to the Original CSS Link
mentioned near the top of this page and then goto the Discussion section at that
page and indicate what issues you found.  Can't promise I can fix all issues but
I will try.

Terry Wallwork 
*/

fieldset {
    background: none repeat scroll 0 0 #111111;
    border: 2px solid #444444;
    margin: 1em 0;
    padding: 0 1em 1em;
}

body,p,ul,ol,div {
	color:#AAA;
	font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Lucida, Verdana, sans-serif;
	font-size:12px;
	line-height:145%;
}
 
body {
	background:#000;
	min-width:980px;
	padding:0;
	margin:0;
	padding:0;
}

body.page-Main_Page {
    background: #000;
}


.maintoc {
    background: #111;
    border: 1px solid #444;

}

.maintoc h2 {
    color: #0099CC;
}

.maintoc h2:hover {
    background: none repeat scroll 0 0 #333333;
}

div.toc_title {
    color: #AAA;
    text-decoration: underline;
}
 
a {
	color: #0099CC;
	text-decoration:none;
	position: relative;
	z-index: 4;
}

pre {
    background-color: #111;
    border: 1px solid #444444;
    color: #EEEEEE;
    overflow: auto;
    padding: 10px;
}



#mw-revision-nav, #mw-revision-info {
    background: none repeat scroll 0 0 #111111;
    text-align: center;
}

.subnav {
    border-bottom: 1px solid #444444;
    height: 18px;
    padding: 6px 13px;
    position: relative;
}
 
.sublevel2 {
    border-top: 1px solid #444444;
    font-size: 11px;
}
 
#column-one {
	width:278px;
	margin: 0;
	padding: 0;
	height:100%;
	position: fixed;
	top: 63px;
	/*background: #eaeaea url('images/column_left_v_margin.png') right repeat-y;*/
	background: none no-repeat scroll 0 0 #222222;
	border-right: 1px solid #444;
	z-index: 4;
}
 
#column-two {
	position: fixed;
	top: 63px;
	width: 260px;
	/*background: #eaeaea url('images/column_right_v_margin.png') repeat-y;*/
	background: none no-repeat scroll 0 0 #222222;
	border-left: 1px solid #444;
	overflow: auto;
	right: 0;
}
 
.dtree a {
	color: #0099CC;
	text-decoration: none;
	outline: none;
}
 
#navtree_selector {
	padding: 10px 0 5px 20px;
	position: absolute;
	background: transparent;
	width: 240px;
	z-index: 5;
}
 
#navtree_selector .dd_button {
    background: url("http://wiki.blender.org/skins/naiad/images/dd_arrow_d_w.png") no-repeat scroll right 6px #444444;
    border: 1px solid #111111;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    margin: 0;
    padding: 0 5px;
    width: 220px;
}

#navtree_selector.active .dd_button {
    background: url("http://wiki.blender.org/skins/naiad/images/dd_arrow_d_w.png") no-repeat scroll right 6px #444444;
    border-bottom: medium none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #111111;
}

#navtree_selector .dd_button:hover {
    background: url("http://wiki.blender.org/skins/naiad/images/dd_arrow_d_w.png") no-repeat scroll right 6px #666;
    border: 1px solid #111111;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    margin: 0;
    padding: 0 5px;
    width: 220px;
}


#navtree_selector ul li.area-start {
    background-color: #888;
    border-top: 1px solid #CCCCCC;
}
 
#navtree_selector ul li span {
    color: #444;
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
}
 
#navtree_selector.active .dd_content {
    background: none repeat scroll 0 0 #000000;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-color: #000;
    display: block;
    position: relative;
    width: 230px;
    z-index: 1;
}
 
#navtree_selector ul li:hover {
    background-color: #444;
}
 
#navtree_selector ul li a {
    color: #0099CC;
    display: block;
    font-size: 11px;
    text-decoration: none;
    width: 220px;
}

.tableNormal {
    background-color: #222222;
    border: 1px solid #444444;
    margin-top: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
}
 
div.maintoc table {
	width:100%;
	background-color:#222;
	border:1px #444 solid;
	margin-top:1em;
	padding-left:1em;
	padding-right:1em;
	padding-bottom:1em;
	}
 
.editsection {
	float:right;
	margin-left:5px;
	opacity: 0.8;
}
 
.editsection:hover { opacity: 1.0; }
 
div.refbox {
	background-color: #222;
	padding: 5px;
}
 
.note {
	width:60%; 
	margin-top:5px; 
	margin-bottom:5px; 
	margin-left:auto; 
	margin-right:auto; 
	border:1px solid #444
}
 
.note_title {
	text-align:center; 
	font-weight:bold; 
	border:1px solid #444; 
	padding:2px; 
	margin:1px; 
	background:#222;
}
 
div.thumbinner {
	background-color: #333;
}
 
#headerWrapper {
	background: none repeat scroll 0 0 #222222;	
	position: fixed;
	top: 0px;
	z-index: 10;
	width: 100%;
}
 
.NiceTip {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #444444;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    margin: 5px;
    padding: 5px;
    color: #AAA;
}
 
 
.literal {
	color: #EEE;
	white-space:nowrap;
	font-style: italic;
        font-weight: bold;
}
 
#col-content  a {
      color:#0099cc;
      font-weight: normal;
}
 
#content_actions li:hover {
    background: repeat scroll 0 0 #444;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    padding: 2px 3px 3px;
}
 
#content_actions li.selected {
    background: repeat scroll 0 0 #444;;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    padding: 2px 3px 3px;
}
 
.dd_item.active .dd_menu {
    background: #444 repeat scroll 0 0;
    border-radius: 2px 2px 2px 2px;
    border-top: medium none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    display: block;
    left: 0;
    padding: 6px 5px 5px;
    position: absolute;
    top: 24px;
    z-index: -1;
}
 
#footer {
	margin:0 auto;
	padding:5px 0 5px 13px;
	position: fixed;
	bottom: 0;
	height: 18px;	
	background: #222;	
	border-top: 1px solid #444;
	text-align: center;
	width: 100%;
	z-index: 5;
}
 
.dd_item .button:hover, .dd_item .button.active, .dd_item.active .button {
    background: url("http://wiki.blender.org/skins/naiad/images/dd_arrow_d_w.png") no-repeat scroll right 5px #444;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}
 
#footer .dd_item .button:hover {
    background: url("http://wiki.blender.org/skins/naiad/images/dd_arrow_u_w.png") no-repeat scroll right 4px #444444;
    border-radius: 2px 2px 2px 2px;
    color: #CCCCCC;
}
 
#footer .dd_item.active .button {
    background: url("http://wiki.blender.org/skins/naiad/images/dd_arrow_u_w.png") no-repeat scroll right 13px #444;
    border: 1px solid transparent;
    border-radius: 0 0 2px 2px;
    box-shadow: none;
    color: #EBEBEB;
    padding-bottom: 0;
    padding-top: 9px;
    position: relative;
    z-index: 1;
}
 
#footer .dd_item.active .dd_menu {
    background: #444 repeat scroll 0 0 transparent;
    border-bottom: medium none;
    border-radius: 2px 2px 0 0;
    border-top: 1px solid #888888;
    bottom: 24px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
    padding-top: 10px;
    top: auto;
    z-index: 0;
}
 
#p-search-div {
    background: none repeat scroll 0 0 #444;
    border: 1px solid #888888;
    border-radius: 3px 3px 3px 3px;
    left: 0;
    position: absolute;
    top: 0;
    width: 185px;
}
 
#footer .dd_item.active .dd_menu {
    background: #444;
    border-bottom: medium none;
    border-radius: 2px 2px 0 0;
    border-top: 1px solid #444;
    bottom: 24px;
    box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3);
    padding-top: 10px;
    top: auto;
    z-index: 0;
}
 
#footer .links {
    color: #888;
    font-size: 11px;
    margin: 0;
    padding-left: 0;
}

.dd_item .dd_menu.extras_one {
    margin-left: -27px;
    text-align: right;
    top: 24px;
    width: 120px;
    z-index: 1;
}

.dd_item .dd_menu.extras_two {
    margin-left: -73px;
    text-align: right;
    top: 25px;
    width: 120px;
}

#pagehistory li.selected {
    background-color: #222222;
    border: 1px dashed #AAAAAA;
}

#pagehistory li.selected {
    background-color: #222222;
    border: 1px dashed #AAAAAA;
}

table.diff td.diff-lineno {
    color: #999999;
    font-weight: bold;
    padding-left: 18px;
}

table.diff td div {
    background: none repeat scroll 0 0 #222222;
    overflow: auto;
    word-wrap: break-word;
}

table.diff, td.diff-otitle, td.diff-ntitle {
    background-color: #111111;
    color: #999;
    font-size: 11px;
}

td.diff-addedline {
    background-color: #222222;
    color: #000000;
}

td.diff-marker {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

td.diff-deletedline {
    background-color: #222222;
    color: #000000;
}

del.diffchange {
    color: #FF3300;
    text-decoration: line-through;
}

ins.diffchange {
    color: #FF3300;
}

hr {
    border-color: #888888;
    border-style: dotted;
}

#bodyContent h1 {
    margin-bottom: 15px;
    padding-top: 10px;
    text-decoration: underline;
    border-bottom: none 
}

.errorbox {
    background-color: #330000;
    border: 3px solid #FF0000;
    border-radius: 3px 3px 3px 3px;
    padding: 10px;
}

#userloginForm {
    background: none repeat scroll 0 0 #222222;
    border: 1px solid #444444;
    border-radius: 2px 2px 2px 2px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 10px;
    width: 350px;
}

.grid_item {
    color: #222222;
    float: left;
    height: 200px;
}

.grid_menu_2 .grid_item {
    background-color: #111111;
    border: 1px solid #444444;
    border-radius: 6px 6px 6px 6px;
    margin-right: 20px;
    width: 498px;
}

.grid_menu_3 .grid_item {
    background-color: #111111;
    border: 1px solid #444444;
    border-radius: 3px 3px 3px 3px;
    height: 80px;
    margin-right: 20px;
    width: 324px;
}

.grid_item h3.bf {
    background: url("http://wiki.blender.org/uploads/5/54/Logo_bf.png") no-repeat scroll right center transparent;
}

.grid_item h3.bi {
    background: url("http://wiki.blender.org/uploads/7/7a/Logo_bi.png") no-repeat scroll right center transparent;
}


#bodyContent h1.grid_title {
    color: #AAAAAA;
    font-size: 40px;
    text-align: center;
}

#scrollbar1 .track {
    background-color: #111111;
    padding: 0 1px;
    position: relative;
    width: 13px;
}

#scrollbar1 .thumb .end, #scrollbar1 .thumb {
    background-color: #444444;
    border-radius: 5px 5px 5px 5px;
}

#scrollbar1 .thumb:hover .end, #scrollbar1 .thumb:hover {
    background-color: #666666;
}

div div.thumb div.thumbcaption {
    border: medium none;
    text-align: left;
    line-height: 1.4;
    padding: 3px 7px;
    background: #111;
    font-size: 11px;
    color: #888;
    margin-top: 5px;
}