NCleanBlue theme
Hi all,
Just updated and testing out the NCleanBlue theme.
I have a hidden div in one of my module tempates that no longer hides. (clicking on the link also does not hide or unhide it).
I'm wondering what is causing this.
Had a look through the CSS, but can't really find what the cause is.
Any ideas welcome!
Thanks
Template code:
Code: Select all
{literal}
<__script__ type="text/javascript">
function unhide(divID) {
var item = document.getElementById(divID);
if (item) {
item.className=(item.className=='hidden')?'unhidden':'hidden';
}
}
</__script>
{/literal}
<fieldset>
<legend><a href="javascript:unhide('shippingaddress');">送り先が異なる場合はこちら </a></legend>
<div id="shippingaddress" class="hidden">
<table><tr><td>blah</td></tr></table>
</div>
Code: Select all
/*
@Nuno Costa [criacaoweb.net]
@Since [cmsms 1.6]
@Contributors: Mark and Dev-Team
*/
body {
/* default text for entire site */
font-family: "MS Mincho", "MS 明朝", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka", "Geneva", "Arial", "Verdana", "sans-serif";
font: normal 90%;
/* default text color for entire site */
color: #3A3A36;
/* you can set your own image and background color here */
background: #fff;
/* url(uploads/NCleanBlue/bg__full.png) repeat-x scroll left top; */
}
/* Mask helper for browsers ZOOM, Rezise and Decrease */
#ncleanblue {
/* set to width of viewport */
width: auto;
/* you can set your own image and background color here */
background: #fff url(uploads/NCleanBlue/bg__full.png) repeat-x scroll left top;
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
position: absolute;
left: -5000px;
width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
color: #679EBC;
/* background image for the link to show wiki style arrow */
background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
background: url(images/cms/external.gif) no-repeat 100% 0;
background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
position: absolute;
top: -9999em;
left: -9999em;
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
border: none;
}
/* ------------ Standard HTML elements and their default settings ------------ */
b, strong{font-weight: bold;}i, em{ font-style: italic;}
p {
padding: 0;
margin-top: 0.5em;
margin-bottom: 1em;
text-align:left;
}
h1, h2, h3, h4, h5 {
line-height: 1.6em;
font-weight: normal;
width: auto;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
th {font-weight: bold;}
/*default link styles*/
a {
color: #679EBC;
text-decoration: none;
text-align: left;
}
a:hover {
color: #3A6B85;
background-color: #FFCCCC;
}
a:active {
color: #3A6B85;
}
a:visited {
color: #679EBC;
}
input, textarea, select {
font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
font-size: 95%;
position: relative;
z-index: 1;
}
/* ------------ Header ------------ */
#header {
height: 111px;
width: 100%;
background: #CCFF33;
}
#logo a {
/* adjust according your image size */
height: 75px;
width: 215px;
/* forces full link size */
display: block;
/* this hides the text */
text-indent: -9999em;
margin-top: 0;
margin-left: 0;
/* you can set your own image here, note size adjustments */
background: #CCFF33 url(uploads/images/logo1.jpeg) no-repeat 0;
}
/* url(uploads/NCleanBlue/logo.png) no-repeat left top; */
/* ------------ Header - Search ------------ */
div#search {
width: 190px;
height: 28px;
margin-top: 31px;
margin-right: 20px;
}
div#search label {
text-indent: -9999em;
height: 0pt;
width: 0pt;
display: none;
}
div#search input.search-input {
/* specific size for image, your image may need these adjusted */
width: 143px;
height: 17px;
/* removes default borders, allows use of image */
border-style: none;
/* text color */
color: #999;
/* padding of text */
padding: 7px 0px 4px 10px;
float: left;
/* set all font properties at once, weight, size, family */
font: bold 0.9em Arial, Helvetica, sans-serif;
/* left input image, set your own here */
background: url(uploads/NCleanBlue/search.png) no-repeat left top;
}
div#search input.search-button {
/* specific size for image, your image may need these adjusted */
width: 37px;
height: 28px;
/* removes default borders, allows use of image */
border-style: none;
/* hides text, image has text */
text-indent: -9999em;
float: left;
margin: 0;
/* provides positive hover effect */
cursor: pointer;
/* removes default size/height */
font-size: 0px;
line-height: 0px;
/* submit button image, set your own here */
background: transparent url(uploads/NCleanBlue/search.png) no-repeat right top;
}
/* ------------ Content ------------ */
#content {
width: auto;
/* all text in #content will default align left, changed in other calls */
text-align: left;
}
#bar {
width: auto;
height: 50px;
padding-right: 1em;
padding-left: 1em;
}
.print {
margin-right: 75px;
margin-top: 10px;
}
#version {
width: 50px;
height: 31px;
position: absolute;
z-index: 5;
top: 130px;
right: -16px;
font-size: 1.6em;
font-weight: bold;
padding: 28px 15px;
color: #FFF;
text-align: center;
vertical-align: middle;
background: url(uploads/NCleanBlue/version.png) no-repeat left top;
}
/* IE6 fixes */
* html div#version {
top: 150px;
}
/* End IE6 fixes */
/* Site Title */
h1.title {
font-size: 1.8em;
color: #666666;
margin-bottom: 0;
}
/* Breadcrumbs */
div.breadcrumbs {
padding: 0.5em 0;
font-size: 85%;
margin: 0.5em 1em;
}
div.breadcrumbs span.lastitem {
font-weight: bold;
}
/* ------------ Side Bar (Left) ------------ */
#left {
width: 250px;
}
/* Image that Represents the new CMS design */
#left .screen {
margin: 10px 50px;
}
/* End */
.sbar-title {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #252523;
}
.sbar-top {
height: 20px;
width: auto;
padding: 10px;
background: url(uploads/NCleanBlue/bg__content.png) no-repeat left top;
}
.sbar-main {
width: auto;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
background: #F0F0F0;
}
span.sbar-bottom {
width: auto;
display: block;
height: 10px;
background: url(uploads/NCleanBlue/bg__content.png) no-repeat left bottom;
}
/* ------------ Main (Right) ------------ */
#main {
width: 690px;
}
.main-top {
height: 15px;
width: auto;
background: url(uploads/NCleanBlue/bg__content.png) no-repeat right top;
}
.main-main {
width: auto;
border-right: 1px solid #E2E2E2;
border-left: 1px solid #E2E2E2;
background: #F0F0F0;
padding: 20px;
padding-top: 0px;
}
.main-bottom {
width: auto;
height: 41px;
background: url(uploads/NCleanBlue/bg__content.png) no-repeat right bottom;
}
.right49, .left49 {
font-size: 0.85em;
margin: 7px 5px 5px 10px;
font-weight: bold;
}
.left49 span {
display: block;
padding-top: 1px;
}
.left49 a {
font-weight: normal;
}
.right49 {
height: 28px;
width: 50px;
padding-right: 10px;
background: url(uploads/NCleanBlue/bull.png) no-repeat right top;
}
.right49 a, .right49 a:visited {
padding: 7px 4px;
display: block;
color: #000;
height: 15px;
background: url(uploads/NCleanBlue/bull.png) no-repeat left top;
}
#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {
font-size: 1.4em;
color: #301E12;
}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
line-height: 1em;
margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
padding: 2px 2px 2px 5px;
margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
font-weight: bold;
margin: 0 0 0 1em;
}
div#main dl dd {
margin: 0 0 1em 1em;
}
div#main dl {
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
min-height: 100px;
height: auto!important;
height: auto;
width: 100%;
margin-top: 5px;
text-align: center;
margin-right: 00px;
margin-left: 0px;
background: #7CA3B5 url(uploads/NCleanBlue/bg__footer.png) repeat-x left top;
}
#footer {
color: #FFF;
font-size: 0.8em;
min-height: 100px;
height: auto!important;
height: auto;
background: #7CA3B5 url(uploads/NCleanBlue/bg__footer.png) repeat-x left top;
}
div#footerlinks td {
text-align: center;
padding: 5px 5px 5px 5px; /* some air for footer */
}
#footer .block {
width: 100%;
margin: 20px 10px 10px;
}
#footer .cms {
text-align: right;
}
/* ------------ Footer Links ------------ */
#footer ul {
width: auto;
text-align: left;
margin-left: 50px;
}
#footer ul ul {
margin-left: 0px;
}
#footer ul li a {
color: #FFF;
display: block;
font-weight: normal;
margin-bottom: 0.5em;
text-decoration: none;
}
#footer a {
color: #DCEDF1;
text-decoration: underline;
font-weight: bold;
}
/* ------------ END LAYOUT ---------------*/
(MENU CSS removed)
/Code: Select all
/*
@Nuno Costa [criacaoweb.net] Utils CSS.
@Licensed under GPL2 and MIT.
@Status: Stable
@Version: 0.1-20090418
@Contributors:
- http://meyerweb.com/eric/tools/css/reset/index.html
---------------------------------------------------------------
*/
/* From: http://meyerweb.com/eric/tools/css/reset/index.html (Original) */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/*
Stantby for nowbody {
line-height: 1;
}
*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ------- @Nuno Costa [criacaoweb.net] Utils CSS. ---------- */
* {
font-weight: inherit;
font-style: inherit;
font-family: inherit;
}
dfn {
display: none;
overflow: hidden;
}
/* ----------- Clear Floated Elements ----------- */
html body .util-clearb {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
position: static;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* ----------- Fix to Clear Floated Elements ----------- */
.util-clearfix:after {
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.util-clearfix {
display: inline-block;
}
* html .util-clearfix {
height: 1%;
}
.util-clearfix {
display: block;
}Code: Select all
/*
@Nuno Costa [criacaoweb.net] Utils CSS.
@Licensed under GPL2 and MIT.
@Status: Stable
@Version: 0.1-20090418
@Contributors:
- http://meyerweb.com/eric/tools/css/reset/index.html
---------------------------------------------------------------
*/
/* From: http://meyerweb.com/eric/tools/css/reset/index.html (Original) */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/*
Stantby for nowbody {
line-height: 1;
}
*/
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ------- @Nuno Costa [criacaoweb.net] Utils CSS. ---------- */
* {
font-weight: inherit;
font-style: inherit;
font-family: inherit;
}
dfn {
display: none;
overflow: hidden;
}
/* ----------- Clear Floated Elements ----------- */
html body .util-clearb {
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
position: static;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* ----------- Fix to Clear Floated Elements ----------- */
.util-clearfix:after {
clear: both;
content: '.';
display: block;
visibility: hidden;
height: 0;
}
.util-clearfix {
display: inline-block;
}
* html .util-clearfix {
height: 1%;
}
.util-clearfix {
display: block;
}
