Some restructuring and started styling dictionary column
This commit is contained in:
parent
2d6013e169
commit
a2cb7d5180
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -80,7 +80,7 @@ function ShowPublicDictionary(ignoreFilters) {
|
||||||
ShowFilterWordCount(numberOfWordsDisplayed);
|
ShowFilterWordCount(numberOfWordsDisplayed);
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
document.getElementById("dictionaryContainer").innerHTML = publicDictionary;
|
document.getElementById("dictionaryContent").innerHTML = publicDictionary;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue