MediaWiki:Common.css
Материал из Н.Ф. Федоров
Версия от 11:37, 12 июля 2018; Petrov (обсуждение | вклад)
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Выберите очистку кэша в меню Инструменты → Настройки
/*MediaWiki interface*/ .allpagesredirect, span.redirect-in-category a {font-style:italic} #mw-subcategories, #mw-pages { clear:both } .gallerybox .thumb img, .filehistory a img, #file img { background:url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; } #wpSave {font-weight:bold} .mw-tag-markers { font: italic 90% sans-serif; } .warningbox { background: #ff9; border: 1px solid #ee0; background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/6/62/Nuvola_apps_important.png/30px-Nuvola_apps_important.png') } .informationbox { background: #F4FBFF; border: 1px solid #D5D9E6; background-image: url('//upload.wikimedia.org/wikipedia/commons/thumb/2/28/Information.svg/30px-Information.svg.png') } .warningbox, .informationbox { padding: 10px 10px 10px 50px; background-position: 10px center; background-repeat: no-repeat; vertical-align: middle; font-size: smaller; } pre { overflow-x: auto; overflow-y: hidden; } /* rm white border */ div.thumb {border: none} div.tright {border: none; margin: 0.5em 0 0.8em 1.4em} div.tleft {border: none; margin: 0.5em 1.4em 0.8em 0} div.thumb img.thumbimage { background-color: #fff; } /* [[Википедия:Оформление таблиц]] */ table.standard, table.wide, table.prettytable {border:1px solid #aaa; border-collapse: collapse} table.standard th, table.wide th, table.prettytable th {border:1px solid #aaa; padding-left:0.2em; padding-right:0.2em; background:#eef} table.standard td, table.wide td, table.prettytable td {border: 1px solid #aaa; padding-left:0.2em; padding-right:0.2em} table.standard caption, table.wide caption, table.tiles caption {font-weight:bold; padding-top: 0.2em; padding-bottom:0.2em} table.wide {width: 100%} table.simple {border-color:#aaa; border-collapse:collapse} table.simple th, table.simple td {border-color:#aaa; padding-left:0.2em; padding-right:0.2em} table.tiles {border-collapse:separate; border-spacing:2px} table.tiles th {padding-left:0.2em; padding-right:0.2em; background:#eef} table.tiles td {padding-left:0.2em; padding-right:0.2em; background:#f0f0f0} table.graytable {background:#f0f0f0; padding:1em; width: 100%} table.graytable caption {padding-top:0.5em; background:#f0f0f0; font-weight:bold} table.graytable caption span.subcaption {font-size:80%; font-weight:normal} table.graytable th, table.graytable td {font-size:80%} tr.highlight th, table tr th.highlight {background:#eef} tr.highlight td, table tr td.highlight {background:#ffe; font-weight:normal} tr.bright th, table tr th.bright {background:#ccf} tr.bright td, table tr td.bright {background:#fec} tr.shadow th, tr.shadow td, table tr th.shadow, table tr td.shadow {background:#f0f0f0} tr.dark th, tr.dark td, table tr th.dark, table tr td.dark {background:#ccc} .transparent {background:transparent !important} table.toccolours th {background:#ccf} /* {ambox} */ table.ambox { width: auto; margin: 0 10%; border-collapse: collapse; background:#FBFBFB; border: 1px solid #aaa; border-left: 10px solid #1E90FF } table.ambox th, table.ambox td { padding: 0.25em 0.5em; } table.ambox td.ambox-widthhack { padding: 0; } table.ambox td.ambox-text { width:100%; } table.ambox td.ambox-text .ambox-text-small { font-size:smaller; } table.ambox td.ambox-image { width: 52px; padding: 2px 0 2px 0.5em; text-align: center; } table.ambox td.ambox-imageright { width: 52px; padding: 2px 4px 2px 0; text-align: center; } table.ambox td.ambox-image div, table.ambox td.ambox-imageright div {width:52px} /* Фикс для изображений разной ширины */ table.ambox-delete, table.ambox-serious { border-left: 10px solid #B22222 } table.ambox-content { border-left: 10px solid #F28500 } table.ambox-style { border-left: 10px solid #F4C430 } table.ambox-good { border-left: 10px solid #66CC44 } table.ambox-discussion { border-left: 10px solid #339966 } table.ambox-notice { border-left: 10px solid #1E90ff } table.ambox-merge { border-left: 10px solid #9932CC } table.ambox.ambox-mini { float: right; clear: right; margin: 0 0 0.5em 1em; width: 20%; } .infobox { border: 1px solid #aaa; background: #f9f9f9; margin-bottom: 0.5em; margin-left: 1em; padding:.4em; float: right; clear: right; font-size: 90%; width: 18em; vertical-align: middle; } .infobox td, .infobox th {vertical-align:top} table.infobox td p {margin:0} /* temporarily for [[Template:Карточка]]*/ .notice { text-align: justify; margin: 1em 0.5em; padding: 0.5em; } .messagebox { border: thin solid #aaa; background: #f9f9f9; width: 88%; margin: 0 auto 1em auto; padding:.4em; vertical-align: middle; font-size: 90% } blockquote { margin:0.7em 0 0.7em 5%; padding:0.7em 2% 0.7em 4%; background:#F5F5F5; } ol.references {font-size:100%} .references-small {font-size:90%} /* highlight focused footnotes and references in some browsers */ sup.reference:target, ol.references li:target, .highlight-target:target, cite:target, span.citation:target {background:#DEF} sup.reference:target {font-weight:bold} /* scrollable references */ .references-scroll { overflow: auto; padding: 3px; } /* fix for line-breaking references */ sup, sub {line-height:1em} .plainlinksneverexpand, .plainlinksneverexpand a {background:none !important; padding:0 !important} .plainlinksneverexpand a.external.text:after, .plainlinksneverexpand a.external.autonumber:after, .plainlinksneverexpand .urlexpansion {display:none !important} .clickable-image a:hover {text-decoration: none} .printonly {display:none} .dablink, .rellink {font-style:italic; padding-left:2em} #disambig {border-top: 3px double #cccccc; border-bottom: 3px double #cccccc} /*{TOClimit} & TOC w/o numbers*/ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7, .nonumtoc .tocnumber {display:none} /* PDF icon next to external PDF link for Mozilla and Opera and for {PDFlink} template */ a[href$=".pdf"].external, a[href*=".pdf?"].external, a[href*=".pdf#"].external, a[href$=".PDF"].external, a[href*=".PDF?"].external, a[href*=".PDF#"].external, span.PDFlink a {background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) center right no-repeat !important; padding-right: 18px !important} /* Clickable speaker in {Template:Audio} ... */ .audiolink a { background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important; padding-left: 16px !important; padding-right: 0 !important; } /* Medialist templates {Listen}, {Multi-listen_start}, {Video}, {Multi-video_start} */ div.listenlist { background: url("//upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png"); padding-left: 40px; } div.videolist, div.multivideolist { background: url("//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png"); padding-left: 50px; } div.medialist { min-height: 50px; margin: 1em; background-position: top left; background-repeat: no-repeat; } div.medialist ul { list-style-type: none; list-style-image: none; margin: 0; } div.medialist ul li { padding-bottom: 0.5em; } div.medialist ul li li { font-size: 91%; padding-bottom: 0; } /* {Навигация} */ table.navigation-box th, table.navigation-box td { vertical-align: middle; height: 30px; } /* {Навигационная таблица} */ table.navbox { background: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; width: 100%; } table.navbox th { background: #ccf; padding-left: 1em; padding-right: 1em; text-align: right; } /*{Навигационная полоса}, {Hider}, ... */ div.Boxmerge, div.NavFrame { margin:0; padding:2px; border:1px solid #aaa; text-align:center; border-collapse:collapse; font-size:95%; } div.Boxmerge div.NavFrame { border-style:none; border-style:hidden; } div.NavFrame + div.NavFrame { border-top-style:none; border-top-style:hidden; } div.NavPic { background:#fff; margin:0; padding:2px; float:left; } div.NavFrame div.NavHead { height:1.6em; font-weight:bold; font-size:100%; background:#efefef; position:relative; } div.NavFrame p, div.NavFrame div.NavContent, div.NavFrame div.NavContent p { font-size: 100% } div.NavEnd { margin:0; padding:0; line-height:1px; clear:both; } a.NavToggle { position:absolute; top:0; right:0.2em; font-weight:normal; font-size:smaller; } .messagebox.standard-talk { border: 1px solid #c0c090; background: #f8eaba } .messagebox .floatleft { vertical-align: middle; clear: both; margin: 2px; padding: 0 } .messagebox .image { margin: 0; padding: 0 } /* {coord}s */ #coordinates { position:absolute; z-index:1; right:9em; top:3.7em; float:right; line-height:1.5em; text-align:right; font-size:85%; white-space:nowrap; } #coordinates, .coordinates { text-transform:none; margin:0; padding:0; } .geo-google, .geo-osm, .geo-yandex { font-family:serif; font-weight:bold; line-height:1em; } .geo-geo-dec .geo-dec, .geo-geo-dms .geo-dms {display:inline} .geo-geo-dec .geo-dms, .geo-geo-dms .geo-dec, .geo-multi-punct {display:none} .geo-lat, .geo-lon {white-space:nowrap} .wp-templatelink { color:#9098A0 } /* {tl} */ /* FlaggedRevs */ span.mw-fr-reviewlink {font-weight:normal; font-size:smaller; opacity:0.7} .flaggedrevs-pending {background:#ffc} .sitedir-ltr div.flaggedrevs_short {float:none; padding:1px} .sitedir-ltr div.flaggedrevs_short_details {width:95%; display:none} /* Remove "external" icon from links to WP */ body.ns-talk a.external[href^="http://ru.wikipedia.org/"], body.ns-4 a.external[href^="http://ru.wikipedia.org/"] { background: none !important; padding-right: 0 !important; } /* Less space between category links, remove when 31547/r100869 deployed */ #catlinks { line-height: 1.25em; } #catlinks li { line-height: 1.25em; margin: 0.125em 0; padding: 0 0.5em; } #catlinks li:first-child { padding-left: 0.25em; } /* Для прозы */ .indent p {text-indent: 1.6em; margin-bottom: 0ex; margin-top: 0ex; text-align: justify;} /* Класс text (из Wikilivres) */div.text { width: 84ex; text-align:justify; margin:0px auto; font-family: Cambria, Times New Roman, Times, serif; font-size: 120%;} .text p { text-indent: 1.6em; line-height: normal;} .text dd, .text li { line-height: normal; } .text sup { font-size: 80%; } .text pre { background-color: #ffffff; font-family: serif; line-height: 150%; border: 0px; padding-left: 2em; margin: 0; white-space: pre;} .text .editsection { position: absolute; right: 0ex;} .text .thumbcaption { line-height: normal; font-size: small;} .text table { margin: 0px auto;} .text #toc, .text .toc { margin-left: 0px; font-size: 80%} .text ol.references { line-height: normal; font-size: small;} div.text.article { border-bottom: 1px solid #aaa; padding-bottom: 1ex;} div.innertext { width: 84ex; margin: auto;} /* класс drama */div.drama div.poem > p { margin-left: 24ex; text-indent: 0; } div.drama div.p0 > p { margin-left: 20ex !important; } div.drama div.p00 > p { margin-left: 16ex !important; } div.drama div.p1 > p { margin-left: 28ex !important; } div.drama div.p2 > p { margin-left: 32ex !important; } div.drama div.re { display:inline-block; text-align:center; width:100%;} div.rem { width:100%; text-align:center; font-size:80%; line-height:normal; margin-top: 1em; margin-bottom: 1em;} div.drama div.poem > div.rem { display:inline-block; margin-top: 0; margin-bottom: 0;} /* #left-navigation, #right-navigation { display: none; } */ li#ca-talk { display: none; } li#footer-places-disclaimer { display: none; } li#footer-places-privacy { display: none; } li#footer-info-lastmod { display: none; } /*li#footer-poweredbyico { display: none; }*/ <!-- li#ca-history { display: none; } --> li#ca-viewsource{ display: none; } li#pt-anonlogin{ display: none; } li#pt-anontalk{ display: none; } li#pt-anonuserpage{ display: none; } li#ca-view { display: none; } li#ca-nstab-main{ display: none; } li#pt-login{ display: none; } li#ca-nstab-mediawiki{ display: none; } li#ca-special{ display: none; } li#ca-nstab-category { display: none; } li#footer-places-about { display: none; } div#mw-panel div#p-tb { display: none; } /* new vwctor */ div#simpleSearch { width: 90%; } .mw-body { border: none; margin-top: 0; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { color: /* #0645ad */ #7e4227; } div#mw-panel div.portal div.body ul li { font-size: 0.9em; line-height: 1.3; } body { background-color: #fff; } @media screen and (min-width: 982px) { .mw-body { margin-left: 13em; } } #p-personal { position: relative; top: auto; bottom: auto; left: auto; right: auto; float: left; } @media screen and (min-width: 982px) { #left-navigation { margin-left: 0; } } #left-navigation { float: right; margin-left: 0; margin-top: 0; margin-bottom: 0; display: inline; } #right-navigation { float: right; margin-top: 0; } div.vectorMenu h3 span { padding-top: 0; } div.vectorMenu h3 a { height: 2em; } #p-cactions-label { margin-bottom: 0; padding-top: 0.7em; } div.vectorMenu div.menu { top: -7em; left: -55px; border-top-width: 1px; } @media screen and (min-width: 982px) { div#footer { margin-left: 0; padding: 20px 0; background-color: /*#999186*/ /* #5f493b */ /* #725f53 */ #7c7a76; color: #fff; } } div#footer { margin-left: 0; padding: 20px 0; background-color: /*#999186*/ /* #5f493b */ /* #725f53 */ #7c7a76; color: #fff; } .contacts { margin: 0 auto; line-height: 2; font-size: 1em; text-align: center; } .contacts a, .contacts a:visited, .contacts a:focus { color: #fff; } .contacts a:hover { color: #f5f5f5; } .clearfix:after { content: ""; display: table; clear: both; } .social-buttons-left { text-align: center; } .social { display: inline-block; width: 35px; height: 35px; } .social + .social { margin-left: 10px; } .social:hover { opacity: 0.9; } .social img { width: 100%; height: 100%; border: 1px solid #ccc; border-radius: 5px; } #p-search { float: none; margin-right: 0.5em; margin-left: 0.7em; margin-bottom: 2em; } @media screen and (min-width: 982px) { #p-search { float: none; margin-right: 1em; margin-bottom: 2em; } } div#mw-panel { width: 12em; position: relative; top: auto; left: auto; padding-top: 1.7em; } #p-logo { left: 0; top: 0; width: 12em; height: 13em; z-index: 999; } #p-logo a { width: 12em; height: 13em; background-size: cover; background-position: 0 0; } #mw-page-base { height: auto; background-image: none; background-color: #faf4ef; } div#mw-head { // padding: 1em 0 1em 14em; padding: 1em 0 1em 14.5em; color: #7e4227; min-height: 11em; position: relative; box-sizing: border-box; top: auto; right: auto; width: auto; } .site-title { font-size: 36px; font-weight: 700; margin-bottom: 10px; font-family: 'Philosopher', sans-serif; } .site-cite { font-style: italic; margin-bottom: 55px; } .site-description { white-space: normal; } .nav { background-color: #7e4227; // padding-left: 12.7em; } .nav-items { padding-left: 13.3em; } .nav-items, .social-buttons { display: inline-block; margin: 0; } .social-buttons { float: right; margin-right: 20px; } .nav-items li, .social-buttons li { display: inline-block; list-style: none; margin-bottom: 0; } .nav-items a, .social-buttons a { display: block; padding: 15px 20px; color: #fff; font-size: 0.9em; } .social-buttons a { font-size: 1.3em; padding: 12px 15px 10px; } .nav-items a:hover, .social-buttons a:hover{ background: #996047; text-decoration: none; } .nav-items a:active, .nav-items a:focus { text-decoration: none; } @media screen and (min-width: 787px) and (max-width: 1250px) { .site-cite { margin-bottom: 40px; } } @media screen and (min-width: 1251px) { #p-logo { left: 0; top: 0; height: 13em; } } #mw-navigation { position: relative; float: left; width: 12em; } #p- { display: none; } #editform, #toolbar, #wpTextbox1 { clear: right; } div#mw-panel div.portal h3 { color: #7e4227; font-weight: bold; // background-color: #faf4ef; // padding: 0.5em 0 0.5em 0.5em; } div#mw-panel div.portal { margin-bottom: 0.5em; padding-top: 1em; } div#mw-panel div.portal:nth-child(2) { background: none; padding-top: 0.25em; } .sidebar-banner { font-size: 0.85em; border: 1px solid #AB735A; border-top-width: 10px; border-top-color: #7e4227; text-align: center; } .sidebar-banner p { margin: 10px; line-height: 1.4; } div#mw-panel div.portal.sidebar-banner { padding: 10px 0; background-color: #FAF4EF; } .sidebar-banner p:nth-child(2) { font-weight: bold; font-size: 1em; color: red; } .wikiEditor-ui { clear: none; } .wikiEditor-ui .wikiEditor-ui-clear { clear: none; } .main-text { width: 35%; vertical-align: middle; padding: 0 2%; display: inline-block; } .main-text ul { margin-top: 0; margin-left: 1em; } .main-text ul li { list-style-image: none; line-height: 1.4; position: relative; margin: 5px 0; } .main-text>ul>li { list-style: none; margin: 15px; } .mw-body .main-text .section-header { margin-top: 0; padding-bottom: 0; padding-top:0; } .main-pict { width: 60%; max-height: 450px; overflow: hidden; display: inline-block; vertical-align: middle; } .main-pict img { width: 100%; height: auto; } .mw-body .main-text h2 { margin-bottom: 30px; border-bottom: none; font-family: sans-serif; } .mw-body .main-text p { margin-top: 0; } .mw-body .main-text a, .mw-body .main-text a:visited { color: #7e4227; } .main-event { background-color: #FAF4EF; border: 1px solid #eae4de; } .section-full { margin: 40px 0; // padding: 20px 0; position: relative; } .section-full:first-of-type { margin-top: 0; } .section-1-4 { display: inline-block; width: 23%; // border: 1px solid #eae4de; border: 1px solid #AB735A; margin: 0; vertical-align: top; box-sizing: border-box; // border-top-width: 10px; // border-top-color: #7e4227; } .section-title { // background-color: #FAF4EF; background-color: #7e4227; padding: 3px 20px; // color: #7e4227; color: #fff; // color: #fff; // font-size: 1.1em; font-size: 1em; } .section-text { padding: 10px 20px; // background-color: #FAF4EF; background-color: #fff; } .mw-body .section-header { // font-size: 1.7em; text-align: center; color: #7e4227; padding: 0 0 15px; } .mw-body .section-header a { position: relative; } .mw-body .section-header a:after { content: ""; position: absolute; top: 2px; right: -25px; height: 13px; width: 13px; background: url("http://nffedorov.ru/w/images/c/c5/Arrow-right.png") no-repeat 0 0; } .mw-body .section-header a:hover { opacity: 0.8; } .section-1-4 + .section-1-4 { margin-left: 2.66666666%; } /* @media only screen and (min-width: 1300px) { .section-60 { float: left; width: 70%; } .section-40 { float: left; width: 28%; margin-left: 2%; } } @media only screen and (max-width: 1299px) { .section-60 { float: none; width: 100%; } .section-40 { float: none; width: 100%; } } */ .clearfix:after { display: table; content: ""; clear: both; } .container { max-width: 1400px; margin: 0 auto; position: relative; } .section-1-7, .section-3-7 { display: inline-block; vertical-align: top; position: relative; } .section-1-7 { width: 12%; min-width: 110px; margin-top: 0.7em; text-align: center; } .section-3-7 { width: 41%; } .section-3-7 + .section-3-7 { margin-left: 2%; } .section-full a { color: #7e4227; } .calendar { background-color: #FAF4EF; border: 1px solid #eae4de; padding: 15px 1% 20px; margin-bottom: 20px; } .calendar ul { list-style-image: none; color: #7e4227; } .calendar li { color: #252525; } .projects .section-1-4{ border: none; text-align: center; } .mw-body a.external:visited, .mw-body a.external { position: relative; color: /*#252525*/ #7e4227; background-image: url("http://nffedorov.ru/w/images/f/fd/External-link-ltr-icon-brown1.png"); background-position: 100% 58%; background-size: 10px 10px; padding-right: 10px; } .mw-body a:visited, .mw-body a { color: #7e4227; } .section-1-2 { width: 48%; display: inline-block; vertical-align: top; position: relative; } .section-1-2 + .section-1-2 { margin-left: 4%; } .chronicle ul { list-style-image: none; list-style: none; margin-top: 0; margin-left: 0; } .chronicle li { margin-bottom: 15px; } .chronicle .youtube { position: relative; padding-bottom: 56%; height: 0; overflow: hidden; margin-top: 7px; } .section-1-3 { width: 32%; display: inline-block; vertical-align: top; box-sizing: border-box; } .section-1-3 + .section-1-3 { margin-left: 2%; } .books .section-1-3 { background-color: #FAF4EF; border: 1px solid #eae4de; } .books .section-1-3 .floatleft { margin-bottom: 0; margin-right: 0.8em; } .books .section-1-3 p { padding: 10px; } .main-text-date { display: inline-block; color: #7e4227; font-weight: bold; } .chronicle iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .chronicle-date { display: inline-block; background-color: #7e4227; color: #fff; padding: 1px 7px; margin-right: 3px; } @media screen and (max-width: 1350px) { .chronicle li { line-height: 1.4; margin-bottom: 12px; } .main-text>ul { margin-left: 0; } .main-text>ul>li>ul>li { line-height: 1.3; } } .results-info + div, .search-types + div, .mw-search-results + div, form#powersearch, #mw-upload-form, #mw-listfiles-form, #mw-content-text>form { clear: none !important; } .mw-search-profile-tabs div.search-types { float: none; } .mw-search-results { float: none; } .mw-search-top-table:after, .search-types ul:after { content: ""; display: table; clear: both; } .search-types ul { height: 35px; } .oo-ui-textInputWidget { max-width: 40em; } .fa-angle-double-right { position: absolute; bottom: 0; right: 0; font-size: 15px; display: block; background-color: /*#7e4227*/ #996047; color: #fff; padding: 3px 5px; } .chronicle .fa-angle-double-right { bottom: -10px; } .fa-angle-right { padding-left: 10px; font-size: 15px; opacity: 0.8; vertical-align: middle; } .top-banner { background: url('http://nffedorov.ru/w/images/a/a8/615179.jpg') no-repeat 50% 50%; background-size: cover; position: relative; border: 1px solid #AB735A; text-align: center; margin-bottom: 20px !important; margin-top: 2.5em !important; } .top-banner:after { content: ""; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(242, 242, 243, 0.7); } .top-data { display: inline-block; width: 35%; vertical-align: middle; position: relative; z-index: 2; padding: 10px 10px 30px; color: #7e4227; font-size: 1.4em; font-weight: 700; } .top-text { display: inline-block; font-size: 1.4em; font-weight: 700; color: #7e4227; width: 60%; vertical-align: middle; position: relative; z-index: 2; padding: 10px 10px 30px; } .top-banner:hover { opacity: 0.9; } div.floatleft { clear: none; } .section-1-3.youtube { position: relative; padding-bottom: 26%; height: 0; overflow: hidden; } .firstHeading { color: #7e4227; border-color: #bbb; border: 0; } a.new:visited, #p-personal a.new:visited, .mw-body a.new { color: #ba0000; } .att a { position: relative; } .att a:after { content: "✓"; position: absolute; right: -30px; bottom: -10px; width: 24px; color: red; font-size: 24px; font-weight: 700; }