MediaWiki:Mobile.css: Difference between revisions

From Wikihussain
Jump to navigation Jump to search
(Created page with "→‎added by Nazarzadeh: @font-face { font-family: 'iransans'; src: url('../fonts/IRANSansWeb(FaNum)_Light.eot'); src: url('../fonts/IRANSansWeb(FaNum)_Light.eot?#iefix')...")
 
No edit summary
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
/* added by Nazarzadeh */
/* added by Nazarzadeh */
@font-face {
html {
font-family: 'iransans';
font-size: 15px;
src: url('../fonts/IRANSansWeb(FaNum)_Light.eot');
src: url('../fonts/IRANSansWeb(FaNum)_Light.eot?#iefix') format('eot'), url('../fonts/IRANSansWeb(FaNum)_Light.woff2') format('woff2'), url('../fonts/IRANSansWeb(FaNum)_Light.woff') format('woff'), url('../fonts/IRANSansWeb(FaNum)_Light.ttf') format('ttf');
}
[lang='fa'] body, [lang='fa'] h1, [lang='fa'] h2, [lang='fa'] h3, [lang='fa'] h4, [lang='fa'] h5, [lang='fa'] h6 {
font-family: 'Iransans', Tahoma, 'DejaVu Sans', 'Noto Kufi Arabic', 'Droid Arabic Kufi', sans-serif !important;
}
html {
font-size: 14px;
}
}
  body {
  body {
font-size: 14px;
font-size: 15px;
background-color: #fefefe !important;
background-color: #fefefe !important;
}
}
Line 211: Line 203:
background: #436705;
background: #436705;
}
}
.heading-holder, #footer-places-privacy, #footer-places-disclaimer, #n-randompage, [data-event-name="random"], #footer-info-lastmod, .last-modified-bar {
#footer-places-privacy, #footer-places-disclaimer, #footer-info-lastmod, .last-modified-bar {
display: none !important;
display: none !important;
}
}
Line 697: Line 689:
top: 3px;
top: 3px;
bottom: 1px;
bottom: 1px;
}
#mw-mf-page-center {
    background-color: #fff;
}
}
/* end added by Nazarzadeh */
/* end added by Nazarzadeh */

Revision as of 16:34, 22 June 2021

/* added by Nazarzadeh */
html {
	 font-size: 15px;
}
 body {
	 font-size: 15px;
	 background-color: #fefefe !important;
}
 body.page-Main_Page {
	 background-image: none;
}
 body #content {
	 background: transparent;
}
 .mp-box {
	 background-color: #fefefe;
	 padding: 0 1rem;
	 box-sizing: border-box;
	 margin: 1rem auto;
	 border: 1px solid #ccc;
	 border-radius: 4px;
}
 .mp-box h2 {
	 margin: 0 0 0.25rem;
	 border-bottom: 1px solid #ddd;
	 padding: 0.5rem 0;
}
 .mp-top {
	 text-align: center;
	 padding: 1rem;
	 background-color: #8abcbd;
	 border-radius: 6px;
	 color: #333;
}
 .mp-top ul {
	 list-style: none;
	 padding: 0;
	 text-align: center !important;
	 margin-left: 1rem;
}
 .mp-top ul li {
	 display: block;
	 margin-bottom: 3px !important;
}
 .mp-top ul li span {
	 display: none;
}
 .content .mp-top p {
	 font-size: 1.2rem;
}
 .content .mp-top ul {
	 list-style: none;
	 padding: 0;
	 text-align: left;
}
 .content p {
	 line-height: 24px;
	 font-size: 13px;
}
 .content h2 {
	 font-size: 20px;
}
 .mp-featured-bio {
	 width: 100%;
	 clear: both;
}
 .mp-featured-bio img {
	 float: left;
	 display: inline-block;
	 height: auto;
	 width: 100%;
	 margin: 0 1rem 1rem 0;
}
 .mp-featured-bio .text {
	 float: right;
	 display: inline-block;
	 width: 100%;
	 white-space: pre-line;
	 text-align: justify;
	 word-spacing: -2px;
}
 .mp-yadbood {
	 width: 100%;
	 clear: both;
}
 .mp-yadbood h2 {
	 margin-top: 0;
}
 .mp-yadbood .mp-yadbood-item {
	 clear: both;
	 margin-bottom: 0.5rem;
	 overflow: hidden;
}
 .mp-yadbood .mp-yadbood-item a.image {
	 height: 100px;
	 overflow: hidden;
}
 .mp-yadbood .mp-yadbood-item img {
	 float: left;
	 width: 20%;
	 display: inline-block;
	 height: auto;
}
 .mp-yadbood .mp-yadbood-item .text {
	 float: right;
	 display: inline-block;
	 width: 78%;
	 margin: 0;
	 white-space: pre-line;
}
 .mp-about {
	 width: 100%;
	 clear: both;
}
 .mp-about .text {
	 white-space: pre-line;
}
 .mp-book {
	 width: 100%;
	 clear: both;
}
 .mp-book img {
	 width: 100%;
	 display: inline-block;
	 height: auto;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
}
 .mp-book .text {
	 display: inline-block;
	 width: 100%;
	 white-space: pre-line;
}
 .mp-gallery {
	 clear: both;
	 width: 100%;
}
 .mp-gallery img {
	 float: right;
	 width: 50%;
	 display: inline-block;
	 height: auto;
}
 .mp-gallery .text {
	 float: left;
	 width: 50%;
	 display: inline-block;
	 height: auto;
	 white-space: pre-line;
	 padding: 1rem;
	 box-sizing: border-box;
}
 .campaign-page .video-container video {
	 display: block;
	 margin-right: auto;
	 margin-left: auto;
	 margin-bottom: 2rem;
	 width: 100%;
	 height: auto;
}
 .campaign-page .button-container {
	 text-align: center;
}
 .campaign-page .button-container .buttons .button {
	 width: 70%;
	 padding: 14px 12px 14px;
	 display: inline-block;
	 font-size: 17px;
	 background: #588608;
	 margin: 0 2% 1rem;
	 color: #fff;
	 border-radius: 50px;
	 text-decoration: none;
}
 .campaign-page .button-container .buttons .button:visited {
	 width: 70%;
	 padding: 14px 12px 14px;
	 display: inline-block;
	 font-size: 17px;
	 background: #588608;
	 margin: 0 2% 1rem;
	 color: #fff;
	 border-radius: 50px;
	 text-decoration: none;
}
 .campaign-page .button-container .buttons .button:hover {
	 background: #436705;
}
 .campaign-page .button-container .buttons .button:hover:focus {
	 background: #436705;
}
 .campaign-page .button-container .buttons .button:hover:active {
	 background: #436705;
}
 .campaign-page .button-container .buttons .button:hover:visited {
	 background: #436705;
}
 .campaign-page .button-container .buttons .button:focus {
	 background: #436705;
}
 .campaign-page .button-container .buttons .button:active {
	 background: #436705;
}
#footer-places-privacy, #footer-places-disclaimer, #footer-info-lastmod, .last-modified-bar {
	 display: none !important;
}
 .form-translation-request .input-container input[type="text"] {
	 width: 90% !important;
	 display: block !important;
}
 .form-translation-request .textarea-container > label > div {
	 width: 90% !important;
	 display: block !important;
}
 .form-translation-request .textarea-container textarea {
	 border: 1px solid #eee;
}
 .browntheme h1.firstHeading {
	 display: none;
}
 .browntheme .mw-body {
	 background-color: #fff7db;
}
 .browntheme .box-full {
	 margin-bottom: 20px;
}
 .browntheme .box-55 {
	 margin-bottom: 20px;
	 float: right;
	 margin-left: 1%;
}
 .browntheme .box-45 {
	 margin-bottom: 20px;
	 float: left;
	 margin-right: 1%;
}
 .browntheme .box-45 .image {
	 text-align: center;
	 display: block;
	 margin: 5px 5px 20px;
}
 .browntheme .box-45-pic-mini {
	 margin-bottom: 20px;
	 float: left;
	 margin-right: 1%;
}
 .browntheme .box-45-pic-mini .image {
	 display: inline-block;
	 margin: 0px 16px 8px 0px;
	 float: left;
}
 .browntheme .mp-box.mp-bottom {
	 border: 4px solid #7B3F00;
	 padding: 0 8px;
}
 .browntheme .mp-box.mp-bottom h2 {
	 border-bottom: 1px solid #7B3F00;
}
 .browntheme .mp-box.mp-bottom .mp-bottom-column-title {
	 margin-bottom: 15px;
	 border: 0;
	 background: #7B3F00;
	 padding: 3px 6px 10px;
	 color: #F8EABA;
	 font-size: 1.15rem;
}
 .browntheme .mp-box.mp-bottom .mp-bottom-column-title span {
	 margin-bottom: 10px;
	 border: 0;
	 background: #7B3F00;
	 padding: 14px;
	 color: #F8EABA;
}
 .browntheme .mp-bottom .mp-bottom-column ul li > span {
	 color: #7b3f15;
}
 .box-full {
	 border: 4px solid #7B3F00;
	 padding: 0;
	 border-radius: 6px;
	 box-sizing: border-box;
	 background-color: #ffffff;
	 width: 100%;
}
 .box-full h2 {
	 margin-top: 0;
	 margin-bottom: 10px;
	 border: 0;
	 background: #7B3F00;
	 padding: 3px 6px 10px;
	 color: #F8EABA;
	 font-size: 1.15rem;
	 text-align: center;
}
 .box-full p.text {
	 padding: 4px 13px 6px;
	 font-size: .85rem;
	 word-spacing: -1px;
	 line-height: 1.5rem;
	 white-space: pre-line;
}
 .box-55 {
	 border: 4px solid #7B3F00;
	 padding: 0;
	 border-radius: 6px;
	 box-sizing: border-box;
	 background-color: #ffffff;
	 width: 100%;
}
 .box-55 h2 {
	 margin-top: 0;
	 margin-bottom: 10px;
	 border: 0;
	 background: #7B3F00;
	 padding: 3px 6px 10px;
	 color: #F8EABA;
	 font-size: 1.15rem;
}
 .box-55 p.text {
	 padding: 4px 13px 6px;
	 font-size: .85rem;
	 word-spacing: -1px;
	 line-height: 1.5rem;
	 white-space: pre-line;
}
 .box-45 {
	 border: 4px solid #7B3F00;
	 padding: 0;
	 border-radius: 6px;
	 box-sizing: border-box;
	 background-color: #ffffff;
	 width: 100%;
}
 .box-45 h2 {
	 margin-top: 0;
	 margin-bottom: 10px;
	 border: 0;
	 background: #7B3F00;
	 padding: 3px 6px 10px;
	 color: #F8EABA;
	 font-size: 1.15rem;
}
 .box-45 p.text {
	 padding: 4px 13px 6px;
	 font-size: .85rem;
	 word-spacing: -1px;
	 line-height: 1.5rem;
	 white-space: pre-line;
}
 .box-45-pic-mini {
	 border: 4px solid #7B3F00;
	 padding: 0;
	 border-radius: 6px;
	 box-sizing: border-box;
	 background-color: #ffffff;
	 width: 100%;
}
 .box-45-pic-mini h2 {
	 margin-top: 0;
	 margin-bottom: 10px;
	 border: 0;
	 background: #7B3F00;
	 padding: 3px 6px 10px;
	 color: #F8EABA;
	 font-size: 1.15rem;
}
 .box-45-pic-mini p.text {
	 padding: 4px 13px 6px;
	 font-size: .85rem;
	 word-spacing: -1px;
	 line-height: 1.5rem;
	 white-space: pre-line;
}
 .clearfix {
	 clear: both;
}
 .clearfix::after {
	 display: block;
	 content: "";
	 clear: both;
}
 .box-sh {
	 padding: 0.5rem 1rem;
	 color: #555;
	 background-color: #fff;
	 box-shadow: 0px 3px 8px rgba(0,0,0,0.2);
	 border-radius: 8px;
	 border: none;
	 margin: 1rem auto;
}
 .box-sh img {
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
}
 .mp-featured .image-container {
	 width: 100%;
	 text-align: center;
	 display: block;
}
 .mp-featured .image-container img {
	 display: inline-block;
	 height: auto;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
}
 .mp-featured .text {
	 display: inline-block;
	 width: 100%;
	 text-align: justify;
	 word-spacing: -2px;
}
 .mp-featured .text ul li:not(.mw-empty-elt) {
	 width: 50%;
}
 .mp-featured .text ul li:not(.mw-empty-elt):nth-child(even) {
	 float: left;
	 clear: left;
}
 .mp-featured .text ul li:not(.mw-empty-elt):nth-child(odd) {
	 float: right;
}
 .mp-featured-article, .mp-featured-index {
	 overflow: hidden;
}
 .mp-featured-article .image, .mp-featured-index .image {
	 width: 100%;
	 text-align: center;
	 display: block;
}
 .mp-featured-article .image img, .mp-featured-index .image img {
	 display: inline-block;
	 height: auto;
	 margin: 0 0 0.5rem 0;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
}
 .mp-featured-article .text, .mp-featured-index .text {
	 display: inline-block;
	 width: 100%;
	 text-align: justify;
}
 .mp-featured-article ul, .mp-featured-index ul {
	 list-style-position: inside;
}
 .mp-dyk img {
	 display: block;
	 height: auto;
	 margin: 0.5rem auto;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
}
 .mp-dyk div.text, .mp-dyk p.text {
	 display: inline-block;
	 width: 100%;
	 text-align: justify;
}
 .mp-dyk div.text ul li, .mp-dyk p.text ul li {
	 margin-bottom: 4px;
}
 .mp-works img {
	 display: inline-block;
	 height: auto;
	 margin: 0 auto 0.5rem;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
}
 .mp-works .text {
	 display: inline-block;
	 width: 100%;
	 white-space: pre-line;
	 text-align: justify;
	 word-spacing: -2px;
}
 .mp-featured-bio {
	 width: 43%;
	 clear: right;
	 float: right;
}
 .mp-featured-bio img {
	 float: right;
	 display: inline-block;
	 height: auto;
	 margin: 0 0 1rem 1rem;
}
 .mp-featured-bio .text {
	 float: left;
	 display: inline-block;
	 width: 100%;
	 white-space: pre-line;
	 text-align: justify;
	 word-spacing: -2px;
}
 .mp-circle-person {
	 clear: both;
	 min-height: 0 !important;
}
 .mp-circle-person .circle-person-item {
	 text-align: center;
	 padding: 1rem;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
 .mp-circle-person .circle-person-item .image-container a {
	 width: 100px;
	 height: 100px;
	 overflow: hidden;
	 position: relative;
	 display: inline-block;
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 border-radius: 50%;
}
 .mp-circle-person .circle-person-item .image-container a img {
	 float: right;
	 max-width: 100%;
	 display: inline-block;
	 height: auto;
	 margin: 0 1rem 1rem 0;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translate(-50%,-50%);
	 -moz-transform: translate(-50%,-50%);
	 -ms-transform: translate(-50%,-50%);
	 -o-transform: translate(-50%,-50%);
	 transform: translate(-50%,-50%);
}
 .mp-circle-person .circle-person-item .title {
	 float: left;
	 display: inline-block;
	 width: 100%;
	 white-space: pre-line;
	 word-spacing: -2px;
}
 .mp-yadbood {
	 width: 43%;
	 float: right;
}
 .mp-yadbood h2 {
	 margin-top: 0;
}
 .mp-yadbood .mp-yadbood-item {
	 clear: both;
	 margin-bottom: 0.5rem;
	 overflow: hidden;
}
 .mp-yadbood .mp-yadbood-item a.image {
	 height: 100px;
	 overflow: hidden;
}
 .mp-yadbood .mp-yadbood-item img {
	 float: right;
	 width: 20%;
	 display: inline-block;
	 height: auto;
	 margin: 0 0 1rem 1rem;
}
 .mp-yadbood .mp-yadbood-item .text {
	 float: left;
	 display: inline-block;
	 width: 78%;
	 margin: 0;
	 white-space: pre-line;
}
 .mp-about {
	 width: 56%;
	 clear: both;
	 float: left;
}
 .mp-about .text {
	 white-space: pre-line;
}
 .mp-book img {
	 height: auto;
	 margin: 0 0 1rem 1rem;
}
 .mp-book .text {
	 display: inline-block;
	 white-space: pre-line;
}
 .mp-gallery {
	 clear: both;
	 width: 100%;
}
 .mp-gallery img {
	 width: 50%;
	 display: inline-block;
	 height: auto;
}
 .mp-gallery .text {
	 width: 50%;
	 display: inline-block;
	 height: auto;
	 white-space: pre-line;
	 padding: 1rem;
	 box-sizing: border-box;
}
 .mp-featured-art {
	 clear: both;
	 width: 100%;
	 padding: 1rem;
}
 .mp-featured-art img {
	 display: block;
	 height: auto;
	 margin: 0 auto 0.5rem;
	 -webkit-border-radius: 6px;
	 -moz-border-radius: 6px;
	 border-radius: 6px;
}
 .mp-featured-art .text {
	 display: inline-block;
	 height: auto;
	 padding: 0 1rem;
	 box-sizing: border-box;
}
 .mp-bottom {
	 clear: both;
	 width: 100%;
	 overflow: hidden;
	 font-size: 14px;
}
 .mp-bottom .mp-bottom-column {
	 display: block;
	 margin: 0.5%;
	 width: 100%;
	 text-align: center;
}
 .mp-bottom .mp-bottom-column .mp-bottom-column-title {
	 display: block;
	 background: #F1F1F1;
	 padding: 14px;
	 border-radius: 5px;
	 font-weight: bold;
	 font-size: inherit;
}
 .mp-bottom .mp-bottom-column .mp-bottom-column-title span {
	 background: #eee;
	 border-radius: 5px;
	 font-weight: bold;
	 margin: 0 auto;
	 display: block;
}
 .mp-bottom .mp-bottom-column ul {
	 list-style: none;
	 margin: 5px auto;
}
 .mp-bottom .mp-bottom-column ul li {
	 margin: 10px 0;
}
 .highlight-title-yellow span, .highlight-title-green span {
	 position: relative;
	 padding: 0 10px;
}
 .highlight-title-yellow span:before, .highlight-title-green span:before {
	 content: '';
	 position: absolute;
	 left: 0;
	 bottom: 0;
	 right: 0;
	 z-index: 0;
	 -webkit-border-radius: 30px;
	 -moz-border-radius: 30px;
	 border-radius: 30px;
	 border: 5px solid rgba(255,255,0,0.3);
}
 .highlight-title-yellow span:before {
	 border: 5px solid rgba(255,255,0,0.3);
}
 .highlight-title-green span:before {
	 border: 5px solid rgba(0,255,0,0.3);
}
 .vline {
	 position: relative;
	 color: transparent;
	 margin: 2px;
}
 .vline:before {
	 content: '';
	 position: absolute;
	 border-right: 2px solid #999;
	 top: 3px;
	 bottom: 1px;
}
#mw-mf-page-center {
    background-color: #fff;
}
/* end added by Nazarzadeh */