Bản mẫu:Thử

Bách khoa toàn thư mở Wikipedia
Buớc tưới chuyển hướng Bước tới tìm kiếm

/*

* MediaWiki:SupportPage.js
* Loaded by MediaWiki:Common.js on support pages e.g. "Problems donating"
*/

$(function() {

   /* -- language bar code -- */
   function showHideLanguageExpand() {
       if ( $('.sp-languages ul').height() > $('.sp-languages').height() ) {
           $('.sp-languages-expand').show();
       } else if ( !$('.sp-languages').hasClass('-expanded') ) {
           $('.sp-languages-expand').hide();
       }
   }
   showHideLanguageExpand();
   $( window ).resize( showHideLanguageExpand );
   /* -- end of language bar code -- */
   /* -- table of contents code -- */
   
   // Build a list of corresponding toc links and anchors
   var toc = [];
   $('#toc > ul a').each( function() {
       var id = $(this).attr('href').replace('#', );
       toc.push({
           link: $(this),
           anchor: $( document.getElementById(id) )
       });
   });
   // Add smooth scrolling effect
   var scrollOffset = 24, // Offset in px
       scrollDuration = 500, // in ms
       smoothScroll = function(event) {
           var offsetTop = event.data.anchor.offset().top;
           $('html, body').stop().animate({
               scrollTop: offsetTop - scrollOffset
           }, scrollDuration);
           window.location.hash = event.data.anchor.attr('id');
           event.preventDefault();
       };
   for (var i = 0; i < toc.length; i++) {
       toc[i].link.on( 'click', toc[i], smoothScroll );
   }
   // Highlight current section in toc
   var lastSection;
   function highlightCurrentSection() {
       var fromTop = $(this).scrollTop(); // Get container scroll position
       var currentSection = toc.filter(function(item) {
           return fromTop > item.anchor.offset().top - 64;
       });
       currentSection = currentSection[currentSection.length - 1];
       if ( lastSection !== currentSection ) {
           lastSection = currentSection;
           $('#toc > ul a').removeClass('-active');
           currentSection.link.addClass('-active');
       }
   }
   highlightCurrentSection();
   $(window).scroll( highlightCurrentSection );
   /* -- end of table of contents code -- */

}); <html><style>

  • , *:before, *:after {
   box-sizing: border-box;

}

html, body {

   margin: 0;
   padding: 0;

}

  1. jump-to-nav {
   display: none;

}

  1. mw-navigation, #mw-page-base, #mw-head-base,
  2. firstHeading, #siteSub, #contentSub, #jump-to-nav,
  3. catlinks, #footer, .mw-editsection {
   display: none;

}

  1. content {
   margin: 0;
   border: 0;
   padding: 0;

}

/* Hide

tag containing styles and scripts */ .mw-parser-output > p:first-child { display: none; } .mw-body-content { font-size: inherit; line-height: inherit; } /* Right to left */ .sp-dir-rtl { direction: rtl; } /* Resets */ .sp-page li { margin-bottom: 0; } /* OOUI focus styles are applied to buttons */ .sp-page .sp-btn:focus { outline: 0; } /* Global font-size and line-height settings */ html, body { font-size: 16px; } .toc li, .sp-footer-text { font-size: 16px; line-height: 1.5; /*24px @16px*/ } @media all and (min-width: 1280px) { .toc li, .sp-footer-text { font-size: 18px; line-height: 1.5; /*27px @18px*/ } } .sp-page h1, .sp-page h2, .sp-page h3, .sp-page h4, .sp-page h5, .sp-page h6, .sp-page ol, .sp-page ul, .sp-page p, .sp-page dl, .sp-page dd, .sp-page dt { margin: 0; padding: 0; border: none; } .sp-page h1, .sp-page h2, .sp-page h3, .sp-page h4, .sp-page h5, .sp-page h6 { font-weight: bold; } .sp-page h1 { font-size: 2rem; /*32px*/ letter-spacing: 0.03125rem; /*0.5px*/ } @media all and (min-width: 768px) { .sp-page h1 { font-size: 3rem; /*48px*/ } } .sp-page h2 { margin: 2rem 0 1rem; font-size: 24px; line-height: 1.5; /*36px @24px*/ } @media all and (min-width: 768px) { .sp-page h2 { margin: 3rem 0 1rem; font-size: 28px; line-height: 1.4285714286; /*40px @28px*/ } } .sp-page h3, .sp-page p, .sp-page ul, .sp-page ol, .sp-page .mw-collapsible-toggle, .sp-page dl, .sp-page dd { font-size: 18px; } @media all and (min-width: 768px) { .sp-page h3, .sp-page p, .sp-page ul, .sp-page ol, .sp-page .mw-collapsible-toggle, .sp-page dl, .sp-page dd { font-size: 20px; } } .sp-page h3, .sp-page p, .sp-page ul, .sp-page ol, .sp-page dl { margin-bottom: 1rem; /*16px*/ } .sp-page h3, .sp-page p, .sp-page ul li, .sp-page ol li, .sp-page dl, .sp-page dd { line-height: 1.5555555556; /*28px @18px*/ } @media all and (min-width: 768px) { .sp-page h3, .sp-page p, .sp-page ul li, .sp-page ol li, .sp-page dl, .sp-page dd { line-height: 1.5; /*30px @20px*/ } } .sp-page ul, .sp-page ol { margin-left: 1em; } .sp-page ul ul, .sp-page ol ol { margin-top: 0.5em; margin-left: 1em; } .sp-page ul { list-style-image: none; } .sp-page li { margin-bottom: 0.5rem; /*8px*/ } .sp-page blockquote { font-style: italic; } /* Language Header */ .sp-languages { background: #eaecf0; height: 56px; overflow: hidden; } .sp-languages.-expanded { height: auto; } .sp-languages-icon { position: absolute; top: 16px; left: 16px } .sp-languages-expand { position: absolute; top: 16px; right: 16px; cursor: pointer; transition: all 100ms; } .sp-languages-expand:hover g { fill: #222; } .sp-languages.-expanded .sp-languages-expand { transform: rotate(90deg); } .sp-languages ul { margin: 0 56px 0 56px; list-style: none; } .sp-languages ul .sp-language-divider:last-of-type { display: none; } .sp-languages ul li { display: inline-block; padding: 12px 0; margin-bottom: 0; white-space: nowrap; } .sp-languages ul li:after { content: "·"; padding: 0 .2em 0 .4em; } .sp-languages ul li:last-of-type:after { display: none; } .sp-languages a, .sp-languages a:visited { color: #000; border-bottom: 4px solid transparent; -webkit-transition: all 300ms; transition: all 300ms; padding: 12px 0; } .sp-languages ul li:hover a, .sp-languages ul li:focus a, .sp-languages ul li a:hover, .sp-languages ul li a:focus, .sp-languages a.selflink { text-decoration: none; border-color: #000; } .mw-1360 { max-width: 90rem; padding: 0 1.25rem; margin: 0 auto; } @media (min-width: 768px) { .mw-1360 { padding: 0 2.5rem; } } /* Header */ .sp-header { background: #f6f6f6; box-shadow: 0 1px 0 0 rgba(204, 204, 204, 0.5); padding-bottom: 1.5rem; /*24px*/ margin-bottom: 2rem; /*32px*/ } @media (min-width: 768px) { .sp-header { padding-bottom: 2rem; /*32px*/ margin-bottom: 2.5rem; /*40px*/ } } .sp-logo-nav-container { display: block; text-align: center; padding-top: 1.5rem; padding-bottom: 3rem; } @media all and (min-width: 640px) { .sp-logo-nav-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } } .sp-logo-horizontal { height: 52px; margin-bottom: 8px; } @media all and (min-width: 640px) { .sp-logo-horizontal { height: 60px; margin-bottom: 0; } } /* Switch logo in low resolutions to save space */ /*.sp-logo-vertical { height: 100px; } @media all and (min-width: 640px) { .sp-logo-horizontal { display: block; } .sp-logo-vertical { display: none; } }*/ .sp-nav-container { margin-top: 1.5rem; /*24px*/ text-align: inherit; } @media all and (min-width: 768px) { .sp-nav-container { margin-top: 0; text-align: right; } } /* A standard blue button (used e.g. for bitcoin on Ways to Give) */ .sp-page .sp-btn { font-size: 1rem; padding: 13px 18px 11px !important; color: #fff !important; border: 0; border-radius: 2px; transition: all 300ms ease; font-weight: bold; line-height: 1.25; /*20px @16px*/ background: #36c; } .sp-page .sp-btn:hover { text-decoration: none; background: #447ff5; } .sp-page .sp-btn:active { box-shadow: none; background: #2a4b8d; } .sp-page .sp-btn:focus { border-color: #36c; box-shadow: inset 0 0 0 1px #36c, inset 0 0 0 2px #fff; } /* Donate Now button */ .sp-page .sp-donate-now-btn { background-color: #f51a71; text-transform: uppercase; letter-spacing: 0.03125rem; /*0.5px*/ } .sp-page .sp-donate-now-btn:hover, .sp-page .sp-donate-now-btn:active { background-color: #b71da0; } .sp-main-nav { display: block; } .sp-toc { margin-bottom: 2rem; } @media (min-width: 1024px) { .sp-toc { position: sticky; float: right; top: 1.5rem; overflow-y: scroll; width: 33.333333%; margin-bottom: 0; padding-top: 0.75rem; /*12px*/ padding-left: 2rem; /*32px*/ padding-right: 2rem; /*32px*/ /* Prevent being covered by scrollbar */ padding-bottom: 2rem; /*32px*/ } .sp-dir-rtl .sp-toc { float: left; } .sp-toc::-webkit-scrollbar { background: transparent; /* Hide scrollbar in Chrome */ } .sp-toc a { padding-left: 1rem; /*16px*/ border-left: 4px solid transparent; } .sp-toc a.-active { color: #000; border-left: 4px solid #36c; } } .toc { background: none; border: none; padding: 0; font-weight: bold; } .toc .toctogglecheckbox, .toc .toctitle { display: none; } .sp-toc ul { margin-left: 0; margin-bottom: 0; } .toc li { margin-bottom: 12px; } @media all and (min-width: 1280px) { .toc li, .toc .toctitle { margin-bottom: 16px; } } .toc .tocnumber { display: none; } /* Override needed for right to left */ .sp-dir-rtl .toc ul { text-align: right; } /* Second level navigation */ .toc li ul { margin: 0.5rem 0 0 0.5rem; /*8px 0 0 8px*/ } .toc a { display: block; color: #6c8699; -webkit-transition: all 300ms; transition: all 300ms; } .toc a:hover { color: #000; text-decoration: none; } .sp-content { margin-bottom: 2.5rem; } @media (min-width: 768px) { .sp-content { margin-bottom: 5rem; } } @media (min-width: 1024px) { .sp-content { width: 66.666666%; margin-bottom: 2.5rem; } } /* Links */ .sp-content a, .sp-content a:visited, .sp-content a.external, .sp-content a.external:visited, .sp-content a.extiw, .sp-content a.extiw:visited { color: inherit; /* No external link arrows */ padding: 0; background-image: -webkit-gradient(linear, left bottom, left top, from(#36c), to(#36c)); background-image: linear-gradient(to top, #36c, #36c); background-size: 100% .2rem; background-position: bottom; background-repeat: no-repeat; -webkit-transition: all 300ms; transition: all 300ms; } .sp-content a:hover, .sp-content a.external:hover, .sp-content a.extiw:hover { background-size: 100% 1.5rem; color: #fff; text-decoration: none; } .sp-footer { background: #000; color: #fff; font-weight: bold; margin-top: 4rem; padding-top: 4rem; padding-bottom: 8rem; } .sp-footer-row { display: flex; flex-wrap: nowrap; flex-direction: column; } @media (min-width: 768px) { .sp-footer-row { flex-direction: row; } .sp-footer-text { width: 57%; } } .sp-footer-logo-container { flex-basis: 32%; margin-bottom: 24px; margin-right: 24px; } /* Collapsible content */ .sp-page .mw-collapsible-toggle { padding: 0.875rem 1rem 0.8125rem; /*14px 16px 13px*/ } @media all and (min-width: 768px) { .sp-page .mw-collapsible-toggle { padding: 0.8125rem 1rem 0.75rem; /*13px 16px 12px*/ } } .sp-page .mw-collapsible-content { padding-left: 0; } .sp-page .mw-collapsible-content ul { margin: 0 0 1rem 0; /*0 0 16px 0*/ } .sp-page .mw-collapsible-content li { margin: 0.75rem 1rem; /*12px 16px*/ } /* Muted/smallprint */ .sp-muted, .sp-muted p { font-size: 1rem; color: #54595d; } /* Footnotes */ .sp-page .references { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #a2a9b1; font-size: 1rem; } </style> <div class="sp-page sp-dir-</html>ltr<html>"> <header class="sp-header">

       <svg class="sp-languages-icon" role="img" aria-labelledby="sp-languages-icon-title" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20"><g fill="#000"><title id="sp-languages-icon-title">Language</title><path d="M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z"/></g></svg>
       </html>Bản mẫu:Languages2<html>
       <svg class="sp-languages-expand" role="img" aria-labelledby="sp-languages-icon-title" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" onclick="$('.sp-languages').toggleClass('-expanded');"><g fill="#6c8699"><title>more languages</title><path d="M6.2 1L4.8 2.5l7.4 7.5-7.4 7.5L6.2 19l9-9z"/></g></svg>
               <svg class="sp-logo-horizontal" role="img" aria-labelledby="sp-logo-horizontal-title" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 797.3 185.2"><title id="sp-logo-wmf-horizontal-title">Wikimedia Foundation</title><path d="M243.2 78.4l11.9-38.6h15.6l11.8 38.6 13.3-38.6H312l-23.4 67.1h-11.1l-14.7-46.7-14.6 46.7h-11.1l-23.4-67.1h16.2l13.3 38.6zM320.1 39.8h15v67.1h-15V39.8zM351.6 39.8h15v27.6l25.3-27.6h18.5l-26.7 29.7c2.3 3.2 6.6 9.2 12.8 17.9 6.2 8.7 10.8 15.2 13.9 19.5h-17.5l-19.7-26.5-6.7 7.5v19h-15V39.8zM419.7 39.8h15v67.1h-15V39.8zM511.3 64.7l-18.1 36.7h-8.9l-18-36.7v42.2h-15V39.8h20.3l17.3 36.9 17.4-36.9h20.2v67.1h-15V64.7zM591.2 39.8v13.3h-33.4V67h30v12.8h-30v13.9h34.5v13.2h-49.4V39.8h48.3zM656.8 48.6c6.4 5.9 9.6 14 9.6 24.4 0 10.4-3.1 18.7-9.4 24.8-6.2 6.1-15.8 9.1-28.6 9.1h-22.9V39.8h23.7c12.1 0 21.2 3 27.6 8.8zm-10.9 39.9c3.7-3.5 5.5-8.5 5.5-15.1s-1.8-11.7-5.5-15.2c-3.7-3.6-9.3-5.3-16.9-5.3h-8.4v40.8h9.5c6.8 0 12.1-1.7 15.8-5.2zM679.4 39.8h15v67.1h-15V39.8zM758.7 106.9l-6.2-14.5h-28.1l-6.2 14.5h-15.9l29-67.1h14.5l29 67.1h-16.1zm-20.3-47.1L730 79.3h16.8l-8.4-19.5z"/><g><path d="M241 137.4v8.1h13v4.6h-13v12.1h-5v-29.4h19.6v4.6H241zM311.2 158c-3 2.9-6.6 4.3-11 4.3s-8-1.4-11-4.3-4.5-6.5-4.5-10.8c0-4.3 1.5-7.9 4.5-10.8 3-2.9 6.6-4.3 11-4.3s8 1.4 11 4.3 4.5 6.5 4.5 10.8c0 4.3-1.5 7.9-4.5 10.8zm-3.6-18.3c-2-2.1-4.5-3.1-7.4-3.1s-5.4 1-7.4 3.1-3 4.6-3 7.5c0 3 1 5.5 3 7.5s4.5 3.1 7.4 3.1 5.4-1 7.4-3.1 3-4.6 3-7.5c0-3-1-5.5-3-7.5zM353.7 155.4c1.3 1.6 3.2 2.4 5.5 2.4s4.1-.8 5.5-2.4 2-3.7 2-6.4v-16.3h5v16.5c0 4.2-1.2 7.5-3.5 9.8-2.3 2.3-5.3 3.4-8.9 3.4-3.6 0-6.6-1.1-8.9-3.4s-3.5-5.5-3.5-9.8v-16.5h5V149c-.2 2.7.5 4.8 1.8 6.4zM426.6 132.7h5v29.4h-5.4l-16.6-21.4v21.4h-5v-29.4h5l17.1 21.9v-21.9zM487.1 136.6c2.8 2.6 4.2 6.1 4.2 10.7s-1.4 8.2-4.1 10.8c-2.7 2.7-6.9 4-12.6 4h-9.7v-29.4H475c5.2 0 9.3 1.3 12.1 3.9zm-.7 10.8c0-6.7-3.9-10.1-11.5-10.1h-5v20.1h5.5c3.6 0 6.3-.8 8.2-2.5 1.8-1.7 2.8-4.2 2.8-7.5zM527.1 155.4l-2.9 6.7h-5.3l12.9-29.4h5.3l12.9 29.4h-5.3l-2.9-6.7h-14.7zm12.7-4.6l-5.3-12.1-5.3 12.1h10.6zM588.1 137.3v24.8h-5v-24.8h-8.9v-4.5H597v4.5h-8.9zM627.6 132.7h5v29.4h-5v-29.4zM690.4 158c-3 2.9-6.6 4.3-11 4.3s-8-1.4-11-4.3-4.5-6.5-4.5-10.8c0-4.3 1.5-7.9 4.5-10.8 3-2.9 6.6-4.3 11-4.3s8 1.4 11 4.3 4.5 6.5 4.5 10.8c0 4.3-1.5 7.9-4.5 10.8zm-3.6-18.3c-2-2.1-4.5-3.1-7.4-3.1s-5.4 1-7.4 3.1-3 4.6-3 7.5c0 3 1 5.5 3 7.5s4.5 3.1 7.4 3.1 5.4-1 7.4-3.1 3-4.6 3-7.5c0-3-1-5.5-3-7.5zM748.3 132.7h5v29.4h-5.4l-16.6-21.4v21.4h-5v-29.4h5l17.1 21.9v-21.9z"/></g><g><path d="M108.3 144.4c25.3-3.6 44.7-25.3 44.7-51.5 0-16-7.2-30.2-18.5-39.8l-26.2 26.2v65.1zM93.6 144.4V79.3L67.4 53a51.86 51.86 0 0 0-18.5 39.8c0 26.3 19.4 48 44.7 51.6z"/><path d="M146.2 47.6c12.1 12.1 18.7 28.2 18.7 45.2s-6.7 33.2-18.7 45.2c-12.1 12.1-28.2 18.7-45.2 18.7S67.8 150 55.8 138 37 109.9 37 92.8s6.7-33.2 18.7-45.2c1-1 2.1-2 3.2-3L44.3 30c-1.1 1-2.1 2-3.2 3-7.8 7.8-13.9 16.8-18.1 26.9-4.4 10.4-6.7 21.5-6.7 32.9 0 11.4 2.2 22.5 6.7 32.9 4.3 10.1 10.4 19.1 18.1 26.9 7.8 7.8 16.8 13.9 26.9 18.1 10.4 4.4 21.5 6.7 32.9 6.7 11.4 0 22.5-2.2 32.9-6.7 10.1-4.3 19.1-10.4 26.9-18.1 7.8-7.8 13.9-16.8 18.1-26.9 4.4-10.4 6.7-21.5 6.7-32.9 0-11.4-2.2-22.5-6.7-32.9-4.3-10.1-10.4-19.1-18.1-26.9-1-1-2.1-2-3.2-3L143 44.6c1.1.9 2.1 1.9 3.2 3z"/><circle cx="100.9" cy="34.1" r="26.4"/></g></svg>
               <a class="sp-btn sp-donate-now-btn" href="https://donate.wikimedia.org/</html>?uselang=Bản mẫu:Pagelang&utm_medium=donatewiki_page&utm_campaign=donate_now_btn&utm_source=Th%E1%BB%AD<html>"></html>{{MediaWiki:donate_interface-donate-now/Bản mẫu:Pagelang}}<html></a>

</html>Example title<html>

</header> <article class="sp-main mw-1360">

</html> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu gravida augue, id blandit tellus. Internal link, ultricies lectus eu, facilisis libero. In in blandit purus, eget fermentum lectus. Nunc risus orci, porta nec tristique vitae, ornare et ipsum. Proin rhoncus vestibulum elementum. Maecenas leo sem, fermentum et odio ac, efficitur ullamcorper ipsum. External link. External interwiki link.

Heading[sửa mã nguồn]

Nulla est risus, vehicula sit amet lectus convallis, tristique lobortis nisl.[1] Nulla vel hendrerit orci, in vehicula justo. Integer condimentum elit bibendum, ultricies metus ut, sagittis odio. Nunc sagittis lacus in tellus placerat, nec viverra erat aliquet. Proin vitae ipsum vestibulum augue pulvinar commodo et nec eros.[2]

  • Lorem ipsum
  • Dolor sit amet
  • Coffee

Sed nisi risus, ultrices ac nisl vel, elementum viverra quam. In hac habitasse platea dictumst. Praesent eu porttitor massa donate@wikimedia.org.

Another heading[sửa mã nguồn]

In blandit quis ipsum id euismod. Curabitur ut nisi sit amet orci hendrerit finibus ac nec purus. Etiam dignissim felis vel diam elementum vulputate. Pellentesque varius odio ut neque vulputate, id laoreet eros feugiat. Integer commodo interdum tortor eu varius. Nam felis odio, rutrum in neque eu, faucibus vehicula odio. Vivamus non tortor fringilla, congue urna et, fermentum nulla. Suspendisse potenti. Praesent quis nulla libero. In condimentum nulla varius pellentesque consequat. Aenean fringilla facilisis ligula, nec malesuada lacus euismod in.

This is some smallprint. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eu gravida augue, id blandit tellus. Internal link.

Yet another heading[sửa mã nguồn]

Quisque mattis luctus pulvinar. Quisque vel felis sed leo finibus convallis. Nam non felis venenatis, faucibus quam id, ultrices dolor. Etiam posuere tortor ac euismod faucibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. In vitae dignissim nulla, at porttitor nibh. Ut quis molestie arcu.

  1. ^ Example footnote
  2. ^ Another example footnote

<html>

</article> <footer class="sp-footer">

</footer>

</html>

[[Category:bản mẫu:pagelang]]