Login.png
您还没有登录,请http://wiki.sosg.net/skins/monobook/user.gif点此登录后进行编辑。
如果您还没有在SOSG WIKI注册,请http://wiki.sosg.net/skins/monobook/user.gif点此注册
请注意SOSG WIKI的账号是不同于SOSG论坛账号的。


MediaWiki:Monobook.css

来自SOSG Wiki
跳转至: 导航搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 此处的 CSS 将影响使用 Monobook 皮肤的用户 */
#EnWpMpBook3 { background-image: url(http://wiki.sosg.net/images/6/64/Banner-bg.jpg); }#EnWpMpBook4 { background-image: url(http://wiki.sosg.net/images/8/89/Banner-bgw.jpg); }#EnWpMpBook5 { background-image: url(http://wiki.sosg.net/images/8/89/Banner-bgw.jpg); }

#title-bar-vigar {
background: url(http://wiki.sosg.net/images/8/8d/Vigar.png) repeat-x;
}

#test {
background: url(http://i.imgur.com/Rgt94.png);
}

#gradient{
background: url(http://wiki.sosg.net/images/a/ad/Gradient-glossy.png) repeat-x;
display: block;
}

#gradient-core{
font: bold 330%/100% "Lucida Grande";
position: relative;
color: #464646;
}
#gradient-style{
background: url(http://wiki.sosg.net/images/a/ad/Gradient-glossy.png) repeat-x;
position: absolute;
display: block;
width: 100%;
height: 31px;
}

/*倒影测试*/


#cavas1
{
  width:500px;border:2px solid orange;margin:100px;padding:10px;line-height:1.4em;
  -moz-transform:matrix(1, -0.2, 0, 1, 0, 0);
  -webkit-transform:matrix(1, -0.2, 0, 1, 0, 0);
  -o-transform:matrix(1, -0.2, 0, 1, 0, 0);
  -ms-transform:matrix(1, -0.2, 0, 1, 0, 0);
  transform:matrix(1, -0.2, 0, 1, 0, 0);
color:red
}
#cavas2{
transform:rotate(180deg);
-o-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-khtmltransform:rotate(180deg);
color:green}

#reflect
{
  width:500px;border:0px solid orange;margin:0px;padding:0px;
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg);
}


#reflectcore
{
  width:500px;border:0px solid orange;margin:0px;padding:0px;
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
color:transparent;
overflow:hidden;
}
#reflectcore:hover {
transform:rotate(0deg);
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
-ms-transform:rotate(0deg);
color:#007FFF;
font-size:100%;
overflow:hidden;
}

#reflecthidden
{
  width:200px;border:0px solid orange;margin:0px;padding:0px;;
  -moz-transform:rotate(0deg);
  -webkit-transform:rotate(0deg);
  -o-transform:rotate(0deg);
  -ms-transform:rotate(0deg);
  transform:rotate(0deg);
}
#reflecthidden:hover {
transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
color:transparent;
font-size:100%;
overflow:hidden;
}


/*悬浮显示*/


div.MouseOver
{position:relative;
left:5px; 
font-weight:bold;
}
div.MouseOver:link, div.MouseOver:hover 
{text-decoration:none;color:#000;display:block}
.MouseOver span {display:none;text-decoration:none;}
div.MouseOver:hover span.MouseOver-info {
display:block;
border:1px solid #F96;
background:#FFEFEF;
padding:10px 20px;
position:absolute;
top:0px;
left:10px;
color:#009933;
overflow:hidden;
z-index:10;  /*设置层次,随着数字增大而越往上*/
}

body {
	font: x-small sans-serif;
	background: #f9f9f9 url(http://wiki.sosg.net/images/a/a6/Headbg.jpg) 0 0;
	background-repeat:no-repeat;
	color: black;
	margin: 0;
	padding: 0;
}
.ns-0 * #p-cactions li a {
    background-color: transparent;
}
.pBody {
	font-size: 95%;
	background: transparent;
	background-color: transparent;
	color: black;
	border-collapse: collapse;
	border: 1px solid #aaa;
	padding: 0 .8em .3em .5em;
}
#p-cactions li {
	display: inline;
	border: 1px solid #aaa;
	border-bottom: none;
	padding: 0 0 .1em 0;
	margin: 0 .3em 0 0;
	overflow: visible;
	background-color: transparent;
}
#p-cactions li.selected {
	background-color: white;
	border-color: #fabd23;
	padding: 0 0 .2em 0;
	font-weight: bold;
}
#p-cactions li a {
	background-color: transparent;
	color: #002bb8;
	border: none;
	padding: 0 .8em .3em;
	position: relative;
	z-index: 0;
	margin: 0;
	text-decoration: none;
}
#p-cactions li.selected a {
	z-index: 3;
	padding: 0 1em .2em!important;
	background-color: white;
}
.ns-0 * #content {
  background-attachment:initial;
  background-clip:initial;
  background-color:transparent;
  background-image:url(http://wiki.sosg.net/images/d/dd/Content-bg.png);
  background-origin:initial;
  background-position:initial initial;
  background-repeat:repeat-x;
}
#content {
	background-color:transparent;
	margin: 2.8em 0 0 12.2em;
	padding: 0 1em 1em 1em;
	position: relative;
	z-index: 2;
	background: url(http://wiki.sosg.net/images/d/dd/Content-bg.png) repeat-x;
}


/* 
== LIGHT BLUE SECTION ==
Make all non-namespace pages have a light blue content area. This is done by
   setting the background color for all #content areas to light blue and then
   overriding it for any #content enclosed in a .ns-0 (main namespace). I then
   do the same for the "tab" background colors. --Lupo */

#content {
    background: #F8FCFF; /* a light blue */
}

#content div.thumb {
    border-color: #F8FCFF;
}

.ns-0 * #content {
  background-attachment:initial;
  background-clip:initial;
  background-color:transparent;
  background-image:url(http://wiki.sosg.net/images/d/dd/Content-bg.png);
  background-origin:initial;
  background-position:initial initial;
  background-repeat:repeat-x;
}

#mytabs li {
    background: #F8FCFF;
}

.ns-0 * #mytabs li {
    background: white;
}

#mytabs li a {
    background-color: #F8FCFF;
}

.ns-0 * #mytabs li a {
    background-color: white;
}

#p-cactions li a, #p-cactions li a:hover, #p-cactions li.selected a {
    background-color: #F8FCFF;
}

.ns-0 * #p-cactions li a {
    background-color: transparent;
}

.ns-0 * #p-cactions li.selected a, .ns-0 * #p-cactions li a:hover {
    background-color: white;
}

.ns-0 * #content div.thumb {
    border-color: white;
}

 /* Bold 'edit this page' link to encourage newcomers */
#ca-edit a { font-weight: bold !important; }
/* Accessibility experiment: make diff changes not just colour-based */
 
.diffchange {
    font-weight: bold;
    background-color: inherit;
}
 
td.diff-addedline, td.diff-deletedline, td.diff-context {
    font-size: 85%;
    color: inherit;
}
 
#pt-login {
  font-weight: bold;
  font-size: 110%;
}
 
form#userlogin {
  float: left;
  padding: 1em 1em .7em 1em;
  background-color: #ffffe6;
  border: 2px solid #fc6;
  color: #000;
  margin-right: 2em;
}
 
form#userlogin table {
  float: left;
  background-color: #ffffe6;
  color: #000;
}
 
p.error {
  font-weight: bold;
}
/* common.css*/

/*
== 表格 ==
*//* wikitable/prettytable class for skinning normal tables */table.wikitable,
table.prettytable { background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; margin-top: 1em; margin-bottom: 1em;}table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em;}table.wikitable th,
table.prettytable th { background: #f2f2f2; text-align: center;}table.wikitable caption,
table.prettytable caption { margin-left: inherit; margin-right: inherit;}/*

/* Infobox template style */.infobox {  border: 1px solid #aaaaaa;  background-color: #f9f9f9;  color: black;  margin-bottom: 0.5em;  margin-left: 1em;  padding: 0.2em;  float: right;  clear: right;}.infobox td,
.infobox th {  vertical-align: top;}.infobox caption {  font-size: larger;  margin-left: inherit;}.infobox.bordered {  border-collapse: collapse;}.infobox.bordered td,
.infobox.bordered th {  border: 1px solid #aaaaaa;}.infobox.bordered .borderless td,
.infobox.bordered .borderless th {  border: 0;}.infobox.sisterproject {  width: 20em;  font-size: 90%;} 
/* styles for bordered infobox with merged rows */.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {  border: 0;  border-top: 1px solid #aaaaaa;  border-right: 1px solid #aaaaaa;} 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {  border: 0;  border-right: 1px solid #aaaaaa;} 

/*
== 折叠效果 ==
*//* Standard Navigationsleisten.*/div.Boxmerge,
div.NavFrame {    margin: 0px;    padding: 2px;    border: 1px solid #aaaaaa;    border-collapse: collapse;    font-size: 95%;}div.Boxmerge div.NavFrame {    border-style: none;    border-style: hidden;}div.NavFrame + div.NavFrame,
div.NavFrame + table.collapsible,
table.collapsible + div.NavFrame,
table.collapsible + table.collapsible {    border-top-style: none;    border-top-style: hidden;}div.NavPic {    background-color: #ffffff;    margin: 0px;    padding: 2px;    float: left;}div.NavFrame div.NavHead {    height: 1.6em;    font-weight: bold;    font-size: 100%;    text-align: center;    background-color: #efefef;    cursor:pointer;}div.NavFrame p {    font-size: 100%;}div.NavFrame div.NavContent {    font-size: 100%;}div.NavFrame div.NavContent p {    font-size: 100%;}div.NavEnd {    margin: 0px;    padding: 0px;    line-height: 1px;    clear: both;}span.NavToggle {    float: right;    display: none; /*保证在禁用JS状态下不显示提示*/    text-align: right;    font-weight: normal;    font-size: smaller;}


== headline edit ==
*/.editsection { font-weight: normal !important; margin-left: 1em;}/*修正IE的渲染bug*/.noedit { padding-top: 1px;}.noedit .editsection
{ display: none;}

== ToolTips ==
*/.TipTrackButton_tip, .TipMouseButton_tip, .TipClickButton_tip, .TipTrack_tip, .TipMouse_tip, .TipClick_tip {  border: 1px solid #8888aa;  background: #f7f8ff;  padding: 0.5em;}

/*****
** Bytecounter colours
*****/strong.mw-plusminus-neg  {  color: #c00;  }.mw-plusminus-pos {color: #060;}.mw-plusminus-neg {color: #900;}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url(http://wiki.sosg.net/skins/monobook/bullet.gif);
}

.portlet ul {
	line-height: 1.5em;
	list-style-type: square;
	list-style-image: url(http://wiki.sosg.net/skins/monobook/bullet.gif);
	font-size: 100%;
}

/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
	background: url(http://wiki.sosg.net/skins/monobook/user.gif) top left no-repeat;
	padding-left: 20px;
	text-transform: none;
}

/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] {
	background: url(http://wiki.sosg.net/skins/monobook/external.png) center right no-repeat;
	padding: 0 13px;
}

#bodyContent { font-size:100% }