Thành viên:JohnsonLee01/Trang Chính.css

Bách khoa toàn thư mở Wikipedia

Chú ý: Sau khi lưu thay đổi trang, bạn phải xóa bộ nhớ đệm của trình duyệt để nhìn thấy các thay đổi. Google Chrome, Firefox, Internet Explorer và Safari: Giữ phím ⇧ Shift và nhấn nút Reload/Tải lại trên thanh công cụ của trình duyệt. Để biết chi tiết và hướng dẫn cho các trình duyệt khác, xem Trợ giúp:Xóa bộ nhớ đệm. 

/* Đối với trang chủ */
/* Trang chủ không hiển thị chuỗi màu đỏ */
.new {
    color: inherit;
}

#column-feature-more .column-feature-more-header a {
    font-weight: bold;
    color: #474747;
}

#column-feature-more {
    margin-top: 1.2em;
    clear: left;
}

#column-feature-more ul {
    list-style: none;
    margin-left: 0;
}

#column-feature-more li {
    font-size: .9em;
    color: #474747;
}

.mp-2012-block-nav-footer {
    color: #666;
    font-size: .85em;
    clear: both;
    text-align: right;
}

#mp-2012-banner a {
    color: #17b;
}

#mp-2012-banner > div {
    line-height: 120px;
}

#mp-2012-banner > div > div {
    line-height: 1.5em;
    vertical-align: middle;
}

#mp-2012-banner-title {
    float: left;
    margin-left: 40px;
    width: 240px;
}

#mp-2012-banner-title > div {
    display: inline-block;
    font-family: sans-serif;
}

#mp-2012-banner-title {
    font-size: 2em;
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}

#mp-2012-banner-title p {
    margin: 0;
    padding: 0;
    font-size: 90%;
    color: #457;
}

#mp-2012-banner-intro > div {
    display: inline-block;
    text-align: center;
}

#mp-2012-banner-intro .number-of-articles a {
    color: #113C86;
    font-size: 120%;
    font-family: sans-serif;
    font-weight: bold;
}

#mp-2012-banner-intro p {
    margin: 0;
    padding-bottom: .3em;
    letter-spacing: .1em;
    font-weight: bold;
    color: #457;
}

#mp-2012-banner-intro table {
    width: 100%;
}

#mp-2012-banner-intro td {
    vertical-align: top;
    padding: 0 .5em;
}

#mp-2012 {
    font-weight: bold;
    border: none;
}
#mp-2012-links table {
    padding: .8em 0;
    font-size: .95em;
    border: 1px solid #EEE;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #f8f9fa;
    margin: 0 auto;
}

#mp-2012-links td {
    width: 33.33%;
    vertical-align: top;
}

#mp-2012-links {
    font-size: .98em;
    font-weight: bold;
    color: #6B6B6B;
    padding-bottom: .2em;
    border-bottom: 1px solid #EEE;
    margin-bottom: .8em;
}

#mp-2012-sisters {
    margin-top: 50px;
    clear:both;
    padding-top: 15px;
    border-top: 3px double #CCC;
    color: #222;
    line-height: 120%;
}
/* Phạm vi phong cách của bạn trong một truy vấn phương tiện truyền thông. Điều này có nghĩa là họ sẽ chỉ áp dụng trên máy tính bảng hoặc máy tính để bàn.  */
/* Các kiểu sau sẽ không được áp dụng trên thiết bị di động  */
/* TODO: Biểu mẫu có thể cần phải được chuyển đổi<div>,để phù hợp với thiết bị di động https://www.mediawiki.org/wiki/Mobile_Gateway/Mobile_homepage_formatting#MFSpecialCaseMainPage */

@media all and ( min-width: 720px ) {
/* For the new main page design */

#mp-2012-sisters > div {
    background: white;
    width: 45px;
    margin: -40px auto 0;
}
#mp-2012-links {
    margin-bottom: .8em;
    /* Make it flow */
    overflow: hidden;
    clear: left;
}

#mp-2012 #column-uptrends {
    margin-left: 1.6em;
    color: #3B3B3B;
}

#mp-2012 #column-participate {
    margin-left: 1.6em;
    color: #3B3B3B;
}

#mp-2012 #column-participate-button {
    text-align: center;
    margin-top: 1.5em;
    white-space: nowrap;
    font-weight: bold;
}

#mp-2012 #column-tips {
    margin-left: 1.6em;
    color: #494949;
}

#mp-2012-column-tips-header {
    font-weight: bold;
    color: #444;
}

/* For the new main page design */
#mp-2012,
#mp-2012-body {
    clear: both;
}

#mp-2012 {
    font-weight: bold;
    border: none;
}

#mp-2012 {
    font-size: 1.16em;
    margin-bottom: .8em;
    letter-spacing: .16em;
}

#mp-2012-body {
    min-width: 695px; /* 182 + 40 + 240 + 245 + 20 - 32 */
}

#mp-2012-column-left {
    float: left;
    width: 64.9%;
}

#mp-2012-column-left > div {
    margin-right: 1.5em;
}

.mp-2012-column-left-block {
    margin-top: .8em;
    padding: .8em 1.6em 1.8em;
    line-height: 1.5em;
}

.mp-2012-column-left-block + .mp-2012-column-left-block {
    margin-top: .4em;
    border-top: 1px solid #EEE;
}

#mp-2012-column-right {
    float: right;
    width: 35%;
}


#mp-2012-column-left ,
#mp-2012-column-left {
    color: #259;
}

#mp-2012-column-right ,
#mp-2012-column-right {
    color: #5c5c5c;
}

#column-feature img, #mp-2012 #column-good img {
    margin: 0.4em 0.9em 0.3em 0;
}

#column-feature p img, #mp-2012 #column-good p img {
    margin: 0;
}

#column-feature p, #mp-2012 #column-good p {
    line-height: 1.6em;
    text-align: justify;
    text-justify: auto;
}

#column-dyk li {
    margin-bottom: 0.5em;
}

#mp-2012-column-left .mp-2012-text {
    color: #1A1A1A;
}

#mp-2012-column-right .mp-2012-text {
    font-size: .98em;
}

#mp-2012-column-right > div {
    margin-top: 1.6em;
}

.mp-2012-column-right-block {
    margin: 0 0 1.6em;
    padding: .8em 1.6em 1.6em;
}

#mp-2012-column-right-block-a {
    border: 1px solid #E8E8E8;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    background: #FFF;
}

#mp-2012-column-right-block-b {
    border: 1px solid #CADEED;
    box-shadow: 0 1px 3px #DDE6ED;
    background: #FFF;
    background: linear-gradient(#fff 65%,#EFF6FA 100%);
    clear: both;
}

#mp-2012-column-right-block-c {
    border: 1px solid transparent;
    margin-bottom: .4em;
    clear: both;
}

#column-itn li {
    margin-bottom: .8em;
}

#column-otd img {
    margin-left: .6em;
    margin-bottom: .6em;
}

#column-otd dl {
    padding-left: 1em;
}

#column-otd dt {
    float: left;
    width: 4.2em;
}

#column-otd dd {
    margin-bottom: .8em;
    margin-left: 4.5em;
}

#mp-2012-banner-logo {
    float: left;
    width: 182px;
    height: 119px;
    margin-bottom: 1px;
    background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/80/Wikipedia-logo-v2.svg/300px-Wikipedia-logo-v2.svg.png");
    background-position: -118px 8px;
    background-repeat: no-repeat;
}
#mp-2012-banner {
    clear: both;
}

#mp-2012-banner {
    /* [[File:Zhwp blue banner.png]] */
    background-image: url("//upload.wikimedia.org/wikipedia/commons/0/0a/Zhwp_blue_banner.png");
    background-repeat: repeat-x;
    height: 120px;
    min-width: 727px; /* 182 + 40 + 240 + 245 + 20 */
}

#mp-2012-banner-intro {
    float: right;
    margin-right: 20px;
    width: 245px;
    text-align: right;
}
}
Lấy từ “https://vi.wikipedia.org/w/index.php?title=Thành_viên:JohnsonLee01/Trang_Chính.css&oldid=60895326”