MediaWiki:Gadget-donate.css

Материал из Циклопедии
Перейти к навигации Перейти к поиску

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* CSS для [[MediaWiki:Gadget-donate.js]] */
.donate { 
    margin:1em 0; 
}

.donate-about, 
.donate-stats, 
.donate-why, 
.donate-how span { 
    cursor:pointer; 
}

.donate_hided .donate-about, 
.donate_hided .donate-stats, 
.donate_hided .donate-why { 
    display:none; 
}

.donate-about p, 
.donate-why p { 
    font-size:12pt; 
    line-height:1.75em; 
}

.donate-stats { 
    list-style-type:none; 
    margin:1em 0; 
    padding:0; 
}

.donate-stats li { 
    display:inline-block; 
    font-size:18pt; 
    margin-right:0.5em; 
    vertical-align:middle; 
}

.donate-stats small, 
.donate-goal small { 
    display:block; 
    font-size:10pt; 
    margin-bottom:0.3em; 
}

.donate-why p, 
.donate-btn { 
    display:inline-block; 
    vertical-align:middle; 
}

.donate-why p { 
    width:70%; 
}

.donate-why big { 
    font-size:18pt; 
}

.donate-rub { 
    border-bottom:1px solid; 
    display:inline-block; 
    line-height:0.25em; 
    margin-right:0.2em; 
    width:0.4em; 
}

.donate-btn { 
    text-align:right; 
    width:30%; 
}

.donate-btn a { 
    border:2px solid #06e; 
    border-radius:0.3em; 
    color:#06e; 
    display:inline-block; 
    font-size:20px; 
    padding:0.5em 1em; 
    -webkit-transition:0.5s; 
    -moz-transition:0.5s; 
    -ms-transition:0.5s; 
    -o-transition:0.5s; 
    transition:0.5s; 
    vertical-align:middle; 
}

.donate-btn a:hover { 
    background:#06e; 
    border-bottom-color:#049; 
    color:#fff; 
    text-decoration:none; 
}

.donate-btn a:active { 
    background:#049; 
    border-color:#049; 
    color:#fff; 
}

.donate-how { 
    clear:both; 
    overflow:hidden; 
    font-size:10pt; 
    position:relative; 
    text-align:center; 
    z-index:1; 
}

.donate-how:before, 
.donate-how:after { 
    background-color:#ccc; 
    content:"\a0"; 
    height:1px; 
    overflow:hidden; 
    position:absolute; 
    top:51%; 
    width:50%; 
}

.donate-how:before { 
    margin-left:-50%; 
    text-align:right; 
}

.donate-how img { 
    display:inline-block; 
    height:30px; 
    vertical-align:middle; 
    margin:0 0.5em; 
}

.donate-how span { 
    display:inline-block; 
    vertical-align:middle; 
    margin:0 .5em; 
}

.donate-toggle { 
    border:1px solid #ccc; 
    background:#fff; 
    color:#999; 
    font-size:14pt; 
    height:1.5em; 
    padding:0; 
    position:absolute; 
    right:0; 
    top:0; 
    -webkit-transition:0.5s; 
    -moz-transition:0.5s; 
    -ms-transition:0.5s; 
    -o-transition:0.5s; 
    transition:0.5s; 
    width:1.5em; 
    z-index:9; 
}

.donate-toggle:hover { 
    background:#999; 
    border-color:#999; 
    color:#fff; 
}

.donate-close:active, 
.donate-close:focus { 
    background:#c00; 
    border-color:#c00; 
    color:#fff; 
}

.donate-open:active, 
.donate-open:focus { 
    background:#049; 
    border-color:#049; 
    color:#fff; 
}