MediaWiki:Common.css: Difference between revisions

From Imamatpedia
No edit summary
m (MainLeft and MainRight)
Line 79: Line 79:


div.clear { clear: both; }
div.clear { clear: both; }
.mainRight { width: 73%; float: right; margin-left: 2%; }
.mainRight { width: 23%; float: right; }
.mainLeft {  
.mainLeft {  
     width: 25%; float: right;  
     width: 73%; float: right; margin-right: 2%;
}
}
.mainLeft .item-box {
.mainLeft .item-box {

Revision as of 18:24, 10 October 2019

@font-face {
    font-family: 'Samim';
    src: url('/w/resources/fonts/Samim.eot');
    src: url('/w/resources/fonts/Samim.eot?#iefix') format('embedded-opentype'),
		 url('/w/resources/fonts/Samim.woff') format('woff'),
		 url('/w/resources/fonts/Samim.ttf') format('truetype');
    font-weight: normal;
}
@font-face {
  font-family: 'me_quran';
  src: url('/w/resources/fonts/me_quran.eot') format('embedded-opentype');
  src: url('/w/resources/fonts/me_quran.woff') format('woff'), 
	   url('/w/resources/fonts/me_quran.ttf')  format('truetype'),
	   url('/w/resources/fonts/me_quran.svg#me_quran') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KFGQPCUthmanTahaNaskh';
  src: url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.eot') format('embedded-opentype');
  src: url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.woff') format('woff'), 
	   url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.ttf')  format('truetype'),
	   url('/w/resources/fonts/KFGQPCUthmanTahaNaskh.svg#KFGQPCUthmanTahaNaskh') format('svg');
  font-weight: normal;
  font-style: normal;
}
.arabic {
	/*font-family: "uthmanic-hafs";*/
	font-family:me_quran,Scheherazade,mry_KacstQurn,Tahoma; 
	font-size: 1.02em;
    color: #000000c0;
}
.ayaFlag {
    font-family: "Traditional Arabic","Times New Roman";
    color: #215e21;
}
.ayaText {
	color: #215e21;
}
.arabicText {
    font-family: KFGQPCUthmanTahaNaskh;
    font-size: 1.15em;
    font-style: oblique;
    font-synthesis: inherit;
    font-weight: 500;
}
.hadithText {
    font-family: KFGQPCUthmanTahaNaskh;
    font-size: 1.15em;
    font-style: oblique;
    font-synthesis: inherit;
    color: #215e21;
}
/* If is IE Edge/Windows 10, Arabic diacritics are broken so use Segoe UI as default font instead */
_:-ms-lang(x), _:-webkit-full-screen, body { font-family: 'Samim', Tahoma, 'Iranian Sans', 'DejaVu Sans', 'Noto Kufi Arabic', 'Droid Arabic Kufi', sans-serif; }

div#content h1, div#content h2, div#content #firstHeading,
div#content .mw-editsection, .mw-body .mw-editsection-like,
div#content #toc h2, div#content .toc h2,
#template-documentation, #documentation-meta-data {
  /* generally a serif font should be here but Arial is not acceptable for Persian */
  font-family: Samim, Tahoma, 'Iranian Serif', 'Noto Kufi Arabic', 'Droid Arabic Naskh', 'Iranian Sans', 'DejaVu Sans', serif;
}

/* force these to use inherited font configuration */
.ui-widget, .ui-widget *, button, input, select, optgroup {
  font-family: inherit;
}
/* end */

dfn {
    font-style: inherit;  /* Reset default styling for <dfn> */
}
sup, sub {
    line-height: 1em;     /* Reduce line-height for <sup> and <sub> */
}

/* صفحه اصلی */

div.clear { clear: both; }
.mainRight { width: 23%; float: right; }
.mainLeft { 
    width: 73%; float: right; margin-right: 2%;
}
.mainLeft .item-box {
    box-sizing: border-box;
    background: #f5faff none repeat scroll 0 0;
    border: 1px solid #a7d7f9;
    border-radius: 0.5em;
    padding: 0 1em 1em;
    margin-bottom: 1em;
}
.selectedArticle { width: 100%; height: auto; text-align: justify; margin-bottom: 20px; line-height: 2em;}
.helpBox{line-height: 2em;}
.boxHeader { padding: 10px; border-radius: 6px; background: #c6defe none repeat scroll 0 0; margin: 15px 0 20px 0; }
.mainRight .boxHeader {
    background: #c6defe none repeat scroll 0 0;
    margin-top: 0;
}
.boxHeader span { padding-right: 45px; font: 15px irsans; position: relative; }
.boxTitle {
    background: rgba(0,0,0,0) linear-gradient(to left,#c6defe,#f9f9f9,white) repeat scroll 0 0;
    padding: 5px;
    border-radius: 6px;
    margin: 15px 0 20px 0;
}
.selectedArticle .boxHeader span:before, .newestArticles .boxHeader span:before, .topArticles .boxHeader span:before, .helpBox  .boxHeader span:before, .telegram .boxHeader span:before {
    width: 43px;
    height: 43px;
    position: absolute;
    right: -1px;
    top: -9px;
    content: " ";
}

.selectedArticle .boxHeader span:before {
    background: url('/w/resources/assets/favorite.png') no-repeat center center;
}
.newestArticles .boxHeader span:before {
    background: url('/w/resources/assets/new.png') no-repeat center center;
}
.topArticles .boxHeader span:before {
    background: url('/w/resources/assets/top.png') no-repeat center center;
}
.helpBox .boxHeader span:before {
    background: url('/w/resources/assets/help.png') no-repeat center center;
}
.samandehi {
  text-align: center;
}
.newestArticles, .topArticles { width: 100%; height: auto; margin-bottom: 10px;}
.newestArticles ol { margin: 10px 10px 0 0; padding: 0; text-align: right;}
.newestArticles ol li { list-style: none; }
.newestArticles ol li:before { 
    content: "";
    line-height: 1em;
    width: 5px;
    height: 5px;
    background-color: #00528C;
    float: right;
    margin: 7px 0 0 7px;
    border-radius: 50%;
}
#h3Title { font: 1.1em Samim; font-weight: normal; }

.headTitle { font-family: Samim; text-align: center; width: 90%; margin: 0 auto; margin-bottom: 40px; }
.fTitle, .sTitle { text-align: center; }
.fTitle p, .sTitle p { margin: 0; display: inline-block; padding: 0 5px;}
.fTitle { font: 31px Samim; color: #999;}
.fTitle .wikiNoorTitle, .sTitle .colored a { color: #0181A7;  font-family: Samim;  }
.sTitle { font: 16px Samim; color: #666; margin-bottom: 5px; border-bottom: 1px solid #e0e0e0; padding: 5px 0 10px 0;}
.fTitle p { border-bottom: 3px solid #e0e0e0; }
#p-logo { margin-top: 10px; }
.fTitle .wellcome {
display: inline-block;
border-bottom: 3px solid #e0e0e0;
}
.fTitle h1, .sTitle h2 {
display: inline;
font-size: 1em;
border:  none;
color: #666;
}
.wikiInfo {
    float: left;
	width: 30%;
	position: relative;
	margin: 0.5em 2em 2em 0;
}
.wikiInfo > .thumb {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
.wikiInfo > .thumb > .thumbinner {
	width: 100%;
	box-sizing: border-box;
}
.wikiInfo > .thumb > .thumbinner img {
	width: 100%;
	height: auto;
}
.wikiInfo .wikitable {
	width: 100%;
}
.wikiInfo .articleCode {
	display: none;
}
.headMenus {
	font-family: Samim;
	border-bottom: 1px solid #e0e0e0;
}
.headMenus .headMenu {
	display: inline-block;
	font-size: 14px;
	margin: 0 4px;
}
.headMenus .headMenu a {
	color: #0181a7;
}
.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main {
        height: auto;
}

.mw-content-rtl {
        text-align: justify;
}
.boxHeader span{
	font-family: Samim;
}
.readmoreButton {
	background: #c6defe none repeat scroll 0 0;
	border-radius: 6px;
	margin: 15px 0 20px 0;
	font-family: inherit;
	font-size: 1em;
	display: inline-block;
	min-width: 4em;
	max-width: 28.75em;
	padding: 0.546875em 1em;
	line-height: 1.286;
	border-radius: 2px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	/*display: inline;*/
	zoom: 1;
	vertical-align: middle;
	color: #222222;
	border: 1px solid #a7d7f9;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
/* Main page fixes */
#mp-right .mp-bar { background: linear-gradient(to left, #b3ccff, white, white); }
/* responsive styles for Main Page */
@media(max-width: 1200px) {
  #mp-right, #mp-left { width: 100%; padding: 0; border: 0; background: transparent; }
  .mp-bar, #mp-right .mp-bar { background: #b3ccff; }
}

#interwiki-completelist {
    font-weight: bold;
}
body.page-Main_Page #mp-topbanner {
   clear: both;
}

body.page-Main_Page #ca-delete,
body.page-Main_Page #deleteconfirm,
body.page-Main_Page #t-cite,
body.page-Main_Page #lastmod,
body.page-Main_Page #siteSub,
body.page-Main_Page #contentSub,
body.page-Main_Page #catlinks,
body.page-Main_Page h1.firstHeading,
body.page-Main_Page #centralNotice {
    display: none;
}

body.page-Main_Page #ca-history,
body.page-Main_Page #pagehistory {
  display: none;
}
/* Make the list of references in [[Template:Reflist]] smaller */
.references-small { 
    font-size: 90%;
}

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
sup.reference:target,
span.citation:target, cite:target { 
    background-color: #ecf0fa;
}

/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
    font-weight: normal;
    font-style: normal;
}

/* Styling for citations */
span.citation, cite {
    word-wrap: break-word;
}

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target { 
    background-color: #ecf0fa;
}

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}

/* Style for horizontal lists (separator following item) */

.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 5 (2014-02-24)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " •";
    /*font-weight: bold;*/
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    content: " " counter(listitem, -moz-persian) " ";
    content: " " counter(listitem, persian) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
    content: " (" counter(listitem, -moz-persian) " ";
    content: " (" counter(listitem, persian) " ";
}

/* فهرست بدون گلوله */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}

/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
 
/* Lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    /* @noflip */
    text-align: right;
}
/* ...unless they also use the hlist class */
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
    text-align: inherit;