mirrors/ProgressQuest-web
1
0
Fork 0
mirror of https://bitbucket.org/grumdrig/pq-web.git synced 2026-09-29 08:44:00 -06:00
Code Issues Packages Projects Releases Wiki Activity

Split page-specific CSS to differenct files

Browse Source
This commit is contained in:
Eric Fredricksen
2010-07-06 20:57:36 -07:00
parent 87d2d769dd
commit 62f0eaeb94
5 changed files with 120 additions and 114 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main.css
+62
View File
@@ -0,0 +1,62 @@
thead.mid {
border-top: solid 1px grey;
}
.label {
margin-top: 3px;
}
.listbox {
border: solid 1px black;
width: 250px;
background-color: white;
}
.head {
font-weight: bold;
font-size: 9pt;
margin: 2px 0 2px 0;
}
div.progress-container {
border: 1px solid #ccc;
width: 250px;
margin: 2px 5px 2px 0;
padding: 1px;
background: white;
overflow: hidden;
}
div.progress-container > div.bar {
background-color: #ACE97C;
height: 12px;
width: 50%;
}
div.hint {
z-index: 20;
position: absolute;
margin-top: 1px;
visibility: hidden;
width: 250px;
text-align: center;
color: #060;
}
div.progress-container:hover div.hint {
visibility: visible;
}
#main.window {
width: 820px;
}
#TaskBar, #TaskBar .hint {
width: 800px;
}
main.html
+1
View File
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="pq.css" type="text/css">
<link rel="stylesheet" href="main.css" type="text/css">
<title>Progress Quest</title>
</head>
newguy.css
+56
View File
@@ -0,0 +1,56 @@
#newguy.window {
width: 508px;
}
#newguy > .client {
padding: 4px;
}
#newguy > #titlebar {
margin-bottom: 0;
}
fieldset {
border: solid 1px #aaa;
width: 180px;
}
fieldset table {
width: 100px;
border: none 0px black;
border-right: none !IMPORTANT;
border-spacing: 10px;
border-collapse: separate;
background-color: transparent;
}
fieldset table th {
border: none;
margin-bottom: 1ex;
border-right: none !IMPORTANT;
width: 5ex;
}
fieldset table td {
border: solid 1px #aaa;
text-align: center;
width: 4ex;
}
#races, #classes {
width: 185px;
}
#classes, #stats {
height: 365px;
}
#stats {
width: 109px;
}
.window#newguy .vbox button {
width: 75px;
margin: 4px;
}
newguy.html
+1
View File
@@ -1,6 +1,7 @@
<html>
<head>
<link rel="stylesheet" href="pq.css" type="text/css">
<link rel="stylesheet" href="newguy.css" type="text/css">
<title>Progress Quest - Roll One Up</title>
<script src="jquery.js"></script>
<script src="config.js"></script>
pq.css
-114
View File
@@ -65,82 +65,6 @@ th:first-child {
border-right: solid 1px grey;
}
thead.mid {
border-top: solid 1px grey;
}
.label {
margin-top: 3px;
}
.listbox {
border: solid 1px black;
width: 250px;
background-color: white;
}
fieldset {
border: solid 1px #aaa;
width: 180px;
}
fieldset table {
width: 100px;
border: none 0px black;
border-right: none !IMPORTANT;
border-spacing: 10px;
border-collapse: separate;
background-color: transparent;
}
fieldset table th {
border: none;
margin-bottom: 1ex;
border-right: none !IMPORTANT;
width: 5ex;
}
fieldset table td {
border: solid 1px #aaa;
text-align: center;
width: 4ex;
}
.head {
font-weight: bold;
font-size: 9pt;
margin: 2px 0 2px 0;
}
div.progress-container {
border: 1px solid #ccc;
width: 250px;
margin: 2px 5px 2px 0;
padding: 1px;
background: white;
overflow: hidden;
}
div.progress-container > div.bar {
background-color: #ACE97C;
height: 12px;
width: 50%;
}
div.hint {
z-index: 20;
position: absolute;
margin-top: 1px;
visibility: hidden;
width: 250px;
text-align: center;
color: #060;
}
div.progress-container:hover div.hint {
visibility: visible;
}
#titlebar {
background-color: #008;
@@ -168,10 +92,6 @@ div.progress-container:hover div.hint {
}
#main.window {
width: 820px;
}
body {
background: url(back.jpg) no-repeat;
background-size: 100% 100%;
@@ -182,10 +102,6 @@ body {
margin-top: 1em;
}
#TaskBar, #TaskBar .hint {
width: 800px;
}
div.scroll {
overflow: scroll;
height: 100px;
@@ -201,33 +117,3 @@ div.scroll > table {
background-color: yellow;
}
/* New guy form TODO: move this */
#newguy.window {
width: 508px;
}
#newguy > .client {
padding: 4px;
}
#newguy > #titlebar {
margin-bottom: 0;
}
#races, #classes {
width: 185px;
}
#classes, #stats {
height: 365px;
}
#stats {
width: 109px;
}
.window#newguy .vbox button {
width: 75px;
margin: 4px;
}