Site Notice

hello, world

Difference between revisions of "MediaWiki:Css-InPageEdit-v2.css"

From Project-EPB Commons
(//InPageEdit)
(//InPageEdit)
Line 12: Line 12:
 
}
 
}
 
.in-page-edit .ssi-topIcons {
 
.in-page-edit .ssi-topIcons {
   background: #f00000;
+
   background: #808080;
  height: 38px;
 
 
   text-align: center;
 
   text-align: center;
 
}
 
}
 
.in-page-edit .ssi-topIcons .ssi-closeIcon {
 
.in-page-edit .ssi-topIcons .ssi-closeIcon {
   #display: none;
+
   background: none;
 +
  height: 38px;
 +
  color: #d9d9d9;
 +
  width: 36px;
 +
  font-size: 30px;
 +
  line-height:  45px;
 
}
 
}
.in-page-edit .ssi-topIcons .closeModal {
+
.in-page-edit .ssi-topIcons .ssi-closeIcon:hover {
   color:white;
+
  background: none;
 +
  height: 38px;
 +
   color: #ffffff;
 
   width: 36px;
 
   width: 36px;
 
   font-size: 30px;
 
   font-size: 30px;
   line-height:  30px;
+
   line-height:  45px;
 
}
 
}
.in-page-edit .closeModal:before {
+
.in-page-edit .ssi-closeIcon:before {
 
   content: 'close';
 
   content: 'close';
 +
  font-family: 'Material Icons';
 
}
 
}
 
.in-page-edit .ssi-modalTitle {
 
.in-page-edit .ssi-modalTitle {
Line 45: Line 52:
 
.in-page-edit .btn {
 
.in-page-edit .btn {
 
   border: none;
 
   border: none;
 +
  font-weight: bold;
 
   background: white;
 
   background: white;
 
   padding: 0.25em 1em 0.1em 1em;
 
   padding: 0.25em 1em 0.1em 1em;
Line 50: Line 58:
 
}
 
}
 
.in-page-edit .btn.btn-primary {
 
.in-page-edit .btn.btn-primary {
   background: #20abfe;
+
   background: #808080;
 
   color: white;
 
   color: white;
 +
}
 +
.in-page-edit .btn.btn-primary:hover {
 +
  background: #a0a0a0;
 
}
 
}
 
.in-page-edit .btn.btn-secondary {
 
.in-page-edit .btn.btn-secondary {
   color: #20abfe;
+
   color: #606060;
   border: 1px solid #20abfe;
+
   border: 1px solid #808080;
 +
}
 +
.in-page-edit .btn.btn-secondary:hover {
 +
  color: #909090;
 +
  border: 1px solid #a0a0a0;
 
}
 
}
 
.in-page-edit .btn.btn-danger {
 
.in-page-edit .btn.btn-danger {
   background: #f04040;
+
   background: #d04040;
 
   color: white;
 
   color: white;
 
}
 
}
.in-page-edit.confirmbox {
+
.in-page-edit .btn.btn-danger:hover {
   top: 40%;
+
  background: #ff5050;
 +
  color: white;
 +
}
 +
.in-page-edit.confirmbox .ssi-modalWindow  {
 +
   margin-top: 40% !important;
 +
}
 +
.in-page-edit.confirmbox .ssi-modalContent  {
 +
  padding-top: 18px;
 +
  font-size: large;
 +
  font-weight: bold;
 
}
 
}

Revision as of 00:44, 1 November 2019

/**
 *『Wjghj Project Static』
 * This _CascadingStyleSheets_ code is from https://common.wjghj.cn
 * CC BY-NC-SA
 **/
.in-page-edit {
  
}
.in-page-edit .ssi-modalWindow {
  padding: 0;
  border-radius: 0;
}
.in-page-edit .ssi-topIcons {
  background: #808080;
  text-align: center;
}
.in-page-edit .ssi-topIcons .ssi-closeIcon {
  background: none;
  height: 38px;
  color: #d9d9d9;
  width: 36px;
  font-size: 30px;
  line-height:  45px;
}
.in-page-edit .ssi-topIcons .ssi-closeIcon:hover {
  background: none;
  height: 38px;
  color: #ffffff;
  width: 36px;
  font-size: 30px;
  line-height:  45px;
}
.in-page-edit .ssi-closeIcon:before {
  content: 'close';
  font-family: 'Material Icons';
}
.in-page-edit .ssi-modalTitle {
  font-style: normal;
  font-family: unset;
  background: #cfcfcf;
  color: #252525;
}
.in-page-edit #editArea {
  max-width:100%;
  min-width:100%;
  min-height:350px;
}
.in-page-edit #editMinor {
  margin-left:0;
  margin-right:4px;
}
.in-page-edit .btn {
  border: none;
  font-weight: bold;
  background: white;
  padding: 0.25em 1em 0.1em 1em;
  border-radius: 0.2em;
}
.in-page-edit .btn.btn-primary {
  background: #808080;
  color: white;
}
.in-page-edit .btn.btn-primary:hover {
  background: #a0a0a0;
}
.in-page-edit .btn.btn-secondary {
  color: #606060;
  border: 1px solid #808080;
}
.in-page-edit .btn.btn-secondary:hover {
  color: #909090;
  border: 1px solid #a0a0a0;
}
.in-page-edit .btn.btn-danger {
  background: #d04040;
  color: white;
}
.in-page-edit .btn.btn-danger:hover {
  background: #ff5050;
  color: white;
}
.in-page-edit.confirmbox .ssi-modalWindow  {
  margin-top: 40% !important;
}
.in-page-edit.confirmbox .ssi-modalContent  {
  padding-top: 18px;
  font-size: large;
  font-weight: bold;
}