Some restructuring and started styling dictionary column

This commit is contained in:
Robbie Antenesse 2016-07-06 07:36:24 -06:00
parent 2d6013e169
commit a2cb7d5180
5 changed files with 24 additions and 10 deletions

View File

@ -90,7 +90,7 @@ input, textarea, select, option {
background: #c0c088;
}
#dictionaryContainer {
#dictionaryContent {
background: #bd7251;
padding: 15px;
border: none;

View File

@ -1,6 +1,6 @@
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-device-width : 480px) {
and (max-device-width : 910px) {
body {
font-size: 11pt;
}
@ -66,8 +66,18 @@ and (max-device-width : 480px) {
margin: 0px auto;
}
#dictionaryContainer {
margin-bottom: 15px !important;
#dictionaryContent {
width: 100%;
margin: 0 auto;
padding: 15px;
}
#dictionaryContent {
padding: 15px;
}
#dictionaryDescription {
margin: 0;
}
#formLockButton {

View File

@ -177,10 +177,14 @@ input[type=checkbox] {
#dictionaryContainer {
margin: 15px 0 36px 15px; /* bottom margin must clear footer */
padding: 0;
float: left;
}
#dictionaryContent {
width: 60%;
min-width: 260px;
max-width: 800px;
float: left;
}
#dictionaryName {

View File

@ -119,8 +119,8 @@ if ($display_mode != "build") {
<?php } ?>
<link href="/css/styles.css" rel="stylesheet" />
<link href="/css/mobile.css" rel="stylesheet" />
<link href="/css/lexiconga.css" rel="stylesheet" />
<link href="/css/mobile.css" rel="stylesheet" />
</head>
<body>
<header>
@ -192,7 +192,7 @@ if ($display_mode != "build") {
</div>
<?php } ?>
<div id="dictionaryContainer">
<div id="dictionaryColumn"><div id="dictionaryContent">
<?php if ($display_mode == "build") { ?>
<span id="settingsButton" class="clickable" onclick="ShowSettings()">Settings</span>
<?php } ?>
@ -246,7 +246,7 @@ if ($display_mode != "build") {
<?php } ?>
<div id="theDictionary"></div>
</div>
</div></div>
<div id="rightColumn" class="googleads" style="float:right;width:20%;max-width:300px;min-width:200px;overflow:hidden;">
<?php if ($_GET['adminoverride'] != "noadsortracking") { include_once("php/google/adsense.php"); } ?>
@ -405,7 +405,7 @@ if ($display_mode != "build") {
</contents>
<footer>
<div id="footer-content">
Dictionary Builder only guaranteed to work with most up-to-date HTML5 browsers. <a href="/issues" class="clickable" target="_blank">Issues</a> <a href="/updates" class="clickable" target="_blank">Updates</a> | <span class="clickable" onclick="ShowInfo('termsText')" style="font-size:12px;">Terms</span> <span class="clickable" onclick="ShowInfo('privacyText')" style="font-size:12px;">Privacy</span>
Dictionary Builder only guaranteed to work with most up-to-date HTML5 browsers. <a href="/issues" class="clickable inline-button" target="_blank">Issues</a> <a href="/updates" class="clickable inline-button" target="_blank">Updates</a> | <span class="clickable inline-button" onclick="ShowInfo('termsText')" style="font-size:12px;">Terms</span> <span class="clickable inline-button" onclick="ShowInfo('privacyText')" style="font-size:12px;">Privacy</span>
</div>
</footer>

View File

@ -80,7 +80,7 @@ function ShowPublicDictionary(ignoreFilters) {
ShowFilterWordCount(numberOfWordsDisplayed);
}
} else {
document.getElementById("dictionaryContainer").innerHTML = publicDictionary;
document.getElementById("dictionaryContent").innerHTML = publicDictionary;
}
}