/**********************************************
Stylesheet for www.eskill.is
Haukur Már Böđvarsson
haukur@eskill.is
21.01.2003
**********************************************/
/*************************** Tag Rules ***************************/
a {
color : #2D405F;
text-decoration : underline;
}
body {
color : #333333;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
}
form {
margin : 0px;
}
hr {
color : dimgrey;
height : 1px;
text-align : left;
}
big {
font-size : 14px;
}
blockquote, pre {
font-family : Lucida Console, monospace;
}
/*************************** Rules ***************************/
body.bodyMain{
background-image : url(../images/bg_main.gif);
}
/*************************** Rules ***************************/
a:hover{
text-decoration : none;
}
a.aLeftMenuLoginLinks{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #023878;
text-decoration : none;
}
a.aLeftMenuLoginLinks:hover{
text-decoration : underline;
}
a.aLeftMenuLevel1, a.aLeftUserMenuLevel1{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
color : #FFFFFF;
text-decoration : none;
}
a.aLeftMenuLevel1, a.aLeftMenuLevel1Active{
font-weight : bold;
}
a.aLeftUserMenuLevel1, a.aLeftUserMenuLevel1Active{
font-weight : bold;
}
a.aLeftMenuLevel1:hover, a.aLeftUserMenuLevel1:hover{
text-decoration : underline;
}
a.aLeftMenuLevel1Active, a.aLeftUserMenuLevel1Active{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
color : #FFFFFF;
text-decoration : underline;
}
a.aLeftMenuLevel1Active:hover, a.aLeftUserMenuLevel1Active:hover{
text-decoration : none;
}
a.aLeftMenuLevel2, a.aLeftUserMenuLevel2{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #DCDCDC;
text-decoration : none;
font-weight : bold;
}
a.aLeftMenuLevel2:hover, a.aLeftUserMenuLevel2:hover{
text-decoration : underline;
}
a.aLeftMenuLevel2Active, a.aLeftUserMenuLevel2Active{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #DCDCDC;
text-decoration : underline;
font-weight : bold;
}
a.aLeftMenuLevel2Active:hover, a.aLeftUserMenuLevel2Active:hover{
text-decoration : none;
}
/* Level 3 */
a.aLeftMenuLevel3, a.aLeftUserMenuLevel3{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #2D405F;
text-decoration : none;
}
a.aLeftMenuLevel3:hover, a.aLeftUserMenuLevel3:hover{
text-decoration : underline;
}
a.aLeftMenuLevel3Active, a.aLeftUserMenuLevel3Active{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #2D405F;
text-decoration : underline;
}
a.aLeftMenuLevel3Active:hover, a.aLeftUserMenuLevel3Active:hover{
text-decoration : none;
}
/* Level 4 */
a.aLeftMenuLevel4, a.aLeftUserMenuLevel4{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #2D405F;
text-decoration : none;
}
a.aLeftMenuLevel4:hover, a.aLeftUserMenuLevel4:hover{
text-decoration : underline;
}
a.aLeftMenuLevel4Active, a.aLeftUserMenuLevel4Active{
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
color : #2D405F;
text-decoration : underline;
}
a.aLeftMenuLevel4Active:hover, a.aLeftUserMenuLevel4Active:hover{
text-decoration : none;
}
/* Page Tabs Begin */
a.aPageTabs{
color : #2D405F;
font-family : arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
text-decoration : none;
}
a.aPageTabs:hover{
text-decoration : underline;
}
a.aPageTabsActive{
color : #FFFFFF;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 11px;
text-decoration : underline;
}
a.aPageTabsActive:hover{
text-decoration : none;
}
/* Page Tabs End */
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton {
color : #023293;
text-decoration : underline;
}
/* hyperlink styles of the unselected tabs */
a.othertabs:hover {
text-decoration : underline;
}
/* hyperlink style for the site links */
a.aSiteLink {
font-family : tahoma, arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
text-decoration : none;
color : #666666;
}
a.aSiteLink:hover {
text-decoration : underline;
}
a.aSiteLink:active{
text-decoration : none;
}
/*************************** | Rules ***************************/
/* Settings */
td.tdWebTreeItemNormal{
background-color : #F4F4F4;
}
td.tdWebTreeItemAlternative{
background-color : #FFFFFF;
}
td.tdWebTreeItemActive{
background-color : #EEEEEE;
}
td.tdSelectBoxEar{
background-image : url(../images/bg_side_right_settings_tab.gif); /*Must have an absolute path for Netscape 4.x*/
background-repeat : no-repeat;
}
/* Main Template Begins */
td.tdMiddleColumn{/*Used to be Rightcolumn, fix where approriate*/
}
td.tdRightColumn{
text-align : left;
vertical-align : top;
background-image : url(../images/bg_right.gif); /*Must have an absolute path for Netscape 4.x*/
background-repeat : repeat-y;
width : 23px;
}
td.tdLeftMenuColumn{
width : 194px;
vertical-align : top;
text-align : left;
}
td.tdFooter{
background-image : url(../images/bg_footer_row.gif);
vertical-align : top;
height : 32px;
}
/* Main Template Ends */
/* Left Menu Begins*/
td.tdLeftMenuBackground{
background-repeat : repeat-y;
background-image : url(../images/bg_left.gif); /*Must have an absolute path for Netscape 4.x*/
background-color : #FFFFFF;
width : 100%;
height : 99%;
text-align : left;
vertical-align : top;
}
td.tdLeftMenuUserTableLeftColumn, td.tdLeftMenuTableLeftColumn, td.tdLeftMenuLoginTableLeftColumn{
/*width : 21px;*/
display : none;
}
td.tdLeftMenuUserTableRightColumn, td.tdLeftMenuTableRightColumn, td.tdLeftMenuLoginTableRightColumn{
width : 194px; /* 193- From Inside menu to end of column (20px in this case) */
vertical-align : top;
}
/* Level 1 */
td.tdLeftMenuLevel1, td.tdLeftUserMenuLevel1{
width : 194px;
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel1{
background-image : url(../images/bg_LeftMenuLevel1.gif);
}
td.tdLeftUserMenuLevel1{
background-image : url(../images/bg_LeftUserMenuLevel1.gif);
}
td.tdLeftMenuLevel1Active, td.tdLeftUserMenuLevel1Active{
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel1Active{
background-image : url(../images/bg_LeftMenuLevel1Active.gif);
}
td.tdLeftUserMenuLevel1Active{
background-image : url(../images/bg_LeftUserMenuLevel1Active.gif);
}
/* Level 2 */
td.tdLeftMenuLevel2, td.tdLeftUserMenuLevel2{
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel2{
background-image : url(../images/bg_LeftMenuLevel2.gif);
}
td.tdLeftUserMenuLevel2{
background-image : url(../images/bg_LeftUserMenuLevel2.gif);
}
td.tdLeftMenuLevel2Active, td.tdLeftUserMenuLevel2Active{
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel2Active{
background-image : url(../images/bg_LeftMenuLevel2Active.gif);
}
td.tdLeftUserMenuLevel2Active{
background-image : url(../images/bg_LeftUserMenuLevel2Active.gif);
}
/* Level 3 */
td.tdLeftMenuLevel3, td.tdLeftUserMenuLevel3{
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel3{
background-image : url(../images/bg_LeftMenuLevel3.gif);
}
td.tdLeftUserMenuLevel3{
background-image : url(../images/bg_LeftUserMenuLevel3.gif);
}
td.tdLeftMenuLevel3Active, td.tdLeftUserMenuLevel3Active{
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel3Active{
background-image : url(../images/bg_LeftMenuLevel3Active.gif);
}
td.tdLeftUserMenuLevel3Active{
background-image : url(../images/bg_LeftUserMenuLevel3Active.gif);
}
/* Level 4 */
td.tdLeftMenuLevel4, td.tdLeftUserMenuLevel4{
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel4{
background-image : url(../images/bg_LeftMenuLevel4.gif);
}
td.tdLeftUserMenuLevel4{
background-image : url(../images/bg_LeftUserMenuLevel4.gif);
}
td.tdLeftMenuLevel4Active, td.tdLeftUserMenuLevel4Active{
height : 20px;
padding-left : 0px;
}
td.tdLeftMenuLevel4Active{
background-image : url(../images/bg_LeftMenuLevel4Active.gif);
}
td.tdLeftUserMenuLevel4Active{
background-image : url(../images/bg_LeftUserMenuLevel4Active.gif);
}
td.tdLeftMenuLogin{
height : 26px;
background-image : url(../images/bg_LeftMenuLogin.gif);
background-repeat : repeat-y;
}
td.tdLeftMenuSectionBetweener{ /* The section column between the LeftMenuUserList and LeftMenuList */
vertical-align : top;
}
/* Left Menu Ends */
/* Content columns */
td.tdLeftPaneSpacerColumn{ /* Also contains an image with class "imgLeftPaneSpacer" */
width : 2px;
}
td.tdContentAreaMidLeftPane{ /* Also Includes an Image with class "imgContentAreaMidLeftPaneImage" */
width : 10px;
}
td.tdContentAreaBetweenColumn{ /* Also Contains an Image with class "imgContentAreaBetweenColumnImage" */
width : 10px;
}
td.tdContentAreaLeftPane{
padding-left : 0px;
}
td.tdContentAreaMidPane{
}
td.tdContentAreaContentPane{
}
td.tdContentAreaRightPane{
}
/* Page Tabs Begin */
td.tdPageTabs{ /* | Style for unselected Page Tabs */
background-image : url(../images/tabs/normal/bg_page_tabs.gif);
color : #0D346D;
font-family : arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
vertical-align : top;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
}
td.tdPageTabsActive {
background-image : url(../images/tabs/active/bg_page_tabs.gif);
color : #FFFFFF;
font-family : arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 10px;
vertical-align : top;
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
}
/* Page Tabs End */
/* Top banner begins*/
td.tdTopBannerRow{ /* The colspanned column for the whole thing */
height : 86px;
vertical-align : top;
}
td.tdBannerTopLeftColumn{ /* The Top Left Column in the top banner */
width : 194px;
height : 60px;
}
td.tdBannerTopMiddleColumn{ /* The Top Middle Column in the top banner */
width : 99%;
height : 60px;
}
td.tdBannerTopRightColumn{ /* The Top Right Column in the top banner */
display:none;
}
td.tdBannerBottomLeftColumn{ /* The Bottom Left Column in the top banner */
width : 194px;
height : 26px;
}
td.tdBannerBottomMiddleColumn{ /* The Bottom Middle Column in the top banner */
width : 99%;
vertical-align : top;
height : 26px;
}
td.tdBannerBottomRightColumn{ /* The Bottom Right Column in the top banner */
display :none;
}
td.tdBannerMiddleColLeftColumn{/* The Left column in the Top Main middle column (tdBannerTopMiddleColumn) */
vertical-align : top;
width : 18%;
height : 60px;
background-image : url(../images/bg_BannerMiddleColLeftColumn.gif);
}
td.tdBannerMiddleColMiddleColumn{/* The Middle column in the Top Main middle column (tdBannerTopMiddleColumn) */
vertical-align : bottom;
text-align : right;
width : 82%;
height : 60px;
background-image : url(../images/bg_BannerMiddleColMiddleColumn.gif);
}
td.tdBannerMiddleColRightColumn{ /* The Right column in the Top Main middle column (tdBannerTopMiddleColumn) */
width : 350px;
height : 60px;
background-image : url(../images/bg_BannerMiddleColRightColumn.gif); /* bg_BannerMiddleColRightColumn.gif */
background-position : top right;
text-align : right;
}
td.tdBannerTopBar{ /* The column around both Page Tabs And Settings Tabs */
height : 26px;
}
td.tdBannerPageTabsColumn{ /* The Column around just the page tabs */
width : 100%;
background-image : url(../images/bg_page_tabs_column.gif);
}
td.tdBannerSettingsTabsColumn{ /* The Column around just the Settings Tabs */
width : 250px;
text-align : right;
background-image : url(../images/bg_page_tabs_column.gif);
vertical-align : top;
}
td.tdSettingsTabLeftImageColumn{
width : 100%;
text-align : right;
vertical-align : top;
}
td.tdSettingsTabLeftCorner{
vertical-align : top;
}
td.tdSettingsTabBetweener{
vertical-align : top;
}
td.tdGoToHomepageTabColumn{
vertical-align : top;
text-align : right;
padding-top : 0px;
padding-left : 3px;
padding-right : 0px;
}
td.tdHomepageTabColumn{
vertical-align : top;
text-align : right;
padding-top : 0px;
padding-left : 3px;
padding-right : 3px;
}
td.tdSettingTabColumn{ /* The Column inside the SettingsTab Table (tableSettingsTabTable) */
vertical-align : top;
text-align : right;
padding-top : 0px;
padding-left : 3px;
padding-right : 0px;
}
td.tdBannerBottomRightCornerColumn{ /* The Column around the bottom right image in the banner */
text-align : right;
width : 10px;
vertical-align : top;
}
td.tdBannerSiteNameLeftColumn{
width : 340px;
text-align : right;
}
td.tdBannerSiteNameRightColumn{
width : 10px;
vertical-align : top;
}
/* Top banner ends*/
/* Footer begins */
td.tdFooterLeftColumn{ /* The left Column in the footer (also has a spacer image imgFooterLeftSpacer) */
width : 0px;
vertical-align : top;
display : none;
}
td.tdFooterMiddleColumn{
width : 99%;
vertical-align : top;
background-image : url(../images/bg_footer.gif);
}
td.tdFooterRightCornerColumn{
vertical-align : top;
text-align : right;
background-image : url(../images/bg_footer.gif);
}
td.tdFooterRightColumn{
display:none;
}
/* Settings Tabs Classes Begin */
td.tdBottomRightSettingsTab{
background-image: url(../images/bg_bottom_right_settings_tab.gif);
background-repeat: no-repeat;
background-position: top right;
padding-top: 3px;
padding-right: 3px;
}
td.tdBottomLastRightSettingsTab{
background-image: url(../images/bg_bottom_last_right_settings_tab.gif);
background-repeat: no-repeat;
background-position: top right;
padding-top: 3px;
padding-right: 3px;
}
td.tdBottomLeftSettingsTab{
background-image: url(../images/bg_bottom_left_settings_tab.gif);
background-repeat: no-repeat;
padding-top: 3px;
}
td.tdBottomRightSettingsTab{
background-image: url(../images/bg_bottom_right_settings_tab.gif);
background-repeat: no-repeat;
}
/* Settings Tabs Classes Ends */
/* Page Tab Classes Begins */
td.tdPageTabItemActive{
background-image: url(../images/pagetabs/bg_tab_active.gif);
background-repeat: repeat-x;
height: 20px;
vertical-align: top;
padding-top: 4px;
padding-left: 14px;
}
td.tdPageTabItemNormal{
background-image: url(../images/pagetabs/bg_tab_inactive.gif);
background-repeat: repeat-x;
height: 20px;
vertical-align: top;
padding-top: 4px;
padding-left: 14px;
}
td.tdPageTabEnd{
background-image: url(../images/pagetabs/bg_tab_end.gif);
background-repeat: repeat-x;
height: 20px;
}
td.tdSettingsTabsColumn
{
display:none;
}
/* Page Tab Classes Ends */
/* MenuBanner Classes Begins */
table.tableMenuBannerTable{
height: 86px;
background-image : url(../images/bg_BannerMiddleColMiddleColumn.gif);
}
td.tdMenuBannerLeftTopColumn{
/*background-image : url(../images/bg_BannerMiddleColLeftColumn.gif); */
}
td.tdMenuBannerRightTopColumn{
/*
background-image : url(../images/bg_BannerMiddleColRightColumn.gif); /* bg_BannerMiddleColRightColumn.gif */
/*
background-position : top right;
*/
}
td.tdMenuBannerLeftBottomColumn{
vertical-align: bottom;
/*
background-image : url(../images/bg_BannerMiddleColLeftColumn.gif);
vertical-align: bottom;
*/
}
td.tdMenuBannerRightBottomColumn{
/* background-image : url(../images/bg_BannerMiddleColLeftColumn.gif); */
}
tr.trMenuBannerTopRow{
}
tr.trMenuBannerBottomRow{
}
/*Items*/
td.tdMenuBannerImageItem{
vertical-align: bottom;
}
/* MenuBanner Classes Ends */
/* Footer ends */
/*************************** Rules ***************************/
/* Settings Begin */
table.tableWebTreeTable{
border : #CCCCCC 1px solid;
}
/* Settings End */
table.tableBannerSiteNameTable{
width : 350px;
}
table.tableLeftPanelTable{ /* The table around the whole leftmenu and leftpanel */
width : 194px;
}
table.tableLeftMenuUserTable, table.tableLeftMenuTable, table.tableLeftMenuLoginTable{
width : 194px;
background-image : url(../images/bg_leftmenu.gif);
}
table.tableLeftMenuTable{
width : 194px;
}
table.tablePageTabsTable{
height : 26px;
}
table.tableLeftMenuUserLinkList, table.tableLeftMenuLoginLinkList, table.tableLeftMenuLinkList{ /* Change width also in imgLeftMenuBetweeners */
width : 194px;
}
table.tableSettingsTabTable{
height : 26px;
width : 160px;
}
/*************************** Rules ***************************/
tr.trLeftMenuSectionBetweener{
}
/*************************** ![]() Rules ***************************/
img.imgContentAreaMidLeftPaneImage{ /* This image is inside a column with the class "tdContentAreaMidLeftPane" */
width : 10px;
}
img.imgContentAreaBetweenColumnImage{
width : 10px;
}
img.imgRightColumnSpacer{
width : 23px;
height : 1px;
}
img.imgTopBannerRightSpacer{
width : 8px;
height : 1px;
}
img.imgLeftBetweenMenuAndCubes{
width : 5px;
height : 10px;
}
img.imgLeftPaneSpacer{ /* Inside a column with class "tdLeftPaneSpacerColumn" */
width : 2px;
height : 1px;
}
img.imgFooterRightSpacer{
width : 8px;
height : 1px;
}
img.imgFooterLeftSpacer{
width : 0px;
height : 1px;
display : none;
}
img.imgLeftMenuSpacer{ /* The spacer image for how long to the right the menu shall be */
width : 21px;
height : 1px;
}
img.imgLeftMenuBetweeners{ /* The image in the row between links in the left menu */
width : 194px;
height : 1px;
}
img.imgLeftMenuDartLevel1{
width : 24px;
height : 16px;
}
img.imgLeftMenuDartLevel2{
width : 31px;
height : 16px;
}
img.imgLeftMenuDartLevel3{
width : 36px;
height : 16px;
}
img.imgLeftMenuDartLevel4{
width : 41px;
height : 16px;
}
/*************************** |