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; background: #c0c088;
} }
#dictionaryContainer { #dictionaryContent {
background: #bd7251; background: #bd7251;
padding: 15px; padding: 15px;
border: none; border: none;

View File

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

View File

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

View File

@ -119,8 +119,8 @@ if ($display_mode != "build") {
<?php } ?> <?php } ?>
<link href="/css/styles.css" rel="stylesheet" /> <link href="/css/styles.css" rel="stylesheet" />
<link href="/css/mobile.css" rel="stylesheet" />
<link href="/css/lexiconga.css" rel="stylesheet" /> <link href="/css/lexiconga.css" rel="stylesheet" />
<link href="/css/mobile.css" rel="stylesheet" />
</head> </head>
<body> <body>
<header> <header>
@ -192,7 +192,7 @@ if ($display_mode != "build") {
</div> </div>
<?php } ?> <?php } ?>
<div id="dictionaryContainer"> <div id="dictionaryColumn"><div id="dictionaryContent">
<?php if ($display_mode == "build") { ?> <?php if ($display_mode == "build") { ?>
<span id="settingsButton" class="clickable" onclick="ShowSettings()">Settings</span> <span id="settingsButton" class="clickable" onclick="ShowSettings()">Settings</span>
<?php } ?> <?php } ?>
@ -246,7 +246,7 @@ if ($display_mode != "build") {
<?php } ?> <?php } ?>
<div id="theDictionary"></div> <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;"> <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"); } ?> <?php if ($_GET['adminoverride'] != "noadsortracking") { include_once("php/google/adsense.php"); } ?>
@ -405,7 +405,7 @@ if ($display_mode != "build") {
</contents> </contents>
<footer> <footer>
<div id="footer-content"> <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> </div>
</footer> </footer>

View File

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