Bản mẫu:Công nghệ/style.css

.new {
color: inherit;
}
#mp-2012-column-left {
	clear:both;
}
/* phần chân lưu trữ, đọc thêm */
#mp-2012-l1 {
font-weight: bold;
border: none;
margin: 0;
clear:both;
text-align:right;
margin-top: .8em;
}
/* màu xanh dương */
#mp-2012-banner a {
color: #17b;
}
#mp-2012-banner > div > div {
line-height: 1.5em;
vertical-align: middle;
}
#mp-2012-banner-title {
float: left;
width: 300px;
}
#mp-2012-banner-title > div {
display: inline-block;
font-family: serif;
}
#mp-2012-banner-title h1 {
font-size: 2em;
margin: 0;
padding: 0;
line-height: 1.6em;
font-weight: bold;
border: none;
color: #01303f;
}
#mp-2012-banner-title p {
margin: 0;
padding: 0;
font-size: 90%;
color: #457;
}
#mp-2012-sisters {
clear:both;
color: #222;
padding-top: 15px;
line-height: 120%;
}
/* Giao diện máy tính */
/* https://www.mediawiki.org/wiki/Mobile_Gateway/Mobile_homepage_formatting#MFSpecialCaseMainPage */
@media all and ( min-width: 1200px ) {
#mp-2012-banner > div {
line-height: 120px;
}
#mp-2012-banner-title {
margin-left: 20px;
}
#mp-2012 #column-nhanvat {
margin-left: 1.6em;
/*    color: #3B3B3B; */
}
#mp-2012 #column-congty {
margin-left: 1.6em;
/*    color: #3B3B3B; */
}
#mp-2012 #column-hinhanh {
margin-left: 1.6em;
/*    color: #3B3B3B; */
}
#mp-2012 #column-sanpham {
margin-left: 1.6em;
/*    color: #3B3B3B; */
}
#mp-2012 #column-lienquan {
margin-left: 1.6em;
/*    color: #3B3B3B; */
}
#mp-2012 #column-taobaimoi {
margin-left: 1.6em;
/*    color: #3B3B3B; */
}
#mp-2012,
#mp-2012-body {
clear: both;
}
#mp-2012-sisters {
border: none;
margin-top: .8em;
}
#mp-2012-banner-title p {
color: #02577a;
}
#mp-2012 h2 {
font-weight: bold;
border: none;
font-size: 1.6em;
margin-bottom: .8em;
}
#mp-2012-body {
min-width: 695px; /* 182 + 40 + 240 + 245 + 20 - 32 */
margin-bottom: .8em;
}
#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-baiviet-left-block {
margin-top: 0em;
padding: .8em 1.6em 1.8em;
line-height: 1.5em;
}
.mp-2012-column-baiviet-left-block + .mp-2012-column-left-block {
	border-top: 1px solid #EEE;
}
.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 h2 {
color: #01303f;
background: rgb(2,169,247);
background: linear-gradient(90deg, rgba(2,169,247,1) 0%, rgba(137,214,251,0.6671043417366946) 53%, rgba(212,240,252,0) 100%);
max-width: 300px;
}
#mp-2012-column-right h2 {
color: #01303f;
background: rgb(2,169,247);
background: linear-gradient(90deg, rgba(2,169,247,1) 0%, rgba(137,214,251,0.6671043417366946) 53%, rgba(212,240,252,0) 100%);
max-width: 300px;
}
#column-baiviet p, #mp-2012 #column-nhanvat p {
line-height: 1.6em;
text-align: justify;
text-justify: auto;
}
#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: 0em;
}
.mp-2012-column-right-block {
margin: 0 0 1.6em;
padding: .8em 1.6em 1.6em;
}
#mp-2012-column-right-block-a {
border-left: 1px solid #02a9f7;
border-top: 1px solid #02a9f7;
background: #d4f0fc;
}
#mp-2012-column-left-block-d {
border-right: 1px solid #02a9f7;
border-bottom: 1px solid #02a9f7;
background: #FFF;
}
#mp-2012-banner-congnghe-logo {
float: left;
width: 160px;
height: 119px;
margin-bottom: 1px;
background-image: url("//upload.wikimedia.org/wikipedia/commons/thumb/3/37/Gear_%2889378%29_-_The_Noun_Project.svg/300px-Gear_%2889378%29_-_The_Noun_Project.svg.png");
background-position: 0px -30px;
background-repeat: no-repeat;
}
#mp-2012-banner {
clear: both;
height: 120px;
min-width: 727px; /* 182 + 40 + 240 + 245 + 20 */
}
}