394 lines
6.5 KiB
CSS
394 lines
6.5 KiB
CSS
body {
|
|
font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
position: relative;
|
|
margin: 0px;
|
|
}
|
|
#index {
|
|
background: white url(../images/sensmotdire-background.png) no-repeat right top;
|
|
}
|
|
#about {
|
|
text-align: center;
|
|
}
|
|
#addbrowser {
|
|
background: white url(../images/sensmotdire-background.png) no-repeat center center;
|
|
}
|
|
h1 {
|
|
padding: 1em;
|
|
clear: right;
|
|
color: #448;
|
|
}
|
|
.error {
|
|
clear: both;
|
|
text-align: center;
|
|
color: red;
|
|
font-weight: bold;
|
|
margin-bottom: 2em;
|
|
}
|
|
.wiktionary, .verbiste {
|
|
border: 1px dotted #778;
|
|
padding: .5em;
|
|
clear: both;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
span.combined {
|
|
color: #448;
|
|
}
|
|
strong {
|
|
color: #F00;
|
|
}
|
|
strong span.combined {
|
|
color: #F55;
|
|
}
|
|
#menu {
|
|
border-bottom: 1px dotted #778;
|
|
border-left: 1px dotted #778;
|
|
font-size: 8px;
|
|
margin: 0px;
|
|
float: right;
|
|
text-align: right;
|
|
}
|
|
p.report {
|
|
text-align: center;
|
|
background-color: #DDE;
|
|
border: 1px dotted #778;
|
|
padding: .5px;
|
|
}
|
|
#menu ul li {
|
|
padding-left: 1em;
|
|
display: inline;
|
|
}
|
|
|
|
#menu ul li a:hover, #menu ul li a:link, #menu ul li a:visited {
|
|
color: #448;
|
|
font-weight: bold;
|
|
}
|
|
#addbrowser h2 {
|
|
color: #636363;
|
|
}
|
|
#addbrowser p {
|
|
margin-left: 3em;
|
|
}
|
|
#paddbrowser {
|
|
font-weight:bold;
|
|
text-align: center;
|
|
}
|
|
#pclose {
|
|
text-align: center;
|
|
margin-bottom: 2em;
|
|
}
|
|
div.suggest {
|
|
clear: left;
|
|
}
|
|
form {
|
|
margin: 0px;
|
|
}
|
|
fieldset {
|
|
margin: 1em;
|
|
border: 1px dotted #778;
|
|
padding: 1em;
|
|
}
|
|
a.hidden img {
|
|
border: none;
|
|
}
|
|
a.hidden {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#fieldword {
|
|
float: left;
|
|
}
|
|
h1 span {
|
|
border: 1px dotted #778;
|
|
padding: .5em;
|
|
}
|
|
fieldset legend {
|
|
color: #448;
|
|
padding: .4em .5em;
|
|
border: 1px dotted #778;
|
|
font-weight: bold;
|
|
background-color:white;
|
|
}
|
|
textarea {
|
|
margin-top: 1em;
|
|
}
|
|
div.tab {
|
|
float:left;
|
|
margin-left: 1em;
|
|
}
|
|
div.tabbertab {
|
|
clear: both;
|
|
border-bottom: 1px solid #778;
|
|
border-left: 1px solid #778;
|
|
border-right: 1px solid #778;
|
|
float:left;
|
|
min-width: 640px;
|
|
}
|
|
div.mod {
|
|
margin:1px;
|
|
margin-bottom: 1em;
|
|
float:left;
|
|
display:block;
|
|
border:1px solid #B3B3B3;
|
|
background-color:white;
|
|
min-width: 10em;
|
|
}
|
|
div.tense {
|
|
float:left;
|
|
display:block;
|
|
min-width: 10em;
|
|
}
|
|
p {
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
padding-top:2px;
|
|
}
|
|
div.mod h3 {
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
background-color:#B3B3B3;
|
|
text-align: center;
|
|
}
|
|
div.mod h4 {
|
|
margin:0px;
|
|
padding:0px;
|
|
border:0px;
|
|
background-color:#E3E3E3;
|
|
text-align: center;
|
|
}
|
|
ul {
|
|
list-style: none;
|
|
padding: 5px;
|
|
border: 0px;
|
|
margin: 0px;
|
|
}
|
|
li {
|
|
width: 100%;
|
|
}
|
|
li.impaire {
|
|
background-color:#EBEBEB;
|
|
}
|
|
|
|
/*tabber*/
|
|
/*--------------------------------------------------
|
|
REQUIRED to hide the non-active tab content.
|
|
But do not hide them in the print stylesheet!
|
|
--------------------------------------------------*/
|
|
.tabberlive .tabbertabhide {
|
|
display:none;
|
|
}
|
|
|
|
/*--------------------------------------------------
|
|
.tabber = before the tabber interface is set up
|
|
.tabberlive = after the tabber interface is set up
|
|
--------------------------------------------------*/
|
|
.tabberlive {
|
|
margin-top:1em;
|
|
}
|
|
|
|
/*--------------------------------------------------
|
|
ul.tabbernav = the tab navigation list
|
|
li.tabberactive = the active tab
|
|
--------------------------------------------------*/
|
|
ul.tabbernav
|
|
{
|
|
margin:0;
|
|
padding: 3px 0;
|
|
border-bottom: 1px solid #778;
|
|
font-weight: bold ;
|
|
}
|
|
|
|
ul.tabbernav li
|
|
{
|
|
list-style: none;
|
|
margin: 0;
|
|
display: inline;
|
|
}
|
|
ul.tabbernav li.tabberactive a
|
|
{
|
|
background-color: #fff;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
ul.tabbernav li.tabberactive a:hover
|
|
{
|
|
color: #000;
|
|
background: white;
|
|
border-bottom: 1px solid white;
|
|
}
|
|
|
|
ul.tabbernav li a
|
|
{
|
|
padding: 3px 0.5em;
|
|
margin-left: 3px;
|
|
border: 1px solid #778;
|
|
border-bottom: none;
|
|
background: #DDE;
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.tabbernav li a:link, #tabbernav li a:visited { color: #448; }
|
|
|
|
ul.tabbernav li a:hover
|
|
{
|
|
color: #000;
|
|
background: #AAE;
|
|
border-color: #227;
|
|
}
|
|
|
|
ul.tabbernav li.tabberactive a
|
|
{
|
|
background-color: #fff;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
ul.tabbernav li.tabberactive a:hover
|
|
{
|
|
color: #000;
|
|
background: white;
|
|
border-bottom: 1px solid white;
|
|
}
|
|
|
|
/*--------------------------------------------------
|
|
.tabbertab = the tab content
|
|
Add style only after the tabber interface is set up (.tabberlive)
|
|
--------------------------------------------------*/
|
|
.tabberlive .tabbertab {
|
|
padding:5px;
|
|
border-top:0;
|
|
}
|
|
|
|
.tabberlive .tabbertab h2 {
|
|
display:none;
|
|
}
|
|
|
|
/*
|
|
================================================
|
|
autosuggest, inquisitor style
|
|
================================================
|
|
*/
|
|
|
|
div.autosuggest
|
|
{
|
|
position: absolute;
|
|
background-image: url(../images/as_pointer.gif);
|
|
background-position: top;
|
|
background-repeat: no-repeat;
|
|
padding: 10px 0 0 0;
|
|
}
|
|
|
|
div.autosuggest ul
|
|
{
|
|
background-color: transparent;
|
|
list-style: none;
|
|
margin: -1px 0 -4px 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
background-color: #FFF;
|
|
border: 1px dotted #778;
|
|
}
|
|
|
|
div.autosuggest ul li
|
|
{
|
|
color: #448;
|
|
padding: 0;
|
|
margin: 0 0 0;
|
|
text-align: left;
|
|
}
|
|
|
|
div.autosuggest ul li a
|
|
{
|
|
color: #448;
|
|
display: block;
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
position: relative;
|
|
padding: 0;
|
|
width: 100%;
|
|
}
|
|
div.autosuggest ul li a:hover
|
|
{
|
|
background-color: #FFF;
|
|
}
|
|
div.autosuggest ul li.as_highlight a:hover
|
|
{
|
|
background-color: #778;
|
|
}
|
|
|
|
div.autosuggest ul li a span
|
|
{
|
|
display: block;
|
|
padding: 3px 6px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.autosuggest ul li a span small
|
|
{
|
|
font-weight: normal;
|
|
color: #999;
|
|
}
|
|
|
|
div.autosuggest ul li.as_highlight a span small
|
|
{
|
|
color: #448;
|
|
}
|
|
|
|
div.autosuggest ul li.as_highlight a
|
|
{
|
|
color: #fff;
|
|
background-color: #778;
|
|
background-image: url(../images/hl_corner_br.gif);
|
|
background-position: bottom right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.autosuggest ul li.as_highlight a span
|
|
{
|
|
background-image: url(../images/hl_corner_bl.gif);
|
|
background-position: bottom left;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.autosuggest ul li a .tl,
|
|
div.autosuggest ul li a .tr
|
|
{
|
|
width: 6px;
|
|
height: 6px;
|
|
position: absolute;
|
|
top: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
div.autosuggest ul li a .tr
|
|
{
|
|
right: 0;
|
|
}
|
|
|
|
div.autosuggest ul li.as_highlight a .tl
|
|
{
|
|
left: 0;
|
|
background-image: url(../images/hl_corner_tl.gif);
|
|
background-position: bottom left;
|
|
}
|
|
|
|
div.autosuggest ul li.as_highlight a .tr
|
|
{
|
|
right: 0;
|
|
background-image: url(../images/hl_corner_tr.gif);
|
|
background-position: bottom right;
|
|
}
|
|
|
|
div.autosuggest ul li.as_warning
|
|
{
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
|
|
div.autosuggest ul em
|
|
{
|
|
font-style: normal;
|
|
color: #000;
|
|
}
|