Bug 1042857 - Unify WebIDE's deck style. r=paul

--HG--
rename : browser/devtools/webide/themes/tabledoc.css => browser/devtools/webide/themes/deck.css
This commit is contained in:
Jan Keromnes 2014-07-24 15:05:03 +02:00
parent ca70cdfd69
commit 08525d7e1c
10 changed files with 65 additions and 109 deletions

View File

@ -12,6 +12,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf8"/> <meta charset="utf8"/>
<link rel="stylesheet" href="chrome://webide/skin/deck.css" type="text/css"/>
<link rel="stylesheet" href="chrome://webide/skin/addons.css" type="text/css"/> <link rel="stylesheet" href="chrome://webide/skin/addons.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://webide/content/addons.js"></script> <script type="application/javascript;version=1.8" src="chrome://webide/content/addons.js"></script>
</head> </head>

View File

@ -12,7 +12,8 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf8"/> <meta charset="utf8"/>
<link rel="stylesheet" href="chrome://webide/skin/tabledoc.css" type="text/css"/> <link rel="stylesheet" href="chrome://webide/skin/deck.css" type="text/css"/>
<link rel="stylesheet" href="chrome://webide/skin/permissionstable.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://webide/content/permissionstable.js"></script> <script type="application/javascript;version=1.8" src="chrome://webide/content/permissionstable.js"></script>
</head> </head>
<body> <body>

View File

@ -12,6 +12,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf8"/> <meta charset="utf8"/>
<link rel="stylesheet" href="chrome://webide/skin/deck.css" type="text/css"/>
<link rel="stylesheet" href="chrome://webide/skin/prefs.css" type="text/css"/> <link rel="stylesheet" href="chrome://webide/skin/prefs.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://webide/content/prefs.js"></script> <script type="application/javascript;version=1.8" src="chrome://webide/content/prefs.js"></script>
</head> </head>

View File

@ -12,7 +12,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<meta charset="utf8"/> <meta charset="utf8"/>
<link rel="stylesheet" href="chrome://webide/skin/tabledoc.css" type="text/css"/> <link rel="stylesheet" href="chrome://webide/skin/deck.css" type="text/css"/>
<link rel="stylesheet" href="chrome://webide/skin/runtimedetails.css" type="text/css"/> <link rel="stylesheet" href="chrome://webide/skin/runtimedetails.css" type="text/css"/>
<script type="application/javascript;version=1.8" src="chrome://webide/content/runtimedetails.js"></script> <script type="application/javascript;version=1.8" src="chrome://webide/content/runtimedetails.js"></script>
</head> </head>

View File

@ -2,28 +2,6 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this * License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
html {
font: message-box;
font-size: 15px;
font-weight: normal;
margin: 0;
color: #737980;
background-image: linear-gradient(#fff, #ededed 100px);
height: 100%;
}
body {
padding: 20px;
}
h1 {
font-size: 2.5em;
font-weight: lighter;
line-height: 1.2;
margin: 0;
margin-bottom: .5em;
}
button { button {
line-height: 20px; line-height: 20px;
font-size: 1em; font-size: 1em;
@ -81,24 +59,6 @@ li {
font-size: 0.9em; font-size: 0.9em;
} }
#controls {
position: absolute;
top: 10px;
right: 10px;
}
#controls > a {
color: #4C9ED9;
font-size: small;
cursor: pointer;
border-bottom: 1px dotted;
}
#close {
margin-left: 10px;
}
li[status="unknown"], li[status="unknown"],
li > .uninstall-button, li > .uninstall-button,
li > .install-button, li > .install-button,

View File

@ -2,12 +2,32 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this * License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
html {
font: message-box;
font-size: 15px;
font-weight: normal;
margin: 0;
height: 100%;
color: #737980;
background-color: #ededed;
}
body { body {
background: white; margin: 0;
padding: 20px;
background-image: linear-gradient(#fff, #ededed 100px);
}
h1 {
font-size: 2.5em;
font-weight: lighter;
line-height: 1.2;
margin: 0;
margin-bottom: .5em;
} }
#controls { #controls {
position: fixed; position: absolute;
top: 10px; top: 10px;
right: 10px; right: 10px;
} }
@ -30,29 +50,13 @@ table {
th, td { th, td {
padding: 5px; padding: 5px;
border: 1px solid #EEE; border: 1px solid #eee;
} }
th { th {
min-width: 130px; min-width: 130px;
} }
.permissionstable td {
text-align: center;
}
th:first-of-type, td:first-of-type { th:first-of-type, td:first-of-type {
text-align: left; text-align: left;
} }
.permallow {
color: rgb(152,207,57);
}
.permprompt {
color: rgb(0,158,237);
}
.permdeny {
color: rgb(204,73,8);
}

View File

@ -4,12 +4,13 @@
webide.jar: webide.jar:
% skin webide classic/1.0 %skin/ % skin webide classic/1.0 %skin/
* skin/webide.css (webide.css) * skin/webide.css (webide.css)
skin/icons.png (icons.png) skin/icons.png (icons.png)
skin/details.css (details.css) skin/details.css (details.css)
skin/newapp.css (newapp.css) skin/newapp.css (newapp.css)
skin/throbber.svg (throbber.svg) skin/throbber.svg (throbber.svg)
skin/addons.css (addons.css) skin/deck.css (deck.css)
skin/prefs.css (prefs.css) skin/addons.css (addons.css)
skin/tabledoc.css (tabledoc.css) skin/prefs.css (prefs.css)
skin/runtimedetails.css (runtimedetails.css) skin/runtimedetails.css (runtimedetails.css)
skin/permissionstable.css (permissionstable.css)

View File

@ -0,0 +1,23 @@
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
html, body {
background: white;
}
.permissionstable td {
text-align: center;
}
.permallow {
color: rgb(152,207,57);
}
.permprompt {
color: rgb(0,158,237);
}
.permdeny {
color: rgb(204,73,8);
}

View File

@ -2,45 +2,6 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this * License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
html {
font: message-box;
font-size: 15px;
font-weight: normal;
margin: 0;
color: #737980;
background-image: linear-gradient(#fff, #ededed 100px);
height: 100%;
}
body {
padding: 20px;
}
h1 {
font-size: 2.5em;
font-weight: lighter;
line-height: 1.2;
margin: 0;
margin-bottom: .5em;
}
#controls {
position: absolute;
top: 10px;
right: 10px;
}
#controls > a {
color: #4C9ED9;
font-size: small;
cursor: pointer;
border-bottom: 1px dotted;
}
#close {
margin-left: 10px;
}
li { li {
list-style: none; list-style: none;
} }

View File

@ -2,6 +2,10 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this * License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
html, body {
background: white;
}
#devicePrivileges { #devicePrivileges {
font-family: monospace; font-family: monospace;
padding-left: 6px; padding-left: 6px;