dreem.mam9.com ][][§¤°^°¤§][ منتديات دريم ][§¤°^°¤§][][ | |
| .secto {
border: 1px solid #92B0DD;
}
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
}
.TabbedPanelsTab {
position: relative;
top: 1px;
float: right;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
.TabbedPanelsTabHover {
background-color: #CCC;
}
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
}
.TabbedPanelsTab a {
color: black;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
}
/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
*
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
*/
.TabbedPanelsContent {
padding: 4px;
}
/* This selector is an example of how to change the appearnce of the currently
* active container panel. The class "TabbedPanelsContentVisible" is
* programatically added and removed from the content element as the panel
* is activated/deactivated.
*/
.TabbedPanelsContentVisible {
}
/* Vertical Tabbed Panels
*
* The following rules override some of the default rules above so that the
* TabbedPanels widget renders with its tab buttons along the left side of
* the currently active content panel.
*
* With the rules defined below, the only change that will have to be made
* to switch a horizontal tabbed panels widget to a vertical tabbed panels
* widget, is to use the "VTabbedPanels" class on the top-level widget
* container element, instead of "TabbedPanels".
*/
/* This selector floats the TabGroup so that the tab buttons it contains
* render to the left of the active content panel. A border is drawn around
* the group container to make it look like a list container.
*/
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}
/* This selector disables the float property that is placed on each tab button
* by the default TabbedPanelsTab selector rule above. It also draws a bottom
* border for the tab. The tab button will get its left and right border from
* the TabGroup, and its top border from the TabGroup or tab button above it.
*/
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
}
/* This selector floats the content panels for the widget so that they
* render to the right of the tabbed buttons.
*/
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
body { margin: 0; padding: 0; font-size: 90%; background-color: #fff;}
#outside {width: 770px; margin: auto; padding: 0; background-color: #ffffff; border: 1px solid #2E8DDF;}
p{
padding: 3px;
margin: 0px;
font: normal .8em/1.3em Tahoma,arial;
}
img{border: none;}
/*--------------بداية البار العلوي------------*/
.barr{
height: 1.6em;
margin: 0;
padding: 0px;
background-color: #bbeeff;
color: #483D8B;
font: normal .8em/1.6em Tahoma,vandra;
}
.banne
{
width: 240px;
height: 1.6em;
float: right;
padding: 1px;
margin: 0px;
}
.banne img{
border: none;
clear: both;
text-align: center;
}
.midhead
{
width: 300px;
height: 1.6em;
float: right;
padding: 1px;
margin: 0px;
text-align: center;
}
.lefthead
{
width: 200px;
height: 1.6em;
float: right;
padding: 1px;
margin: 0px;
text-align: left;
}
/*--------------بداية رأس الصفحة (البانر)------------*/
#header {
height: 70px;
margin: 0;
border-top: 1px solid #2E8DDF;
border-bottom: 1px solid #2E8DDF;
padding: 0px;
background: #2E8DDF url(images/blueback.jpg) repeat-x center;
color: #ddd;
font: normal 1em/1.5em Arial,vandra;
}
#header a{
color: #fff;
text-decoration: none;
}
#header a:hover{
text-decoration: underline;
}
.banner
{
width: 188px;
height: 60px;
float: right;
padding: 5px;
margin: 0px;
}
.banner h1{
margin: 0;
padding: 22px;
font: bold 1.2em/2px Tahoma,arial;
color: #fff;
}
.banner h1 a{
color: #fff;
text-decoration: none;
}
.banner img
{
margin: 0px;
padding: 0px;
float: right;
border: none;
}
.midheader
{
width: 390px;
height: 60px;
float: right;
padding: 5px;
margin: 0px;
}
#searchform{
margin: 0px;
text-align: center;
}
#searchform input#s{
background-color: #fff;
border: 1px solid #00BFFF;
color: #000;
width: 300px;
height: 1.5em;
margin: 5px;
padding: 0px;
}
#searchform input#t{
background: #000 url(images/botback.jpg) repeat-x center;
border: 1px solid #2F4F4F;
color: White;
height: 1.5em;
width: 100px;
margin: 0px;
padding: 0px;
text-align: center;
}
.leftheader
{
width: 160px;
height: 60px;
float: right;
padding: 5px;
margin: 0px;
}
/*---------------القائمة العلوية-------------*/
#menu {
text-align: right;
padding: 0px;
background: #fff;
display: block;
width: 770px;
margin: 0;
border-top: 1px solid #2E8DDF;
border-bottom: 1px solid #2E8DDF;
height: 6em;
}
#menu ul
{
float: right;
width: 770px;
text-align: center;
padding: 0;
margin: 0;
list-style-type: none;
height: 6em;
}
#menu a
{
float: right;
width: 123px;
text-decoration: none;
font: normal .9em/1.3em tahoma,arial;
color: #483D8B;
background-color: #fff;
border: 1px solid #fff;
margin: 1px;
padding: 0px;
}
#menu a:hover
{
background-color: #bbeeff;
border: 1px solid #2E8DDF;
}
#menu li
{
display:inline;
}
/*------------بداية العمود الأيمن--------------*/
#col1
{
width: 370px;
background-color: #fff;
margin: 10px 8px 5px 0px;
float: right;
padding: 0px;
}
.sec
{
width: 365px;
height: 1.5em;
background: #bbeeff;
font: bold .8em/1.5em Tahoma,arial;
border-bottom: 1px solid #92B0DD;
margin: 0;
padding: 0 5px 0 0;
color: #191970;
}
.nav ul
{
padding: 0px;
margin: 0px;
list-style: none;
}
.nav il
{
margin: 0px;
padding: 0px;
}
.nav {
width: 361px;
margin: 0px;
padding: 0 2px 0 0;
background-color: #fff;
}
.nav li a {
font: normal .9em/1.5em Tahoma,arial;
padding: 0px;
margin: 2px;
margin: 0px;
color: #483D8B;
text-align: right;
text-decoration: none;
}
.nav li a:hover {
text-decoration: underline;
}
/*------------بداية العمود الايسر--------------*/
#col2
{
background-color: #fff;
margin: 10px 389px 5px 0;
padding: 0px;
width: 370px;
}
.new
{
width: 370px;
border: 1px solid #92B0DD;
display: block;
margin: 0 0 10px 0;
padding: 0px;
}
.new a{
color: #3266CD;
text-decoration: none;
}
.new a:hover{
text-decoration: underline;
}
/*---------------بداية ذيل الصفحة---------------*/
#footer {
clear: both;
font: bold 1em/1.5em Arial;
margin-top: 10px;
padding: 1px;
background-color: #2E8DDF;
color: #bbeeff;
text-align: center;
}
#footerlink {float: left; margin: 0 5px 0 5px;}
#footer a {color: #fff;text-decoration: none;}
#footer a:hover {text-decoration: underline;} | |
|