ميدياويكي:Common.css

ملاحظة: بعد الحفظ، قد تحتاج إلى إفراغ كاش متصفحك لرؤية التغييرات.

• فايرفوكس / سفاري: اضغط Shift أثناء ضغط Reload، أو اضغط أيا من Ctrl-F5 أو Ctrl-R (⌘-R على ماك)
• جوجل كروم: اضغط Ctrl-Shift-R (⌘-Shift-R على ماك)
• إنترنت إكسبلورر: اضغط Ctrl أثناء ضغط Refresh، أو اضغط Ctrl-F5
• كنكرر: اضغط Reload أو اضغط F5
• أوبرا: أفرغ الكاش في Tools → Preferences

/* ستؤثر الأنماط المتراصة (CSS) المعروضة هنا على كل الواجهات */
 
/* Added by Abdalla, 2020-12-05, to fix the font scaling problem in iOS; 
 * See https://stackoverflow.com/questions/20924039/wrong-font-size-when-using-float-right-in-css-on-mobile-safari
 * Also made fonts larger
 */
 
body {
    font-size: larger;
    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
}
 
.quoted {
    border-right: solid 1px;
    padding-right: 10px;
    color:blue;
}
 
.gutter {
    display:table-cell;
    vertical-align:middle;
    padding-right:50px;
    opacity:0.5;
    border-right:solid 1px #aaa
}
 
/***************************** Nested Tree Lists ******************************/
 
ul.nestedTree {
  list-style-type: none;
  list-style-image: none;
}
 
ul.treeRoot {
  margin: 0;
  padding: 0;
}
 
.treeBranch {
  cursor: pointer;
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none;
}
 
.treeBranch::before {
  content: "+";
  color: black;
  display: inline-block;
  margin-left: 3px;
  width: 14px;
}
 
.treeBranch-down::before {
  content: "–";
}
 
.treeBranch-nested {
  display: none;
}
 
.treeBranch-empty::before {
    content: " " ;
    margin-left: 17px ;
    display: inline-block;
}
 
.treeBranch-active {
  display: block ;
}
 
/******************************************************************************/
 
/*
===============================================================================
Poem formatting
===============================================================================
*/
 
.vHead {                                                                    /* Primarily for embedded notes */
    text-align: justify;
}
 
.vMid {
    text-align: center;
}
 
p.vTail {
}
 
span.vTail {
    text-align: left;
    display: inline-block;
}
 
.vTrailer {
/*         color: red; */
}