«ميدياويكي:Common.css»: الفرق بين المراجعتين
سطر ٥: | سطر ٥: | ||
/* ستؤثر الأنماط المتراصة (CSS) المعروضة هنا على كل الواجهات */ | /* ستؤثر الأنماط المتراصة (CSS) المعروضة هنا على كل الواجهات */ | ||
+ | /*((((((((((((((This area for desktop view))))))))))))))))))*/ | ||
* { | * { | ||
سطر ١٥: | سطر ١٦: | ||
} | } | ||
− | /* | + | div.thumb { |
+ | background-color: transparent; | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | li.gallerybox { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | li.gallerybox div.thumb, | ||
+ | div.tright div.thumbinner { | ||
+ | |||
+ | background-color:transparent; | ||
+ | border: 1px solid rgb(150, 150, 150); | ||
+ | } | ||
+ | |||
+ | html .thumbimage { | ||
+ | border: 1px solid rgb(180, 180, 180); | ||
+ | } | ||
+ | |||
+ | li.gallerybox div.thumb, | ||
+ | div.tright div.thumbinner { | ||
+ | background: url("http://wiki.metin2.com.pt/images/9/9f/Transparentbackground.png") repeat scroll 0% 0% transparent; | ||
+ | border: 1px solid #88283a; | ||
+ | } | ||
+ | |||
+ | div.thumbinner { | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | |||
+ | div.thumb { | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | |||
+ | #bodyContent a.external, | ||
+ | #bodyContent a.external[href^="gopher://"] { | ||
+ | background: url("http://metin2wiki.de/images/a/af/External-link.png") no-repeat scroll right center transparent; | ||
+ | padding-left: 13px; | ||
+ | } | ||
+ | |||
+ | table.collapsed tr.collapsible { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /*==============media wiki background==============*/ | ||
+ | body { | ||
+ | background: url('https://ae-wiki.metin2.gameforge.com/images/c/c7/Background_210.jpg') no-repeat fixed center top #000; | ||
+ | background-size: 100%; | ||
+ | } | ||
+ | |||
+ | /*Archives*/ | ||
+ | /* 'https://ae-wiki.metin2.gameforge.com/images/9/99/Background_212.jpg' */ | ||
+ | /* 'https://ae-wiki.metin2.gameforge.com/images/3/3c/Background_211.jpg' */ | ||
+ | /*==============media wiki background END==============*/ | ||
+ | |||
+ | /*==============Table titles background==============*/ | ||
+ | .boxesheaderbackground, .cadre > div:first-child { | ||
+ | background: repeat url("https://ae-wiki.metin2.gameforge.com/images/7/76/BoxesheaderbackgroundAE_5.png"); | ||
+ | } | ||
+ | /*Archives*/ | ||
+ | /* 'https://ae-wiki.metin2.gameforge.com/images/0/05/BoxesheaderbackgroundAE_3.png' */ | ||
+ | /* 'https://ae-wiki.metin2.gameforge.com/images/9/98/BoxesheaderbackgroundAE_4.png' */ | ||
+ | /* 'https://ae-wiki.metin2.gameforge.com/images/a/ae/Boxesheaderbackground-white_dragon.png' */ | ||
+ | /* 'https://ae-wiki.metin2.gameforge.com/images/6/60/BoxesheaderbackgroundAE_Xmas.png' */ | ||
+ | /*==============Table titles background END==============*/ | ||
+ | |||
+ | /*==============Used in quests template Start==============*/ | ||
.t-responsive { | .t-responsive { | ||
display: table; | display: table; | ||
سطر ٢٨: | سطر ٩٦: | ||
display: table-row; | display: table-row; | ||
} | } | ||
− | + | /*==============Used in quests template End==============*/ | |
− | + | ||
− | + | /*==============Used in Old monster template to be removed later==============*/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.nativelooktop { | .nativelooktop { | ||
background: url("https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg") no-repeat; | background: url("https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg") no-repeat; | ||
سطر ٩٨: | سطر ١١٩: | ||
height: 10px; | height: 10px; | ||
} | } | ||
− | + | /*==============Used in Old monster template to be removed later END==============*/ | |
− | + | ||
+ | /*==============Subpage Template==============*/ | ||
ul.subpage { | ul.subpage { | ||
display: flex; | display: flex; | ||
سطر ١٥٧: | سطر ١٧٩: | ||
} | } | ||
+ | /*Button colors when selecting Mouse*/ | ||
ul.subpage > li > a:hover { | ul.subpage > li > a:hover { | ||
background: #4e0009; | background: #4e0009; | ||
سطر ١٦٤: | سطر ١٨٧: | ||
border-right-color: #4e0009; | border-right-color: #4e0009; | ||
} | } | ||
+ | /*==============Subpage Template END==============*/ | ||
− | + | /*to be removed later*/ | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.container { | .container { | ||
سطر ٢١٥: | سطر ٢٢٢: | ||
} | } | ||
+ | /*==============IconeHelp Template Start==============*/ | ||
.popContenu { | .popContenu { | ||
display: inline-block; | display: inline-block; | ||
سطر ٢٣٠: | سطر ٢٣٨: | ||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
} | } | ||
− | + | /*==============IconeHelp Template END==============*/ | |
+ | |||
.cadreFenetre { | .cadreFenetre { | ||
border: solid; | border: solid; | ||
سطر ٣٤٥: | سطر ٣٥٤: | ||
} | } | ||
+ | /*==============Go up bottom==============*/ | ||
.top-button { | .top-button { | ||
opacity: 0; | opacity: 0; | ||
سطر ٣٨٢: | سطر ٣٩٢: | ||
transform: translateY(0); | transform: translateY(0); | ||
} | } | ||
− | + | /*==============Go up bottom END==============*/ | |
+ | |||
@media screen and (max-width: 768px){ | @media screen and (max-width: 768px){ | ||
− | + | /*((((((((((((((This area for mobile view))))))))))))))))))*/ | |
+ | |||
+ | /*==============Subpage Template For Mobile Start==============*/ | ||
.subpage > li:nth-last-child(2) > a { | .subpage > li:nth-last-child(2) > a { | ||
display: block; | display: block; | ||
سطر ٣٩٢: | سطر ٤٠٥: | ||
display: none; | display: none; | ||
} | } | ||
+ | /*==============Subpage Template For Mobile END==============*/ | ||
.modal-content { | .modal-content { | ||
سطر ٤٠٢: | سطر ٤١٦: | ||
} | } | ||
+ | /*==============Go up bottom for mobile view==============*/ | ||
.top-button { | .top-button { | ||
background: rgba(0, 0, 0, 0.7); | background: rgba(0, 0, 0, 0.7); | ||
سطر ٤٢٢: | سطر ٤٣٧: | ||
display: none; | display: none; | ||
} | } | ||
− | + | /*==============Go up bottom for mobile view END==============*/ | |
+ | |||
} | } |
مراجعة ١٩:٥١، ١٣ سبتمبر ٢٠٢٢
/* Change Wiki Logo */
/*.mw-wiki-logo {
background-image: url('https://ae-wiki.metin2.gameforge.com/images/a/a8/Ramadan_LOGO.png');
}*/
/* ستؤثر الأنماط المتراصة (CSS) المعروضة هنا على كل الواجهات */
/*((((((((((((((This area for desktop view))))))))))))))))))*/
* {
font-family: Tahoma
}
body.page-الصفحة_الرئيسية #catlinks,
body.page-الصفحة_الرئيسية h1.firstHeading {
display: none;
}
div.thumb {
background-color: transparent;
border-color: transparent;
}
li.gallerybox {
background-color: transparent;
}
li.gallerybox div.thumb,
div.tright div.thumbinner {
background-color:transparent;
border: 1px solid rgb(150, 150, 150);
}
html .thumbimage {
border: 1px solid rgb(180, 180, 180);
}
li.gallerybox div.thumb,
div.tright div.thumbinner {
background: url("http://wiki.metin2.com.pt/images/9/9f/Transparentbackground.png") repeat scroll 0% 0% transparent;
border: 1px solid #88283a;
}
div.thumbinner {
background-color:transparent;
}
div.thumb {
border-color: transparent;
}
#bodyContent a.external,
#bodyContent a.external[href^="gopher://"] {
background: url("http://metin2wiki.de/images/a/af/External-link.png") no-repeat scroll right center transparent;
padding-left: 13px;
}
table.collapsed tr.collapsible {
display: none;
}
/*==============media wiki background==============*/
body {
background: url('https://ae-wiki.metin2.gameforge.com/images/c/c7/Background_210.jpg') no-repeat fixed center top #000;
background-size: 100%;
}
/*Archives*/
/* 'https://ae-wiki.metin2.gameforge.com/images/9/99/Background_212.jpg' */
/* 'https://ae-wiki.metin2.gameforge.com/images/3/3c/Background_211.jpg' */
/*==============media wiki background END==============*/
/*==============Table titles background==============*/
.boxesheaderbackground, .cadre > div:first-child {
background: repeat url("https://ae-wiki.metin2.gameforge.com/images/7/76/BoxesheaderbackgroundAE_5.png");
}
/*Archives*/
/* 'https://ae-wiki.metin2.gameforge.com/images/0/05/BoxesheaderbackgroundAE_3.png' */
/* 'https://ae-wiki.metin2.gameforge.com/images/9/98/BoxesheaderbackgroundAE_4.png' */
/* 'https://ae-wiki.metin2.gameforge.com/images/a/ae/Boxesheaderbackground-white_dragon.png' */
/* 'https://ae-wiki.metin2.gameforge.com/images/6/60/BoxesheaderbackgroundAE_Xmas.png' */
/*==============Table titles background END==============*/
/*==============Used in quests template Start==============*/
.t-responsive {
display: table;
}
.t-responsive .cell {
display: table-cell;
}
.t-responsive .row,
.t-responsive .row {
display: table-row;
}
/*==============Used in quests template End==============*/
/*==============Used in Old monster template to be removed later==============*/
.nativelooktop {
background: url("https://en-wiki.metin2.gameforge.com/images/1/1c/Nativelooktop.jpg") no-repeat;
padding: 0px;
width: 190px;
height: 10px;
}
.nativelookbackground {
background-image: url("https://en-wiki.metin2.gameforge.com/images/1/12/Nativelookbackground.jpg");
background-repeat: repeat-y;
padding: 0px;
width: 190px;
}
.nativelookbottom {
background: url("https://en-wiki.metin2.gameforge.com/images/8/8b/Nativelookbottom.jpg") no-repeat;
padding: 0px;
width: 190px;
height: 10px;
}
/*==============Used in Old monster template to be removed later END==============*/
/*==============Subpage Template==============*/
ul.subpage {
display: flex;
list-style: none;
margin: 0 0 10px;
padding: 0;
background: #c0a276;
overflow: hidden;
line-height: 30px;
white-space: nowrap;
}
.subpage a {
padding-right: 20px;
background: #390007;
display: inline-block;
line-height: 30px;
position: relative;
color: #f1de8e;
cursor: pointer;
}
.subpage a:before,
.subpage a:after {
content: "";
position: absolute;
width: 0;
height: 0;
left: 0;
padding: 1px 0;
border-top: 14px solid transparent;
border-bottom: 14px solid transparent;
border-right: 14px solid white;
transform: translate(-14px);
z-index: 1;
}
.subpage a:after {
border-right: 14px solid #390007;
transform: translate(-13px);
z-index: 2;
}
.subpage > li:last-child {
padding-right: 20px;
}
ul.subpage > li:first-child {
flex-shrink: 0;
}
ul.subpage > li:first-child > a {
height: 100%;
display: flex;
align-items: center;
padding-right: 10px;
}
/*Button colors when selecting Mouse*/
ul.subpage > li > a:hover {
background: #4e0009;
}
ul.subpage > li > a:hover:after {
border-right-color: #4e0009;
}
/*==============Subpage Template END==============*/
/*to be removed later*/
.container {
display: flex;
flex-direction: row;
}
.cadre {
border: 1px solid #2f1d1f;
border-radius: 15px 0;
background-color: #f1e5c9 ;
width: 100%;
box-shadow: 3px 3px 9px 0px #544e41;
}
.cadre > div:first-child {
text-align: center;
color: white;
line-height: 25px;
overflow: hidden;
border-top-left-radius: 15px;
}
.fondfenetre {
background: #390007;
color: white;
}
.fondfenetre a,
.fondfenetre span {
color: white;
}
/*==============IconeHelp Template Start==============*/
.popContenu {
display: inline-block;
position: absolute;
bottom: 20px;
transform: translate(150px);
z-index: 100;
opacity: 0;
transition: all 0.4s ease;
pointer-events: none;
}
.popInfo:hover .popContenu {
opacity: 1 !important;
transition: all 0.4s ease;
}
/*==============IconeHelp Template END==============*/
.cadreFenetre {
border: solid;
border-image: url("https://fr-wiki.metin2.gameforge.com/images/1/11/Cadrefenetre.png");
border-image-repeat: repeat;
border-image-slice: 11 fill;
border-image-width: auto;
padding: 10px;
backdrop-filter: blur(4px);
}
.button {
border: 2px solid grey;
padding: 0 12px;
line-height: 25px;
border-radius: 16px;
background: rgba(234, 234, 234);
cursor: pointer;
display: inline-block;
position: relative;
user-select: none;
}
.button:hover {
background: transparent;
}
.tabber-active.button {
background: rgba(75, 85, 95);
color: white;
border: 2px solid rgba(75, 85, 95);
}
.tabber-noactive {
display: none;
}
.modal {
background-color: rgba(0, 0, 0, 0.5);
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}
.modal-content {
background: url("https://fr-wiki.metin2.gameforge.com/images/e/ed/Modalbackground.png");
border: 1px solid black;
border-radius: 8px;
left: 50%;
padding: 30px 24px;
position: fixed;
top: 50%;
transform: translate(-50%,-50%);
width: auto;
max-height: 80%;
overflow-y: scroll;
}
.close {
color: #000000;
cursor: pointer;
font-size: 20px;
padding: 6px 12px;
position: absolute;
left: 0;
top: 0;
transition: color .2s linear, background-color .2s linear;
}
.close:hover {
background: red;
color: #ffffff;
}
.tabber-texte > .tabber-active,
.gen-active {
display: block;
}
#mw-content .soulignement > a:link {
text-decoration: none;
}
.fabrication {
position: relative;
}
.fabrication > * {
position: absolute;
top: -188px;
}
.fabrication > .bottom-fab,
.fabrication > .bottom-fab ~ * {
top: -60px;
}
.fabrication > * > *:nth-child(2) {
position: relative;
}
.fabrication > * > *:nth-child(2) > * {
position: absolute;
top: -18px;
}
.fabrication > * > *:nth-child(n+3) {
position: absolute;
top: 100px;
}
/*==============Go up bottom==============*/
.top-button {
opacity: 0;
cursor: pointer;
position: fixed;
bottom: 10px;
left: 10px;
width: 32px;
height: 32px;
background: linear-gradient(180deg,
rgba(124, 200, 65, 1) 0%,
rgba(113, 161, 85, 1) 50%,
rgba(64, 117, 39, 1) 50%,
rgba(46, 97, 31, 1) 100%);
border: 1px solid #d0af52;
box-shadow: 1px 1px 2px #000,
inset 1px 1px #090200,
inset -1px -1px #090200;
transform: translateY(100px);
transition: all 0.5s ease;
}
.top-button::before {
content: "";
position: absolute;
top: 40%;
left: 50%;
width: 10px;
height: 10px;
border-top: 3px rgb(255, 250, 203) solid;
border-left: 3px rgb(255, 250, 203) solid;
transform: translateX(-50%) rotate(45deg);
}
.show-button {
opacity: 1;
transform: translateY(0);
}
/*==============Go up bottom END==============*/
@media screen and (max-width: 768px){
/*((((((((((((((This area for mobile view))))))))))))))))))*/
/*==============Subpage Template For Mobile Start==============*/
.subpage > li:nth-last-child(2) > a {
display: block;
}
.subpage > li > a {
display: none;
}
/*==============Subpage Template For Mobile END==============*/
.modal-content {
padding: 30px 0 0 10px;
width: 90%;
}
.container {
flex-direction: column;
}
/*==============Go up bottom for mobile view==============*/
.top-button {
background: rgba(0, 0, 0, 0.7);
color: #999;
border: none;
box-shadow: none;
}
.top-button::after {
content: "\002191";
font-size: 20px;
color: white;
position: absolute;
left: 50%;
top: 40%;
transform: translate(-50%, -50%);
}
.top-button::before {
display: none;
}
/*==============Go up bottom for mobile view END==============*/
}