styles_1.css

File: styles_1.css - Tab length: 1 2 4 8 - Lines: on off - No wrap: on off

*
{
font-family: Verdana;
}

.clear
{
clear: both;
}

body
{
font-size: 8pt;
padding: 0px;
margin: 0px;
background-color: #036;
}

.body
{
/* for ie6 */
width:expression(document.body.clientWidth > 1000 ? "1000px": "auto" );
max-width: 1000px;
background-color: #F5F5F5;
margin: auto;
border-left: 2px solid black;
border-right: 2px solid black;
}

.header
{
background-color: #036;
padding: 1px 0px 0px 0px;
margin-bottom: 10px;
border-bottom: 1px solid #f5f5f5;
background-image: url('fondHeader.png');
}

.footer
{
background-color: #BFD3EE;
padding-bottom: 2px;
border-bottom: 4px solid #036;
}

.pubFooter
{
text-align: center;
margin: 4px;
}

.header img
{
vertical-align: middle;
}

.boo
{
position: absolute;
margin: 0px;
padding: 0px;
top: 12px;
}

.pub
{
float: right;
margin-top: 12px;
padding-right: 4px;
}

h1
{
color: white;
font-style: italic;
margin-bottom: 4px;
padding-bottom: 8px;
padding-left: 70px;
}

h2
{
font-style: italic;
font-size: 10pt;
color: White;
}

h2.arrow
{
padding-left: 24px;
margin-top: 4px;
margin-bottom: 7px;
background-color: #147;
background-image: url(h2round.png);
background-repeat: no-repeat;
}

.selAll
{
font-size: 80%;
font-weight: bold;
cursor: pointer;
}

#tooltip
{
position:absolute;
background: #FFFFCF;
color: black;
font-size: 11px;
padding: 2px;
}

#tooltipSave
{
position:absolute;
background: #FFFFCF;
color: black;
font-size: 11px;
padding: 2px 2px 2px 18px;
font-weight: bold;
background-image: url(save.png);
background-position: 4px 4px;
background-repeat: no-repeat;
}

.subTitle
{
padding: 2px 2px 2px 90px;
background-color: white;
background-image: url(fondSubHeader.png);
border-bottom: 1px solid #333;
border-top: 2px solid #000;
font-weight: bold;
}

.linkProfile
{
background-image: url('profil.png');
}

.linkAdmin
{
background-image: url('gear.png');
}

.linkNews
{
background-image: url('newspaper.png');
}

.linkyN
{
background-image: url('yNicon.png');
}

.linkHisto
{
background-image: url('histo.png');
}

.linkDelog
{
background-image: url('deco.gif');
}

.linkProfile, .linkDelog, .linkAdmin, .linkNews, .linkHisto, .linkyN
{
background-repeat: no-repeat;
background-position: 2px 0px;
padding-left: 20px;
margin-right: 8px;
}

.heure
{
color: #999;
}

.logMenu
{
float: right;
}
.logMenu img
{
}

.mbLinks
{
margin: 6px 4px 0px 4px;
}

.mbLinks .insc
{
background-image: url(user.png);
background-repeat: no-repeat;
padding-left: 20px;
}

.mbLinks .lost
{
background-image: url(lostPwd.png);
background-repeat: no-repeat;
padding-left: 20px;
}

.mbLinks .yn
{
background-image: url(yNicon.png);
background-repeat: no-repeat;
padding-left: 20px;
}

#copy
{
padding: 2px;
background-color: white;
font-weight: bold;
font-style: italic;
border-top: 2px solid black;
border-bottom: 1px solid #333;
text-align: right;
}

#copy img
{
vertical-align: middle;
}

a
{
text-decoration: none;
color: #036;
font-weight: bold;
}

.help
{
padding: 2px 20px;
background-color: #FFFFE1;
border-bottom: 1px solid #9D9DA1;
background-image: url('help.png');
background-repeat: no-repeat;
background-position: 3px 2px;
}

.messageTitle
{
display: block;
font-weight: bold;
font-size: 18px;
margin: 0px 6px 14px 6px;
border-bottom: 2px solid #7396B9;
}

.message, .messageMisc, .messageError, .messageNews
{
border-top: 1px dashed #333;
border-bottom: 1px dashed #333;
border-left: 5px solid #369;
margin: 10px;
padding: 6px 6px 6px 44px;
font-size: 12px;
background-color: #fdfdfd;
background-position: 6px 6px;
min-height: 32px;
}

.message
{
background-image: url(info.png);
background-repeat: no-repeat;
}
.messageMisc
{
background-image: url(misc.png);
background-repeat: no-repeat;
}
.messageError
{
background-image: url(error.png);
background-repeat: no-repeat;
border-left: 5px solid #D80000;
}
.messageNews
{
background-image: url(news.png);
background-repeat: no-repeat;
}
.messageError .messageTitle
{
border-bottom: 2px solid #D80000;
}

.warn
{
background-color: #FFEEEE;
border: 1px solid #DD9999;
padding: 4px;
margin: 4px;
}

#refreshOpt, #orderOpt
{
margin-right: 10px;
}

#refreshOpt, #orderOpt, #tbSearch, #filterFeed
{
margin: 3px 0px;
}

#tbSearch
{
font-size: 7pt;
border: 1px solid #aaa;
}

#filterFeed
{
font-size: 7pt;
}

#pageContent
{
clear: both;
padding: 0px 4px 4px 4px;
}

#navOptions
{
margin: 4px;
}

#roller
{
display: none;
position: absolute;
top: 0px;
background-color: white;
border: 1px solid #06389A;
margin-left: 4px;
padding: 2px;
}

img
{
border: 0px;
}

#newsContent
{
clear: both;
padding-top: 4px;
}

#newsList
{
width: 82%;
}

#colRight
{
float: right;
width: 17%;
margin-right: 2px;
}

#keysHelp
{
background-color: #fdfdfd;
padding: 4px;
}

#khTitle, #menuTitle
{
display: block;
padding: 3px;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #666;
margin-bottom: 4px;
}

#khTitle
{
background-image: url('help.png');
background-repeat: no-repeat;
background-position: 3px 2px;
}

#cloud
{
padding: 4px;
margin-top: 10px;
background-color: #fdfdfd;
background-image: url(cloud.png);
background-repeat: no-repeat;
background-position: top right;
}

#cloud a
{
font-weight: normal;
padding-right: 4px;
padding-left: 4px;
}

#cloud a:hover
{
text-decoration: underline;
}
#cloud .cloudAll
{
display:block;
border-bottom: 1px solid #666;
margin-bottom: 4px;
text-align: center;
padding-bottom: 2px;
}

#cloud .cloudAll a
{
font-weight: bold;
}

input[type='text']:focus, input[type='password']:focus
{
background-color: #FFFFDF;
}
.newsItem0, .newsItem1
{
border-left: 10px solid #ddd;
padding: 4px 6px;
background-color: #fdfdfd;
}

.topic
{
display: block;
border-top: 1px solid #999;
border-right: 1px solid #999;
padding: 6px 6px 6px 16px;
background-color: #fdfdfd;
color: Black;
background-image: url(fond_topic.gif);
background-repeat: repeat-y;
font-size: 10pt;
}

.topic .title
{
margin-left: 4px;
}

.topic img
{
vertical-align: middle;
}

.topic .infos
{
font-weight: normal;
}

.topic .author
{
font-weight: normal;
font-size: 8pt;
}

.topic:hover
{
background-color: #f5f5f5;
}

.topics
{
margin: 10px;
border-bottom: 1px solid #999;
}

.topic .infos
{
float: right;
}

.posts
{
margin: 10px;
border-bottom: 1px solid #999;
}

.topic .rep
{
font-style: italic;
color: #666;
}

.topic .lastPost
{
background-image: url(lastp.gif);
background-repeat: no-repeat;
background-position: 4px;
padding-left: 22px;
}

.post
{
border-top: 1px solid #999;
border-right: 1px solid #999;
border-left: 1px solid #999;
background-color: #fdfdfd;
background-image: url(fond_post.gif);
background-repeat: repeat-y;
padding: 0px;
}

.postInner
{
background-image: url(fond_postH.png);
background-repeat: repeat-x;
padding: 3px 6px 6px 16px;
}

.post .actions
{
display: block;
font-size: 10px;
}

.posts .num
{
font-weight: bold;
color: #036;
}

.posts .author
{
font-weight: bold;
color: #333;
}

.posts .msg
{
border-top: 1px solid #ccc;
margin-top: 4px;
border-bottom: 1px solid #ccc;
margin-bottom: 4px;

display: block;
padding: 8px 0px;
}

.newsItem0 img, .newsItem1 img
{
vertical-align: middle;
}

.newsLink
{
display: block;
}

.hiddenLink
{
-moz-outline-style: none;
}

.newsSite
{
color: black;
float: right;
}

.newsDetails
{
background-color: #FFFFCF;
position: absolute;
display: block;
margin-top: 6px;
font-weight: normal;
color: #333;
width: 750px;
}

.hide
{
display: none;
}

.newsData
{
float: right;
opacity: 0.5;
filter : alpha(opacity=50);
}

.newsData img
{
height: 40px;
width: 70px;
}

.newsDate
{
font-weight: normal;
color:black;
}

.newsPages
{
margin: 8px 4px;

}

.currentPage
{
font-size: 130%;
}

.changePage
{
font-weight: normal;
font-size: 90%;
color: #96ABCC;
}

.highlighted .newsItem0
{
background-color: #BFCAEA;
border-left: 10px solid #036;
}

.highlighted .newsItem1
{
background-color: #CACACA;
border-left: 10px solid #333;
}

.highlightedMouse .newsItem0
{
background-color: #ededed;
border-left: 10px solid #666;
}

.highlightedMouse .newsItem1
{
background-color: #CACACA;
border-left: 10px solid #333;
}

.newsItem1 .newsLink
{
color: #969696;
}

.separator
{
margin: 0px;
border-left: 10px solid #CC3300;
background-color:#CC3300;
height: 4px;
padding: 0px;
}

ul#adminList
{
list-style-type: none;
}

ul#adminList a
{
display: block;
background-color: white;
border: 1px solid #333;
text-align: center;
padding: 10px;
margin-bottom: 5px;
}

ul#adminList a:hover
{
background-color: #eee;
}

ul#tabs, ul#tabsChild
{
list-style-type: none;
padding-bottom: 22px;
margin: 0px;
padding-left: 0px;
margin-top: 14px;
}

ul#tabsChild
{
padding-bottom: 23px;
border-bottom: 1px solid #888;
}

ul#tabs li, ul#tabsChild li
{
float: left;
margin: 1px 6px 0px 0px;
border-bottom: 2px solid transparent;
}
ul#tabs li a, ul#tabsChild li a
{
background-color: #fdfdfd;
}

ul#tabs li.active, ul#tabsChild li.active
{
border-bottom: 2px solid #036;
}

ul#tabs li.active a, ul#tabsChild li.active a
{
color: black;
background-color: #DAE0F2;
}

ul#tabs li a.unread, ul#tabsChild li a.unread, ul#tabs li.active a.unread, ul#tabsChild li.active a.unread
{
color: #c30;
}

ul#tabs li a.addTab
{
background-image: url(add.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 20px;
}

ul#tabs li a.privTab
{
background-image: url(key.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 8px;
}

ul#tabs li a.favTab
{
background-image: url(fav.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 8px;
}

ul#tabs li a.genTab
{
background-image: url(feed.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 10px;
}

ul#tabs li a.gearTab
{
background-image: url(gear.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 10px;
}

ul#tabs li a.rssTab
{
background-image: url(rssAdd.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 22px;
}

ul#tabs li a.myrssTab
{
background-image: url(feed.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 22px;
}

ul#tabs li a.addTab
{
background-image: url(tab_add.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 26px;
}
ul#tabs li a.mngTab
{
background-image: url(tab_edit.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 26px;
}
ul#tabs li a.backTab
{
background-image: url(back.png);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-left: 22px;
}

ul#tabs a, ul#tabsChild a
{
float: left;
display: block;
text-decoration: none;
padding: 4px 8px;
}

ul#tabs a:hover, ul#tabsChild a:hover
{
background-color: #eee;
}

.highlighted .icons, .highlightedMouse .icons
{
display: inline;
}

.icons
{
float: right;
display: none;
padding-left: 10px;
}

.icons img
{
padding-right: 5px;
}

table.adminTable
{
border-collapse: collapse;
}

table.adminTable thead
{
background-color: #E6EAF7;
}
table.adminTable td, table.adminTable th
{
border: 1px solid #666;
padding: 3px;
}
table.adminTable td
{
background-color: White;
}

#loginButton
{
background-image: url(user.png);
background-repeat: no-repeat;
padding-left: 18px;
border-bottom: 1px solid #915BA5;
}

#loginForm
{
margin: 4px 0px;
}

#loginForm fieldset
{
padding: 6px;
}

#form #tbCss
{
font-size: 8pt;
width: 500px;
}

#loginForm label
{
font-weight: bold;
padding: 0px 4px;
}

#loginForm input
{
font-size: 10px;
}

#options
{
background-color: #fdfdfd;
padding: 0px 4px;
font-weight: bold;
margin-bottom: 5px;
}

#options img
{
vertical-align: middle;
}

#tabSites .category
{
background-color: #fdfdfd;
}

#tabSites ul
{
float: left;
list-style-type: none;
margin: 0px 30px 0px 10px;
padding: 0px 6px;
border-left: 4px solid #369;
width: 40%;
}

#tabSites li
{
padding-bottom: 6px;
}

#tabSites li img
{
}

#tabSites li.checked
{
background-color: #EBF9C7;
}
.clear
{
clear: both;
overflow: hidden;
height: 0px;
}

textarea
{
width: 300px;
height: 100px;
}

#form label
{
font-weight: bold;
display: block;
margin-top: 6px;
padding: 4px 0px;
}

#form input.error
{
background-color: #FFEEEE;
}

#form .error
{
color: #c43100;
}

#form fieldset
{
margin: 8px 4px;
}

.btDelTab
{
background-image: url(del.png);
background-repeat: no-repeat;
background-position: 4px 4px;
padding-left: 18px;
margin: 6px;
border: 0px;
background-color: #fdfdfd;
}