«ميدياويكي:Common.css»: الفرق بين المراجعتين

/* ستؤثر الأنماط المتراصة (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
===============================================================================
*/
 
p.beit {
    text-align: center;
    white-space: pre;
}
.bComment {                                                                     /* Primarily for embedded notes */
    text-align: justify;
}
span.bStaggerOffset {
    display: inline-block;
    width: 75px;
}
span.bGap {
    display: inline-block;
    width: 0;
}
span.bPrefix, span.bSuffix {
    width: 25px;
    display: inline-block;
    /*color: red;*/
}
span.bPrefix {
    text-align: left;
}
span.bSuffix {
    text-align: right;
}
span.bJustified {
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between; /* Justify content */
}
.abyat hr {
    margin: 20px auto;
}
.abyat {
    user-select: text;
    -webkit-user-select: text;
}
.abyat, .musdar {
    display: table;
}
.poemBody {
    display: table-cell;
    width: 500px;
    vertical-align: middle;
}
 
.poemGutter {
    display: table-cell;
    vertical-align: middle;
    padding-right: 50px;                                                        /* Add an offset from separating line */
    opacity: 0.5;                                                               /* Grayout */
    border-right: solid 1px #aaa;                                               /* Splitting line from body */
    white-space: pre-wrap;                                                      /* Preserve line breaks while allowing long lines to wrap */
}