МедияУики беседа:Common.css

Последен коментар: преди 8 години от DenisWasRight в тема Предложение за допълнения

Предложение за допълнения редактиране

Вариант 1 редактиране

.forms-table {
	background-color: white;
	border: thin solid silver;
	margin-left: 1em;
	float: right;
}
.forms-table th { background-color: #e2e4c0; }
.forms-table th, .forms-table td { padding-left: .5em; padding-right: .5em; }

/* подравняване на текста в таблицата нагоре */
.nagore tbody { vertical-align:top;}

Мисля, че ще е по-добре това да бъде на английски. Шльокавицата дразни дори в код. — Luchesar • Б/П 16:49, 28 февруари 2016 (UTC)Отговор

Текстът е копиран от Уикипедия, нямам представа как трябва да е на английски.
/* архивна страница */
.archive {
        opacity:0.7;
        background-color: #fffaf0;
        padding: 0.2em 0.5em;
        border: thin dotted silver;
}

/* wikitable/prettytable class for skinning normal tables */
.wikitable, .prettytable {
        margin: 1em 1em 1em 0;
        background: #f9f9f9;
        border: 1px #aaaaaa solid;
        border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
        border: 1px #aaaaaa solid;
        padding: 0.2em;
}
.wikitable th, .prettytable th {
        background: #f2f2f2;
        text-align: center;
}
.wikitable caption, .prettytable caption {
        margin-left: inherit;
        margin-right: inherit;
        font-weight: bold;
}
.wikitable table th, .prettytable table th,
.wikitable table td, .prettytable table td {
        border: none;
}

/* wikitable2 class for skinning normal tables with borders */
.wikitable2 {
        margin: 1em 1em 1em 0;
        background: #f9f9f9;
        border: 1px #aaaaaa solid;
        border-collapse: collapse;
}
.wikitable2 th, .wikitable2 td {
        border: 1px #aaaaaa solid;
        padding: 0.2em;
}
.wikitable2 th {
        background: #f2f2f2;
        text-align: center;
}
.wikitable2 caption {
        margin-left: inherit;
        margin-right: inherit;
        font-weight: bold;
}

/**
 * Aangepaste stijl voor kopjes voor wikitable/prettytable
 */
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.prettytable > tr > th,
table.prettytable > * > tr > th {
	background-color: #ddd;
}

/* Шаблони за Messagebox */
.messagebox {
        border: 1px solid #aaaaaa;
        background-color: #f9f9f9;
        width: 80%;
        margin: 0 auto 1em auto;
        padding: .2em;
}
.messagebox.merge {
        border: 1px solid #c0b8cc;
        background-color: #f0e5ff;
        text-align: center;
}
.messagebox.cleanup {
        border: 1px solid #9f9fff;
        background-color: #efefff;
        text-align: center;
}
.messagebox.standard-talk {
        border: 1px solid #c0c090;
        background-color: #f8eaba;
        margin: 4px auto;
}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
.mbox-text {                                    /* The message body cell(s) */
    border: none;
    padding: 0.25em 0.9em;      /* 0.9em left/right */
    width: 100%;                        /* Make all mboxes the same width regardless of text length */
}
.mbox-image {                   /* The left image cell */
    border: none;
    padding: 2px 0 2px 0.9em;   /* 0.9em left, 0px right */
    text-align: center;
}
.mbox-imageright {              /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;   /* 0px left, 0.9em right */
    text-align: center;
}
.mbox-empty-cell {                      /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Article message box styles */
.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.ambox + .ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox .mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox .mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox .mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
.ambox-delete,
.ambox-serious {
    border-left: 10px solid #b22222;    /* Red */
}
.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
.ambox-move,
.ambox-merge {
    border-left: 10px solid #9932cc;    /* Purple */
}
.ambox-stub {
    border-left: 10px solid #c0c090;    /* Gray-brown */
}
.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
.imbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {        /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;                     /* 0.9 - 0.5 = 0.4em left/right.        */
    display: block;                       /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {             /* For imboxes inside other templates.  */
    margin: 4px;
}

.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
.imbox-delete,
.imbox-serious {
    border: 3px solid #b22222;    /* Red */
}
.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
.imbox-move,
.imbox-merge {
    border: 3px solid #9932cc;    /* Purple */
}
.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;          /* Default "notice" blue */
}

.cmbox-notice {
    background: #D8E8FF;                  /* Blue */
}
.cmbox-delete,
.cmbox-serious {
    background: #FFDBDB;          /* Red */
}
.cmbox-content {
    background: #FFE7CE;          /* Orange */
}
.cmbox-style {
    background: #FFF9DB;                  /* Yellow */
}
.cmbox-move,
.cmbox-merge {
    background: #E4D8FF;                  /* Purple */
}
.cmbox-protection {
    background: #EFEFE1;                  /* Gray-gold */
}

/* Talk page message box styles */
.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
    margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
    width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */
    font-size: 100%;             /* set in "mbox-small" above.                */
}

.tmbox-delete,
.tmbox-serious {
    border: 2px solid #b22222;    /* Red */
}
.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
.tmbox-move,
.tmbox-merge {
    border: 2px solid #9932cc;    /* Purple */
}
.tmbox-protection,
.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* Other pages message box styles */
.ombox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
.ombox-delete,
.ombox-serious {
    border: 2px solid #b22222;    /* Red */
}
.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
.ombox-move,
.ombox-merge {
    border: 1px solid #9932cc;    /* Purple */
}
.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}

/* Footer and header message box styles */
.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */
}
.fmbox-system {
    background: #f9f9f9;
}
.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
.fmbox-editnotice {
    background: transparent;
}

.FA {
        list-style-image: url("//upload.wikimedia.org/wikipedia/commons/d/d4/Monobook-bullet-star.png");
}
.GA {
        list-style-image: url("//upload.wikimedia.org/wikipedia/commons/4/42/Monobook-bullet-ga.png");
}

.hilited {
        color: white;
        background-color: #000080;
}

/* Prevents line breaks in links; see docs at Template:Nowraplinks */
.nowraplinks a {
        white-space: nowrap;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS).
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* аудио икона */

.audiolink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/16px-Loudspeaker.svg.png") center left no-repeat !important;
    padding-left: 20px !important;
    padding-right: 0 !important;
}

/* Копие на [[en:MediaWiki:Common.css]] */

/* NavFrames */
div.Boxmerge,
div.NavFrame,
details.NavFrame {
        margin: 0px 0px -1px 0px;
        padding: 2px;
        border: 1px solid #e2e4c0;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
        overflow: auto;
        width: auto;
}

div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}

.NavPic {
        background-color: #ffffff;
        padding: 2px;
        float: left;
}

div.NavFrame div.NavHead,
details.NavFrame summary.NavHead {
        min-height: 1.6em;
        font-weight: bold;
        font-size: 100%;
        text-align: left;
        background-color: #e2e4c0;
        padding-left: 10px;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e4c0), to(#e2e4c0), color-stop(0.6, #e2e4c0));
        background-image: -moz-linear-gradient(top, #e2e4c0, #e2e4c0 60%, #e2e4c0);
        background-image: -o-linear-gradient(top, #e2e4c0, #e2e4c0 60%,#e2e4c0);
}

div.NavFrame div.NavHead:hover,
details.NavFrame summary.NavHead:hover {
        background-color: #e2e4c0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e4c0), to(#e2e4c0), color-stop(0.6, #e2e4c0));
        background-image: -moz-linear-gradient(top, #e2e4c0, #e2e4c0 60%, #e2e4c03);
        background-image: -o-linear-gradient(top, #e2e4c0, #e2e4c0 60%, #e2e4c0);
}

div.NavFrame div.NavHead:active,
details.NavFrame summary.NavHead:active {
        background-color: #e2e4c0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#e2e4c0), to(#e2e4c0), color-stop(0.6, #e2e4c0));
        background-image: -moz-linear-gradient(top, #e2e4c0, #e2e4c0 60%, #e2e4c0);
        background-image: -o-linear-gradient(top, #e2e4c0, #e2e4c0 60%, #e2e4c0);
}

div.pseudo div.NavHead:hover { background-color: #e2e4c0; }

.pseudo div.NavHeadpseudo:active { background-color: #e2e4c0; }

div.NavFrame p {
        font-size: 100%;
}

div.NavFrame div.NavContent,
details.NavFrame div.NavContent {
        font-size: 100%;
}

div.NavFrame div.NavContent p,
details.NavFrame div.NavContent p {
        font-size: 100%;
}

.NavEnd {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
}

.NavToggle {
        cursor: pointer;
        float: right;
        font-weight: normal;
        font-size: smaller;
}

/* Копие на [[nl:MediaWiki:Common.css]] */

/* Infobox */

table.infobox {
    text-align: center;
    float: right;
    clear: right;
    border: 1px solid #d2d59c;
    margin: 0.5em 0 0 0;
    border-collapse: collapse;
    font-size: 100%;
}
 
table.infobox td, tr, th {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid #d2d59c;
    padding: 4px;
    vertical-align: middle;
}
 
table.infobox th {
    background-color: #e2e4c0;
}
 
.infoboxrijhoofding {
    background-color: #e2e4c0;
}

table.infoboxlinks {
    text-align: center;
    clear: both;
    margin: 0.5em 0 0 0;
    border: 1px solid #d2d59c;
    border-collapse: collapse;
    font-size: 100%;
}
 
table.infoboxlinks td, tr, th {
    border-collapse: collapse;
    border: 1px solid #d2d59c;
    border-spacing: 0px;
    padding: 4px;
    vertical-align: middle;
}
 
table.infoboxlinks th {
    background-color: #e2e4c0;
}

table.infoboxvolledig {
    text-align: center;
    clear: both;
    margin: 0.5em 0 0 0;
    border: 1px solid #d2d59c;
    border-collapse: collapse;
    font-size: 100%;
    width: 100%;
}
 
table.infoboxvolledig td, tr, th {
    border-collapse: collapse;
    border: 1px solid #d2d59c;
    padding: 4px;
    vertical-align: middle;
}
 
table.infoboxvolledig th {
    background-color: #e2e4c0;
}

/* За [[Шаблон:Портал]] и [[Шаблон:Портал линк]] - от fr:MediaWiki:Common.css */
#bandeau-portal {
        border: solid #aaa 1px;
        background-color: #f9f9f9;
        text-align: center;
        margin-top: 1em;
}
#bandeau-portal,
#list-portal {
        padding: 4px;
        margin-left: 0;
        clear: both;
}
#list-portal li,
#bandeau-portal li{
        display: inline;
}
.bandeau-portal-element {
        white-space: nowrap;
        margin: auto 1.5em;
}
.bandeau-portal-icon {
        margin-right: 0.5em;
}
.bandeau-portal-text {
        font-weight: bold;
}

Сигурно ли е, че тези имена на класове и идентификатори имат отношение към нашия речник? Откъде биха дошли в този си вид в HTML кода? Съжалявам, ако задавам глупав въпрос. — Luchesar • Б/П 16:49, 28 февруари 2016 (UTC)Отговор

 Luchesar • Б/П, копирани са от части от Укипедия и други чуждоезични речници.
Включват код за архивиране, кодове за Шаблон:Ambox (картинка): +Messagebox, +Mbox, +Imbox, +Cmbox и други завършващи на box, код .wikitable раздели NavFrames и Infobox трябват за Шаблон:trans-top (картинка), FA, GA и код .hilited трябват за звездичка при избрана статия на друг език, код Toclimit, също копиран от Уикипедия, е за ограничаване нивото на разделите, вероятно да нямам голямо растояние между тях и раздел аудио съдържа икона, която се появява ако дадена дума има аудио произнушение.
.globegris {
        background-image: url("//upload.wikimedia.org/wikipedia/commons/1/10/Wikipedia-logo-v2-200px-transparent.png");
}

Това къде се използва? — Luchesar • Б/П 16:49, 28 февруари 2016 (UTC)Отговор

 Luchesar • Б/П, това нямам да трябва, беше нужно за Шаблона:Портал линк и Портал. Реших че такъв тук не трябва. -- DenisWasRight (беседа) 20:26, 28 февруари 2016 (UTC)Отговор
.degrade {
        background-image: url("//upload.wikimedia.org/wikipedia/commons/f/fb/Gradient_43px.png");
        background-position: top;
        background-repeat: repeat-x;
}
.degrade_rev {
        background-image: url("//upload.wikimedia.org/wikipedia/commons/6/61/Gradient_reversed_43px.png");
        background-position: top;
        background-repeat: repeat-x;
}
.degrade_double {
        background-image: url("//upload.wikimedia.org/wikipedia/commons/b/ba/Double_Gradient_60px_V.png");
        background-position: top;
        background-repeat: repeat;
}

За всичко: всъщност, ако няма да е много сложно да се обясни с няколко думи всяка група стилове за къде и какво е нужна, би било чудесно! — Luchesar • Б/П 16:49, 28 февруари 2016 (UTC)Отговор

Кодовете за .degrade нямам да трябват, защото я няма втората лента в редактиране. Надявам се да съм ти помогнал. Поздрави, -- DenisWasRight (беседа) 20:26, 28 февруари 2016 (UTC)Отговор
Връщане към „Common.css“.