MediaWiki:Common.css: Difference between revisions

From Documentation
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
Line 31: Line 31:


.text-alert {
.text-alert {
     background: url("//zhuk.cc/wiki/images/icons/icon-alert.png") no-repeat scroll 0 0 #FFDFDF;
     background: url("//zhuk.cc/wiki/images/icons/icon-alert.png") no-repeat;
     border-left: 1px solid #FEABAB;
     border-left: 1px solid #FEABAB;
     border-right: 1px solid #FEABAB;
     border-right: 1px solid #FEABAB;
Line 38: Line 38:
}
}


.text-alert {
  border-top: 2px solid #FEABAB;
  border-bottom: 2px solid #FEABAB;
  background: #FFDFDF url(../images/icons/icon-text-alert.png) no-repeat;
}
.text-info {
.text-info {
  border-left: 1px solid #B7D2F2;
  border-right: 1px solid #B7D2F2;
   border-top: 2px solid #B7D2F2;
   border-top: 2px solid #B7D2F2;
   border-bottom: 2px solid #B7D2F2;
   border-bottom: 2px solid #B7D2F2;
   background: #DBE7F8 url(../images/icons/icon-text-info.png) no-repeat;
   background: #DBE7F8 url(//zhuk.cc/wiki/images/icons/icon-info.png) no-repeat;
}
}
.text-download {
.text-download {
  border-left: 1px solid #DDEDBC;
  border-right: 1px solid #DDEDBC;
   border-top: 2px solid #DDEDBC;
   border-top: 2px solid #DDEDBC;
   border-bottom: 2px solid #DDEDBC;
   border-bottom: 2px solid #DDEDBC;
   background: #F2F9E5 url(../images/icons/icon-text-download.png) no-repeat;
   background: #F2F9E5 url(//zhuk.cc/wiki/images/icons/icon-download.png) no-repeat;
}
}
.text-comment {
.text-comment {
  border-left: 1px solid #FEEBAB;
  border-right: 1px solid #FEEBAB;
   border-top: 2px solid #FEEBAB;
   border-top: 2px solid #FEEBAB;
   border-bottom: 2px solid #FEEBAB;
   border-bottom: 2px solid #FEEBAB;
   background: #FEF8E1 url(../images/icons/icon-text-comment.png) no-repeat;
   background: #FEF8E1 url(//zhuk.cc/wiki/images/icons/icon-comment.png) no-repeat;
}
}
.text-tip {
.text-tip {
  border-left: 1px solid #FEEBAB;
  border-right: 1px solid #FEEBAB;
   border-top: 2px solid #FEEBAB;
   border-top: 2px solid #FEEBAB;
   border-bottom: 2px solid #FEEBAB;
   border-bottom: 2px solid #FEEBAB;
   background: #FFFFD5 url(../images/icons/icon-text-tip.png) no-repeat;
   background: #FFFFD5 url(//zhuk.cc/wiki/images/icons/icon-tip.png) no-repeat;
}
}
.text-attachment {
.text-attachment {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
   border-top: 2px solid #e5e5e5;
   border-top: 2px solid #e5e5e5;
   border-bottom: 2px solid #e5e5e5;
   border-bottom: 2px solid #e5e5e5;
   background: #f2f2f2 url(../images/icons/icon-text-attachment.png) no-repeat;
   background: #f2f2f2 url(//zhuk.cc/wiki/images/icons/icon-attachment.png) no-repeat;
}
}
.text-video {
.text-video {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
   border-top: 2px solid #e5e5e5;
   border-top: 2px solid #e5e5e5;
   border-bottom: 2px solid #e5e5e5;
   border-bottom: 2px solid #e5e5e5;
   background: #f2f2f2 url(../images/icons/icon-text-video.png) no-repeat;
   background: #f2f2f2 url(//zhuk.cc/wiki/images/icons/icon-video.png) no-repeat;
}
}
.text-audio {
.text-audio {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
   border-top: 2px solid #e5e5e5;
   border-top: 2px solid #e5e5e5;
   border-bottom: 2px solid #e5e5e5;
   border-bottom: 2px solid #e5e5e5;
   background: #f2f2f2 url(../images/icons/icon-text-audio.png) no-repeat;
   background: #f2f2f2 url(//zhuk.cc/wiki/images/icons/icon-audio.png) no-repeat;
}
}



Revision as of 15:48, 13 November 2011

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

.zhpropertytable {
  border-collapse: collapse; 
  border-width: 1px; 
  border-style: solid; 
  border-color: #DEDEDE;
}

.zhproperty {
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    text-align: left;
    vertical-align: top;
    padding: 10px;
    color: #006000;
    font-family: "Courier", monospace;
}

.zhdescription {
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    text-align: left;
    vertical-align: top;
    padding: 10px;
}

.text-alert {
    background: url("//zhuk.cc/wiki/images/icons/icon-alert.png") no-repeat;
    border-left: 1px solid #FEABAB;
    border-right: 1px solid #FEABAB;
    border-top: 2px solid #FEABAB;
    border-bottom: 2px solid #FEABAB;
}

.text-info {
  border-left: 1px solid #B7D2F2;
  border-right: 1px solid #B7D2F2;
  border-top: 2px solid #B7D2F2;
  border-bottom: 2px solid #B7D2F2;
  background: #DBE7F8 url(//zhuk.cc/wiki/images/icons/icon-info.png) no-repeat;
}
.text-download {
  border-left: 1px solid #DDEDBC;
  border-right: 1px solid #DDEDBC;
  border-top: 2px solid #DDEDBC;
  border-bottom: 2px solid #DDEDBC;
  background: #F2F9E5 url(//zhuk.cc/wiki/images/icons/icon-download.png) no-repeat;
}
.text-comment {
  border-left: 1px solid #FEEBAB;
  border-right: 1px solid #FEEBAB;
  border-top: 2px solid #FEEBAB;
  border-bottom: 2px solid #FEEBAB;
  background: #FEF8E1 url(//zhuk.cc/wiki/images/icons/icon-comment.png) no-repeat;
}
.text-tip {
  border-left: 1px solid #FEEBAB;
  border-right: 1px solid #FEEBAB;
  border-top: 2px solid #FEEBAB;
  border-bottom: 2px solid #FEEBAB;
  background: #FFFFD5 url(//zhuk.cc/wiki/images/icons/icon-tip.png) no-repeat;
}
.text-attachment {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  background: #f2f2f2 url(//zhuk.cc/wiki/images/icons/icon-attachment.png) no-repeat;
}
.text-video {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  background: #f2f2f2 url(//zhuk.cc/wiki/images/icons/icon-video.png) no-repeat;
}
.text-audio {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  background: #f2f2f2 url(//zhuk.cc/wiki/images/icons/icon-audio.png) no-repeat;
}

.text-alert,
.text-info,
.text-download,
.text-comment,
.text-tip,
.text-attachment,
.text-video,
.text-audio
{
  background-position: left center;
  padding: 0.8em 0.8em 0.8em 5em;
  min-height: 20px;
}