css fixes

This commit is contained in:
ksjdragon 2016-04-25 22:10:55 -04:00
parent 84ea10774b
commit 6513972081
4 changed files with 17 additions and 15 deletions

View File

@ -49,8 +49,9 @@ p {
margin-bottom: 1%; margin-bottom: 1%;
} }
td { .periodictable {
width:50px; color: #000;
width:50px;
height: 65px; height: 65px;
padding:0; padding:0;
margin:0; margin:0;
@ -59,10 +60,6 @@ td {
-moz-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease;
-ms-transition: box-shadow 0.3s ease; -ms-transition: box-shadow 0.3s ease;
transition: box-shadow 0.3s ease; transition: box-shadow 0.3s ease;
}
.periodictable {
color: #000;
} }
.atom:hover { .atom:hover {
@ -260,14 +257,14 @@ img {
} }
.keycolor { .keycolor {
width: 20%; width: 20px;
height: 10%; height: 25px;
} }
.keyvalue { .keyvalue {
line-height: 1em; line-height: 1em;
height: 5%; height: 5%;
width: 115%; padding-right: 2.5%;
text-align: left; text-align: left;
} }
@ -284,11 +281,11 @@ img {
.legend { .legend {
border-collapse: collapse; border-collapse: collapse;
max-width: 55%;
} }
.legendcell { .legendcell {
width: 2px; width: 2px;
height: 25px !important; height: 25px !important;
} }
@ -304,7 +301,7 @@ img {
.maxlegend { .maxlegend {
position: relative; position: relative;
left: 85%; left: 43%;
bottom:50; bottom:50;
} }

View File

@ -218,7 +218,7 @@ function getAtomDOM(atomNum, size) {
var eye = document.createElement("div"); var eye = document.createElement("div");
eye.style.backgroundColor = changeColor(bgColor,-20); eye.style.backgroundColor = changeColor(bgColor,-20);
eye.style.borderRadius = "100px / 240px"; eye.style.borderRadius = "100px / 240px";
eye.style.boxShadow = "inset 0 0 0 4px"; eye.style.boxShadow = "inset 0 0 0 4px #fff";
eye.style.width = size*0.06; eye.style.width = size*0.06;
eye.style.height = size*0.15; eye.style.height = size*0.15;
eye.className = "eye"; eye.className = "eye";

View File

@ -48,7 +48,10 @@ function keyLegend() {
var tbl = document.createElement('table'); var tbl = document.createElement('table');
// id for CSS // id for CSS
tbl.id = "keylegend"; tbl.id = "keylegend";
if(theme == "category") {
tbl.style.top = "10%";
tbl.style.left = "16.5%";
}
for (var i = 0; i < Object.keys(keyColors[index]).length; i+=rowlength) { for (var i = 0; i < Object.keys(keyColors[index]).length; i+=rowlength) {
var tr = tbl.insertRow(); var tr = tbl.insertRow();
for (var x = 0; x < rowlength; x++) { for (var x = 0; x < rowlength; x++) {
@ -63,7 +66,6 @@ function keyLegend() {
keyname.className = "keyvalue"; keyname.className = "keyvalue";
} }
} }
}; };
get("key").appendChild(tbl); get("key").appendChild(tbl);
} }

View File

@ -41,7 +41,10 @@ function keyChange(theme) {
var tbl = document.createElement('table'); var tbl = document.createElement('table');
// id for CSS // id for CSS
tbl.id = "keylegend"; tbl.id = "keylegend";
if(theme == "category") {
tbl.style.top = "10%";
tbl.style.left = "16.5%";
}
for (var i = 0; i < Object.keys(keyColors[index]).length; i+=rowlength) { for (var i = 0; i < Object.keys(keyColors[index]).length; i+=rowlength) {
var tr = tbl.insertRow(); var tr = tbl.insertRow();
for (var x = 0; x < rowlength; x++) { for (var x = 0; x < rowlength; x++) {