Wadoku.de Forum
  [Search] Search   [Recent Topics] Recent Topics   [Hottest Topics] Hottest Topics  
[Register] Register /  [Login] Login 
Altes Layout für neues Wadoku  RSS feed
Forum Index » wadoku.de
Author Message
Thomas Latka



Joined: 22/05/2006 23:04:06
Messages: 164
Offline

Ich bin Nostalgiker,
Mein Ziel: das alte Layout fürs neue Wadoku!

Vielleicht hat jemand Lust mitzuarbeiten, oder Feedback zu geben, was dafür noch gemacht werden muss.
Hab es leider noch nicht viel weiter als mit den Farben geschafft.
Wäre cool, wenn das Layout auch von anderen ausgewählt werden kann, vielleicht sogar als default?!

Next Steps:
- Suchergebnisse: Die erste Spalte mit den Nr. kleiner machen, und den grauen Kasten weg, wo die Zahl drin steht.
- Die Suche stets nur als ein Feld, also alles andere weg, bzw. nur auf Option
- Auf der Vorschlagsseite wir zuviel Platz verschenkt, also alles nebeneinander, etc.
- ...

body{
	font-family:sans-serif;background:#e6e6fa;padding:0 0 0 0;margin:0 0 0 0
}

body,input,select,td,textarea{
	font-family:Arial,Helvetica,sans-serif;font-size:medium;
}

h1,h2,h3,h4,h5,h6,p,strong,div,form,acronym,label,td,th,span,a,hr,code,pre,hr{
	margin:0;padding:0;font-size:1em;background-repeat:no-repeat;list-style-type:none;
}

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

a:hover{color:#ff0000;text-decoration:underline;}
.phrase_input{font-size: 120%;}

table{
	margin:0;padding:0;background-repeat:no-repeat;list-style-type:none;
}

img{
	border:none;
}

hr{
	height: 1px;color:#000;clear:both;
}

#sidepane{
	display:inline-block;float:left
}

#sidepane:not(.open){width:10%}

#content{
	margin-left:2em;display:inline-block;width:80%;
}

#sidepane.open{
	min-width:110px;width:15% !important
}

div#daijirin,div#daijisen,div#wikipediaja{
	padding:0;margin:0;border:0;font-size:80%;margin-left:4em;display:none
}

h2{font-size:1.2em;margin:10px 0 10px 0;}

h3{font-size:1.1em;margin:10px 0 5px 0;}

p{margin:0 0 10px 0;}

#clip h3{margin-bottom:0}

#clipboard{margin-top:10px;}

#clipboardList ul {margin: 0;list-style: none;}

#clipboardList a {text-decoration: none;}

.clipform{font-size:xx-small !important}

#smallsearch div.umlaut{font-size:80%;}

#searchinput div.umlaut{font-size:100%}

div.umlaut *{color:#888}

div.umlaut a:hover{cursor:pointer}

#entrytags{margin:5px 5px 5px 4em;}

button#tagedit{font-size:80%}

div#resulttags{font-size:medium}

.tag {
    margin-bottom:.25em;
    background-color: #dcdcdc;
    border: 1px solid #dcdcdc;
    border-bottom-color: gray;
    padding: 0 4px 0 4px;
    font-style: italic;
    font-variant:small-caps;
    display:inline-block;
    zoom:1;
    *display:inline;
}
.tag:hover {
    border: 1px solid #dcdcdc;
    border-top-color: gray;
}
.tag:hover a {
    text-decoration:none;
}
.tag .extra {
    background-color: #dcdcdc;
}
.domtag,.domtag:link,.domtag:visited {
    color: green;
}
.regtag,.regtag:link,.regtag:visited {
    color: #483d8b;
}
.hinttag,.hinttag:link,.hinttag:visited {
    color: #a52a2a;
}
.seasontag,.seasontag:link,.seasontag:visited {
    color: #a52a2a;
}
.remove-label:link, .remove-label:visited {
    color:#ffb6c1;
}
.remove-label:hover {
    color:red;
}
/* Menu */
.logo{float:left;clear:left}
#hd{width:100%;min-height:66px;}
ul.mainnav{display:inline-block;text-align:center;vertical-align:middle;min-height:60px;width:38%}
ul.mainnav,ul.mainnav *{margin:0;padding:0;list-style:none;text-align:center;}
ul.mainnav li{padding:0 .3em;background:#add8e6;margin:.3em 0;display:inline-block;zoom:1;min-width:10%}
ul.mainnav li a{color:#334455;font-size:small;font-weight:bold;}
ul.mainnav li:hover,ul.mainnav li a:hover{text-decoration:none;color:#add8e6;background-color:#334455;}

/* Login, Sprache */
#topuser,#langselect {font-size: smaller !important; color: #345; padding-bottom: .3em; white-space:nowrap}
#topuser a, #langselect a {text-decoration: underline;}
#topuser .menu1, #langselect .menu1 {border-left: 1px solid #bcd; padding-left: .4em}
#topuser .menu2, #langselect .menu2 {padding-right: .4em}
#topuser .menu3 {padding-left: .4em; padding-right: .4em; border-left: 1px solid #bcd;}
#topuser select{font-size:smaller;padding:.1em;border:1px solid #aaa;}
#topuser .login {padding-right: .4em !important;}
#topuser .login #user {padding-right: .4em !important;}

#mainright{display:inline;padding:8px 8px;text-align:right;vertical-align:top;float:right;}
#smallsearch{margin-top:1px;border-top:2px solid #aaa;padding:.375em;text-align:center;}
#smallsearch form{margin:0;padding:0;white-space:nowrap;}
#smallsearch form select{font-size:small;padding:.1em;background:#fff;border:1px solid #aaa;}
#smallsearch form fieldset,#smallsearch form label{border:none;margin:0;padding:0;display:inline;}
#searchinput{text-align:center;margin:2em 0 6em  0;}
#searchfield{font-size:larger;margin-bottom:1em}
#searchoptions{display:none;border:1px solid gray}
#searchoptions select{font-size:small;background:#fff;border:1px solid #aaa}
.pagefooter{background-color:#e6e6fa;color:#606060;text-align:center;font-size:80%;width:100%;}
.pagefooter a{color:#606060;text-decoration:underline;}
/* entry view */
#entryinfo{color:#a9a9a9;}
.relationtype{width:2em;color:blue;}
.clickable:hover{cursor:pointer;color:red;}
.disabled{background:#aaaaaa url(../img/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);}

.msgheader,.suggesthead{font-weight:normal !important;border:none !important;}
.message,.suggestion{border-top:none;border-left:none;border-right:none}
form#messageForm{font-size:80%}
.message .user{color:#77f}
.message .extra{font-size:80%;}
.extra .msgstatus{display:inline !important;color:black !important;background:#e3ffe3 !important;}
.msgactions,.suggestactions{float:right}
.msgcontent{font-size:80%;padding: 3px 5px 5px;border:none !important}
div.newmsgstatus{border:1px solid #008000;background-color: #e1fbb9;padding:8px}
.suggestcontent{padding:4px;border:none !important;}
/* Tabellenlayout */
.tablayouttable .link ul li{list-style:circle inside;}
/* index.jsp */
.entryfooter,.extra,.extra a{font-size:80%;color:#808080;background-color:#f0f0f0;}
a.extra:hover{cursor:pointer}
/* searchresult */
.searchinfo{font-size:small;margin-top:2px;margin-bottom:8px}
.searchtime{color:gray;margin-left:.5em}
.taginfo{font-size:small}
#resulttags{margin-top:4px;margin-bottom:4px}
#resulttags #more:hover{cursor:pointer}
#resulttab{width:100%}
.aboveresult,.belowresult{font-size:small;width:100%;min-height:24px;}
.searchpaging{display:inline-block;}
.paging{font-size:small;margin:4px 0}
.paginginfo{margin-right: 8px}
.options{display:inline-block;float:right;}
.options input{vertical-align:top}
.highlight {background-color:yellow !important;}
.resultline{background-color:#FEA;width:100%}
td,.resultline{font-size:medium;}.resultline.even{
	background-color: #FFF;
}
.resultline .buttons{float:right;font-size:8px}
.resultinfo{width:10%;max-width:15%;vertical-align:top;}

div.resultinfo{width:100%;max-width:100%}
.resultcounter{border:none !important;min-width:3em;display:inline-block}
.resultdetail{vertical-align:top;padding-left:.5em}
.resultdetail.o,.resultdetail.read{width:15%}
.resultdetail.g{margin-left:.5em;vertical-align:top;width:auto}
.resultextra{color:#888;display:inline}
.composresult{border:none !important;}
.composresrow{font-size:medium !important;display:inline-block;width:80%}
.reshead{background-color:#ffe4c4;}
span.current,span.current .ui-state-hover {cursor:default;color:black;background:#b8b8b8;border:lightgray;font-weight:bold;}

form#newEntryForm em{color:red;}
form#newEntryForm .sample{color:gray;}
/* entry detail */
#breadcrumbs{border:none;font-weight:normal;}

.entry{}
.entry .reading,.entry .romaji{font-size:small;height:1.4em}
.entry .reading .b{border-bottom:1px dotted gray}
.entry .reading .t{border-top:1px dotted gray}
.entry .reading .l{border-left:1px dotted gray}
.entry .reading .r{border-right:1px dotted gray}
.entry .romaji .devok{color:gray}
.entry .homophoncount,.entry .homographcount{font-size:x-small;vertical-align:top}
.entry .left{display:inline-block;text-align:center}
.entry .middle{display:inline-block;font-size:x-large;vertical-align:top;}
.entry .right{padding-left:10px;color:gray;display:none}
.entry .uid{font-size:x-small}
.entry .rel,.entry .indexnr {color:darkblue}
.entry .top{border-bottom:1px solid #CCC;}
.entry .pos{margin-top:2px;font-family:Verdana,sans-serif;font-size:x-small}
.entry .pos:after{content:']'}
.entry .pos:before{content:'[';}
.entry .bottom{margin-top:5px;margin-bottom:8px;margin-left:10px;font-size:medium}
.entry .senses{margin-top:2px}
.entry .sense:hover{background-color:#f0f8ff;}
.senses .tr{font-family:Verdana,sans-serif}
.sense .def:before{content:'Def.: '}
.sense .latin:before{content:'lat.: ';font-style:italic;color:gray}
.sense .indexnr:before{content:'['}
.sense .indexnr:after{content:']\00a0'}
.sense .season:before{content:'?'}
.sense .season:after{content:'?'}
.sense .title:before{content:'\201e'}
.sense .title:after{content:'\201f'}
.jap:before{content:' ('}
.jap:after{content:')'}
.transcr:before{content:'<'}
.transcr:after{content:'>'}
.genus,.foreign{font-style:italic;color:gray}
.reflink.syn:before{content:'\21d2\00a0'}
.reflink.anto:before{content:'\21d4\00a0'}
.reflink.main:before{content:'\21d1\00a0'}
.reflink.aread:before{content:'\2192\00a0'}
.reflink:hover,.token:hover{cursor:pointer}
.dom{color:green;font-style:italic;font-variant:small-caps}
.reg{font-style:italic;color:#483d8b}
.usage{color:brown;font-style:italic}
.etym,.def{color:gray}
.famn{font-weight:bold;}
.klammer{color:gray}
.emph{font-weight:bold;font-style:italic;}
.reflink {}

button.delete,button.msgdelete,button.edit,button.recover,button.msgunconfirm,button.msgresolve,button.msginconclusive{background: url(../img/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x !important;}
 
Forum Index » wadoku.de
Go to: