mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-10 11:55:49 +00:00
Bug 1125634
- Let about:about use info-pages.css instead of about.css r=dao
MozReview-Commit-ID: 4K1Gp2l48VK --HG-- extra : rebase_source : 2ba52817ccd102dd9ce4f08277e1fa032c4c43e3
This commit is contained in:
parent
24bfe124f4
commit
db267cec2f
@ -13,13 +13,15 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>&aboutAbout.title;</title>
|
||||
<link rel="stylesheet" href="chrome://global/skin/about.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="chrome://global/skin/in-content/info-pages.css" type="text/css"/>
|
||||
<script type="application/javascript" src="chrome://global/content/aboutAbout.js"></script>
|
||||
</head>
|
||||
|
||||
<body dir="&locale.dir;">
|
||||
<h1>&aboutAbout.title;</h1>
|
||||
<p><em>&aboutAbout.note;</em></p>
|
||||
<ul id="abouts" class="columns"></ul>
|
||||
<div class="container">
|
||||
<h1>&aboutAbout.title;</h1>
|
||||
<p><em>&aboutAbout.note;</em></p>
|
||||
<ul id="abouts" class="columns"></ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
@ -56,8 +56,3 @@ ul > li {
|
||||
th, td {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.columns {
|
||||
-moz-column-width: 20em;
|
||||
-moz-column-gap: 3em;
|
||||
}
|
||||
|
@ -15,7 +15,7 @@ body {
|
||||
flex-direction: column;
|
||||
box-sizing: border-box;
|
||||
min-height: 100vh;
|
||||
padding: 0 48px;
|
||||
padding: 40px 48px;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
@ -83,6 +83,17 @@ dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul.columns {
|
||||
column-count: 2;
|
||||
column-gap: 5em;
|
||||
}
|
||||
|
||||
@media (max-width: 35em) {
|
||||
ul.columns {
|
||||
column-count: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.button-container {
|
||||
margin-top: 1.2em;
|
||||
|
Loading…
Reference in New Issue
Block a user