Sửa đổi Bản mẫu:Mặt trăng/styles.css
Chú ý: Bạn chưa đăng nhập và địa chỉ IP của bạn sẽ hiển thị công khai khi lưu các sửa đổi.
Bạn có thể tham gia như người biên soạn chuyên nghiệp và lâu dài ở Bách khoa Toàn thư Việt Nam, bằng cách đăng ký và đăng nhập - IP của bạn sẽ không bị công khai và có thêm nhiều lợi ích khác.
Các sửa đổi có thể được lùi lại. Xin hãy kiểm tra phần so sánh bên dưới để xác nhận lại những gì bạn muốn làm, sau đó lưu thay đổi ở dưới để hoàn tất việc lùi lại sửa đổi.
Bản hiện tại | Nội dung bạn nhập | ||
Dòng 1: | Dòng 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.top { | .top { | ||
− | background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/ | + | background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Full_moon%2C_clear_skies_%28May_2014%29%28175371813%29.jpg/1024px-Full_moon%2C_clear_skies_%28May_2014%29%28175371813%29.jpg); |
background-size: cover; | background-size: cover; | ||
width: 100%; | width: 100%; | ||
position: relative; | position: relative; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
.top1 { | .top1 { | ||
− | padding: 20px; | + | padding: 20px 30% 20px 30px; |
top: 0px; | top: 0px; | ||
text-align:justify; | text-align:justify; | ||
− | background: linear-gradient(to left,rgba( | + | background-image: linear-gradient(to left, rgba(15, 15, 21, 0), rgba(15, 15, 21, 1)); |
− | width: | + | width: 50%; |
color: white; | color: white; | ||
} | } | ||
− | . | + | .top a.new:link { |
− | + | color: #e0c7fc !important; | |
− | |||
} | } | ||
− | . | + | .top a.new:visited { |
− | + | color: #e0c7fc !important; | |
− | |||
} | } | ||
− | . | + | .top a.new:hover { |
− | + | color: #eacffd !important; | |
} | } | ||
− | . | + | .top a.new:active { |
− | + | color: #e0c7fc !important; | |
} | } | ||
− | . | + | .mid { |
− | + | display: flex; | |
+ | flex-wrap: wrap; | ||
} | } | ||
− | . | + | .mid .mid1 { |
− | + | flex: 0 0 calc(40% - 24px); | |
+ | margin: 0 10px 0 10px; | ||
} | } | ||
− | . | + | .mid .mid2 { |
− | + | flex: 0 0 calc(60% - 56px); | |
+ | margin: 0 30px 0 30px; | ||
+ | text-align: justify; | ||
} | } | ||
− | . | + | .mid .mid2 h2 { |
− | + | font-weight: bold; | |
} | } | ||
− | . | + | .mid .mid2 h2:after { |
− | border | + | border: none; |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .mid .mid2 p { |
− | + | text-align: justify; | |
} | } | ||
− | + | ||
− | + | .bot { | |
− | + | background-color: #262635; | |
− | + | color: white; | |
− | + | padding: 20px; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | .bot a.new:link { |
− | + | color: #e0c7fc !important; | |
} | } | ||
− | . | + | .bot a.new:visited { |
− | + | color: #e0c7fc !important; | |
− | |||
} | } | ||
− | . | + | .bot a.new:hover { |
− | + | color: #eacffd !important; | |
} | } | ||
− | . | + | .bot a.new:active { |
− | + | color: #e0c7fc !important; | |
} | } | ||
− | .bot { | + | .bot h2 { |
− | + | font-weight: bold; | |
− | |||
− | |||
− | |||
} | } | ||
.bot h2:after { | .bot h2:after { | ||
Dòng 130: | Dòng 74: | ||
color: white; | color: white; | ||
background-color: #262635; | background-color: #262635; | ||
− | |||
} | } | ||
− | + | ||
− | + | @media only screen and (max-width: 1100px) { | |
− | + | .top1 { | |
− | @media only screen and (max-width: | + | padding: 0; |
− | . | + | width: calc(100% - 40px); |
− | |||
− | |||
} | } | ||
− | . | + | .mid .mid1 { |
− | + | flex: 0 0 100%; | |
− | + | margin: 0; | |
} | } | ||
− | . | + | .mid .mid2 { |
− | + | flex: 0 0 100%; | |
+ | margin: 0; | ||
} | } | ||
− | . | + | .bot { |
− | + | padding:0; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | padding: | ||
− | |||
} | } | ||
} | } |