1
Intuit
Dokuwiki Layout Questions
  • 2005/9/3 0:59

  • Intuit

  • Just popping in

  • Posts: 60

  • Since: 2005/8/2 1


The front page of the module plays horrible tricks with font sizes and the whol page is shifted to the left, rather than being in the center. Anyone have success in fixing these issues?
--
I
http://www.articles4business.com - post your small business/financial/internet biz articles here to promote your site!
http://www.seductionhome.com

2
WarDick
Re: Dokuwiki Layout Questions
  • 2005/9/3 1:51

  • WarDick

  • Just can't stay away

  • Posts: 890

  • Since: 2003/9/13


Did you notice that it loads three additional style sheets. A quick way to determine what is what is to use the web developer extenison for firefox. It allows you to make realtime changes in the style sheets.
Urging XOOPS to be the Best It Can Be.
Richard......

3
Intuit
Re: Dokuwiki Layout Questions
  • 2005/9/3 2:11

  • Intuit

  • Just popping in

  • Posts: 60

  • Since: 2005/8/2 1


Good idea, will try.
--
I
http://www.articles4business.com - post your small business/financial/internet biz articles here to promote your site!
http://www.seductionhome.com

4
decalogue
Re: Dokuwiki Layout Questions
  • 2006/3/1 12:45

  • decalogue

  • Just popping in

  • Posts: 3

  • Since: 2006/3/1 1


I've already determined that it's the design.css file that messes up the aligning. However, I cant for the life of me figure out what command does it. Can anyone help out to determine what commands are forcing the module to the left instead of center?

/* -------------- general elements --------------- */
/*
body {
  font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  background-color: White;
  color: Black;
  margin: 0;
  padding: 0;
}
*/

/* the document */
div.page {
  
margin-top4px;
  
margin-left:  1em;
  
margin-right2em;
  
text-alignleft;
}

table {
  
font-size100%;
  
padding:0;
  
margin:0;
}

tr,td,th {padding:0margin:0;}

img {border:0}

{padding:0margin0 0 1.0em 0;}

hr {
  
border0px;
  
border-top1px solid #8cacbb;
  
text-align:center;
  
height0px;
}

div.nothing {
  
text-align:center;
    
margin2em;
}

/* ---------------- forms ------------------------ */

form {
  
bordernone;
  
margin0;
  
displayinline;
}

label {
  
displayblock;
  
text-alignright;
  
font-weightbold;
}

label.simple {
  
text-alignleft;
  
font-weightnormal;
}

label input.edit {
  
width50%;
}

fieldset {
  
width300px;
  
text-aligncenter;
  
border1px solid #8cacbb;
  
padding0.5em;
}

textarea.edit {
  
font-family:monospace;
  
border1px solid #8cacbb;  
  
colorBlack;
  
background-colorwhite;
  
font-size:14px;
  
padding3px;
  
width:100%;
}

input.edit,select.edit {
  
font-size100%;
  
border1px solid #8cacbb;
  
height18px !important;
  
max-height22px !important;
  
min-height22px !important;
  
colorBlack;
  
background-colorwhite;
  
vertical-alignmiddle;
  
padding1px;
  
displayinline;
}

input.missing {
  
font-size100%;
  
border1px solid #8cacbb;
  
height18px !important;
  
max-height22px !important;
  
min-height22px !important;
  
colorBlack;
  
background-color#ffcccc;
  
vertical-alignmiddle;
  
padding1px;
  
displayinline;
}

/* --------- buttons ------------------- */


input.button {
  
border1px solid #8cacbb;  
  
colorBlack;
  
background-colorwhite;
  
vertical-alignmiddle;
  
text-decoration:none;
  
font-size100%;
  
cursorpointer;
  
height22px !important;
  
max-height22px !important;
  
min-height22px !important;
  
margin1px;
  
displayinline;
}

div.secedit input.button {
  
border1px solid #8cacbb;
  
colorBlack;
  
background-colorwhite;
  
vertical-alignmiddle;
  
text-decoration:none;
  
margin0px;
  
padding0px;
  
font-size10px;
  
cursorpointer;
  
height15px !important;
  
max-height15px !important;
  
min-height15px !important;
  
float:right;
  
displayinline;
}

/* ----------- page navigator ------------- */

div.pagenav {
    
margin-top:1em;
}

div.pagenav-prev {
    
text-align:right;    
    
float:left;
    
width:50%
}

div.pagenav-prev input.button {
    
margin-right:5px;
}

div.pagenav-next {
    
text-align:left;
    
float:right;
    
width:50%
}

div.pagenav-next input.button {
    
margin-left:5px;
}

/* --------------- Links ------------------ */

{
  
color:#436976;
  
text-decoration:none;
}
a:hover {
  
color:#000000;
  
text-decoration:underline;
}

/* external link */
a.urlextern{
    
backgroundtransparent url(images/link_icon.gif0px 1px no-repeat;
    
padding1px 0px 1px 16px;
    
color:#436976;
    
text-decoration:none;
}
a.urlextern:visited {
  
color:Purple;
}
a.urlextern:hover {
  
text-decoration:underline;
}

/* windows share */
a.windows{
    
backgroundtransparent url(images/windows.gif0px 1px no-repeat;
    
padding1px 0px 1px 16px;
    
color:#436976;
    
text-decoration:none;

a.windows:visited {
  
color:Purple;
}
a.windows:hover 
  
text-decoration:underline;
}

/* interwiki link */
a.interwiki{
    
backgroundtransparent url(images/interwiki.png0px 1px no-repeat;
        
padding-left16px;
    
color:#436976;
    
text-decoration:none;
}
a.interwiki:visited {
  
color:Purple;
}
a.interwiki:hover {
  
text-decoration:underline;
}

/* link to some embedded media */
a.media {
  
color:#436976;
  
text-decoration:none;
}
a.media:hover {
  
color:#436976;
  
text-decoration:underline
}

/* email link */
a.mail {
  
backgroundtransparent url(images/mail_icon.gif0px 1px no-repeat;
  
padding1px 0px 1px 16px;
  
color:#436976;
  
text-decoration:none;
}
a.mail:hover {
  
text-decoration:underline;
}

/* existing wikipage */
a.wikilink1:link    color:#009900; text-decoration:none }
a.wikilink1:visited color:#009900; text-decoration:none }
a.wikilink1:hover   color:#009900; text-decoration:underline }

/* not existing wikipage */
a.wikilink2:link    color:#FF3300; text-decoration:none }
a.wikilink2:visited color:#FF3300; text-decoration:none }
a.wikilink2:hover   color:#FF3300; text-decoration:underline }


/* ------------- Page elements ----------------- */

div.preview{
  
background:#f7f9fa;
  
margin-left:2em;
  
padding4px;
  
border1px dashed #000000;
}

div.breadcrumbs{
  
background-color#f5f5f5;
  
font-size:80%;
  
color#666666;
  
padding-left4px;
}

span.user{
  
color#cccccc;
  
font-size90%;
}

/* embedded images */
img.media {
  
margin3px;
}

img.medialeft {
  
border0;
  
floatleft;
  
margin0 1.5em 0 0;
}

img.mediaright {
  
border0;
  
floatright;
  
margin0 0 0 1.5em;
}

img.mediacenter {
  
border0;
    
displayblock;
  
margin-leftauto;
  
margin-rightauto;
}

acronym {
  
cursorhelp;
  
border-bottom1px dotted #000;
}

/* general headline setup */
h1h2h3h4h5 {
    
colorBlack;
    
background-colortransparent;
    
font-family"Lucida Grande"VerdanaLucidaHelveticaArialsans-serif;
    
font-size100%;
    
font-weightnormal;
    
margin-left:    0;
    
margin-right:   0;
    
margin-top:     0;
    
margin-bottom:  1em;
    
padding-left:   0;
    
padding-right:  0;
    
padding-top:    0.5em;
    
padding-bottom0;
    
border-bottom1px solid #8cacbb;
    
clearleft;
}

/* special headlines */
h1 {font-size160%; margin-left0pxfont-weightbold;}
h2 {font-size150%; margin-left20px;}
h3 {font-size140%; margin-left40pxborder-bottomnonefont-weightbold;}
h4 {font-size120%; margin-left60pxborder-bottomnonefont-weightbold;}
h5 {font-size100%; margin-left80pxborder-bottomnonefont-weightbold;}

/* indent different sections */
div.level1 {margin-left3px;}
div.level2 {margin-left23px;}
div.level3 {margin-left43px;}
div.level4 {margin-left63px;}
div.level5 {margin-left83px;}


li { list-stylenone;}
li:before {content"" !important;}

/* unordered lists */
ul 
  
line-height150%;
  list-
style-typesquare !important;
  
margin0 0 0.5em 1.5em;
  
padding0;
  list-
style-imageurl(images/bullet.gif);
}

/* ordered lists */
ol {
  
line-height1.5em;
  
margin0 0 0.5em 1.5em;
  
padding0;
  
color#638c9c;
  
font-weightbold;
  list-
style-imagenone;
}

/* the list items overriding the ol definition */
.li {
  
color#000000;
  
font-weightnormal;
}

ol {list-style-typedecimal !important}
ol ol {list-style-typeupper-roman !important}
ol ol ol {list-style-typelower-alpha !important}
ol ol ol ol {list-style-typelower-greek !important}

li.open {
  list-
style-imageurl(images/open.gif);
}

li.closed {
  list-
style-imageurl(images/closed.gif);
}

blockquote {
  
border-left2px solid #8cacbb;
  
padding-left3px;
  
margin-left0;
}

/* code blocks by indention */
pre.pre {
  
font-size120%;
  
padding0.5em;
  
border1px dashed #8cacbb;
  
colorBlack;
  
background-color#f7f9fa;
  
overflowauto;
}

/* code blocks by code tag */
pre.code {
  
font-size120%;
  
padding0.5em;
  
border1px dashed #8cacbb;
  
colorBlack;
  
background-color#f7f9fa;
  
overflowauto;
}

/* inline code words */
code {
  
font-size120%;
}

/* code blocks by file tag */
pre.file {
  
font-size120%;
  
padding0.5em;
  
border1px dashed #8cacbb;
  
colorBlack;
  
background-color#dee7ec;
  
overflowauto;
}

/* inline tables */
table.inline {
  
background-color#ffffff;
  
border-spacing0px;
  
border-collapsecollapse;
}

table.inline th {
  
padding3px;
  
border1px solid #8cacbb;
  
background-color#dee7ec;
}

table.inline td {
  
padding3px;
  
border1px solid #8cacbb;
}

.
leftalign{
  
text-alignleft;
}

.
centeralign{
  
text-aligncenter;
}

.
rightalign{
  
text-alignright;
}

/* ---------- table of contents ------------------- */

div.toc {
  
margin-left2em;
  
margin-top1.2em;
  
margin-bottom0;
  
float:right;
  
width200px;
  
font-size80%;
  
clear:both;
}

div.tocheader {
  
padding3px;
  
border1px solid #8cacbb;
  
background-color#dee7ec;
  
text-alignleft;
  
font-weight:bold;
  
margin-bottom2px;
}

div.toctoggle {
  
float:right;
  
margin-top:0.3em;
  
margin-right:3px;
}

div.toctoggle img {
  
width:0.8em;
  
height:0.8em;
}

#tocinside {
  
border1px solid #8cacbb;
  
background-color#ffffff;
  
text-alignleft;
  
padding-top0.5em;
  
padding-bottom0.7em;
}

ul.toc {
  list-
style-typenone;
  list-
style-imagenone;
  
line-height1.2em;
  
margin0;
  
padding0;
  
padding-left1em;
}

ul.toc li {
  
backgroundtransparent url(images/tocdot2.gif0 0.6em no-repeat;
  
padding-left:0.4em;
}

ul.toc li.clear {
  
background-imagenone;
  
padding-left:0.4em;
}

a.toc {
  
color#436976;
  
text-decoration:none;
}

a.toc:hover {
  
color#000000;
  
text-decoration:underline
}

/* ---------------------------- Diff rendering --------------------------*/
table.diff background:white; }
td.diff-blockheader {font-weight:bold}
td.diff-header {
  
border-bottom1px solid #8cacbb;
  
font-size:120%;
}
td.diff-addedline {
    
background:#ddffdd;
    
font-familymonospace;
    
font-size100%;
}
td.diff-deletedline 
    
background:#ffffbb;
    
font-familymonospace;    
    
font-size100%;
}
td.diff-context {
    
background:#f7f9fa;
    
font-familymonospace;
    
font-size100%;
}
span.diffchange colorred; }

/* --------------------- footnotes -------------------------------- */

div.footnotes{
  
clear:both;
  
border-top1px solid #8cacbb;
  
padding-left1em;
  
margin-top1em;
}

div.fn{
  
font-size:90%;
}

a.fn_top{
  
vertical-align:super;
  
font-size:80%;
}

a.fn_bot{
  
vertical-align:super;
  
font-size:80%;
  
font-weight:bold;
}


/* --------------- search result formating --------------- */
.search_result{
  
margin-bottom6px;
  
padding-left30px;
  
padding-right10px;
}

.
search_snippet{
  
color#999999;
  
font-size12px;
  
margin-left20px;
}

.
search_sep{
  
color#000000;
}

.
search_hit{
  
color#000000;
  
background#FFFF99;
}

div.search_quickresult{
  
margin-bottom15px;
  
padding-bottom5px;
  
border-bottom1px dashed #8cacbb;
  
margin-left30px;
  
padding-right10px;
}

div.search_quickhits {
  
margin-left1em;
  
float:left;
  
backgroundtransparent url(images/bullet.gif0px 1px no-repeat;
  
padding1px 0px 1px 8px;
  
width30%;
}

/* ------------------ Additional ---------------------- */
/* Modified by D.J. */
.footerinc a img {
    
filteralpha(opacity=50);
    
filterprogid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -
moz-opacity0.5
    
opacity:0.5;
}

.
footerinc a:hover img {
    
filteralpha(opacity=100);
    
filterprogid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -
moz-opacity1.00
    
opacity:1;
}

/* ---- Admin --- */

div.acladmin label {
  
text-alignleft;
  
font-weightnormal;
  
displayinline;
}

div.acladmin table{
  
margin-left10%;
  
width80%;
}

/* ---------- AJAX quicksearch ----------- */

div.ajax_qsearch {
  
position:absolute;
  
right:225px;;
  
text-align:left;
  
width200px;
  
background-color#ff9;
  
opacity0.9;
  
display:none;
}

/* ---------- Spellchecking ------------- */

a.spell_error {
  
color#ff0000;
  
text-decorationunderline;
}

div#spell_suggest {
  
positionabsolute;
  
left0;
  
top0;
  
displaynone;
  
background-color#fff;
  
padding2px;
  
border1px solid #000;
  
font-size:80%;
  
z-index2;
}

div#spell_result {
  
display:none;
  
font-family:monospace;
  
border1px solid #8cacbb; 
  
colorBlack;
  
font-size:14px;
  
padding3px;
  
background-color#f7f9fa;
  
overflowauto;
  
z-index1;

  
white-spacepre-wrap;       /* css-3 */
  
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  
white-space: -pre-wrap;      /* Opera 4-6 */
  
white-space: -o-pre-wrap;    /* Opera 7 */
  
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

span.spell_noerr {
  
color#009933;
}

span.spell_wait {
  
color#0066cc;
}


Thx for any help.

5
zyspec
Re: Dokuwiki Layout Questions
  • 2006/3/1 17:33

  • zyspec

  • Module Developer

  • Posts: 1095

  • Since: 2004/9/21


It appears line 17 above (under the div.page section) change the text-align: left; to what you want - maybe text-align: center. That should change the page alignmement.

6
decalogue
Re: Dokuwiki Layout Questions
  • 2006/3/2 3:51

  • decalogue

  • Just popping in

  • Posts: 3

  • Since: 2006/3/1 1


Thanks, I'll try that. BTW, I forgot to mention that this only happens on firefox. On IE it works perfectly. If anyone is wondering, I'm using firefox 1.5. Could it be because firefox is more CSS compliant than IE?

Thx again, i'll get back after i try it out.

Login

Who's Online

371 user(s) are online (333 user(s) are browsing Support Forums)


Members: 0


Guests: 371


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits