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

من Sudan Memory
مراجعة ١٢:٢٥، ٢٧ فبراير ٢٠٢٤ بواسطة Abdalla (نقاش | مساهمات)

اذهب إلى: تصفح، ابحث

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

  • فايرفوكس / سفاري: اضغط 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
===============================================================================
*/
 
.bRight {                                                                    /* Primarily for embedded notes */
    text-align: justify;
}
p.beit {
    margin: 0.5em 0 0.5em 0;
}
.bComment {                                                                     /* Primarily for embedded notes */
    text-align: justify;
}
.bMid {
    text-align: center;
    white-space:pre;
}
p.bLeft {
}
span.bLeft {
    text-align: left;
    display: inline-block;
}
span.gap {
    display: inline-block;
    white-space: pre;   /* Preserve spaces */
}
.bTrailingSymbols {
}
span.vJustified {
    display: inline-flex;
    flex-wrap: wrap; /* Allow words to wrap to next line */
    justify-content: space-between; /* Justify content */
}