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 { margin:1em 0; }
.donate-stats { list-style-type:none; margin: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-toggle_close:active, .donate-toggle_close:focus { background:#c00; border-color:#c00; color:#fff; }
.donate-toggle_open:active, .donate-toggle_open:focus { background:#049; border-color:#049; color:#fff; }