Re: Skin Problem

  •  11-20-2006, 9:45 AM

    Re: Skin Problem

    Adam:

    I think it might be a CSS thing, so I am including it at the end of this post. The css creates buttons out of links so that might be something to look at.


    I have created a page where you can see the editor...please visit

    http://oea.fiu.edu/Default.aspx?tabid=401&ctl=Edit&mid=1318

    if you need admin privs let me know offline. (muenchl [at] fiu[dot]edu)





    /*========================================================*/
    /*         CSS for DotNetNuke Skin - Oxygen               */
    /*                  by Evan O'Neil                        */
    /*             http://www.NukeVille.com                   */
    /*                [email protected]                     */
    /*========================================================*/

    /*========================================================*/
    /*  1. Universal                                          */
    /*========================================================*/

    /* Style For HTML PAGE                   */ html { height: 100%; }
    /* Style For HTML BODY                   */ body { margin: 0; background: url(main_bg.jpg) repeat-x top left #CECECE; margin: 20 0 20 0; }
    /* Setting Text Throughout the skin      */ table, tr, td, p {font-family: tahoma; font-size: 11px; line-height: 1.4em;}

    /*========================================================*/
    /*  2. Design Elements                                    */
    /*========================================================*/

    /*-- outermost table of skin -Standard      --*/ .OuterTable { width: 85%; height: 100%; background: url(page_bg_l.gif) repeat-y top left #FFF; align: center; }
    /*-- outermost table of skin -Admin         --*/ .OuterTableAdmin { width: 85%; height: 100%; background: url(page_bg_l.gif) repeat-y top left #FFF; align: center; }
    /*-- outermost table of skin -Full Width    --*/ .OuterTableFull { width: 100%; height: 100%; background: url(page_bg_l.gif) repeat-y top left #FFF; align: center; }
    /*-- cell containing logo                   --*/ .LogoTD { vertical-align: middle ; height: 120px; width: 227px; color: #FFF; padding: 0 0 0 4px; text-align:center; }
    /*-- cell containing menu                   --*/ .MenuTD { vertical-align: top; padding: 0 9px 0 0; margin: 0 0 0 0; }
    /*-- cell containing date                   --*/ .DateTD { width: 227px; text-align:center; vertical-align: top; padding: 4px 0 0 0; height:25px;}
    /*-- cell containing login and register     --*/ .LoginTD { vertical-align: top; height: 25px; color: #FFF; padding: 2px 22px 0 22px; text-align:right; }
    /*-- cell containing breadcrumbs            --*/ .BreadCrumbsTD { vertical-align: top; color: #777; padding: 9px 20px 0 108px; text-align:left; height: 29px; }
    /*-- cell containing search                 --*/ .SearchTD { text-align:right; vertical-align: top; padding: 0; width:228px; height: 29px; }
    /*-- cell containing terms                  --*/ .TermsTD { text-align:left; vertical-align: top; padding: 17px 15px 0 30px; width:360px; height: 29px; }
    /*-- cell containing copyright              --*/ .CopyrightTD { text-align:right; vertical-align: top; padding: 13px 20px 0 15px; height: 29px; }
    /*-- cell containing panes                  --*/ .PanesTD { width: 100%; vertical-align: top; padding: 6px 3px 0 3px; }
    /*-- cell containing panes                  --*/ .HeaderPaneTD { width: 100%; vertical-align: top; text-align: right; padding: 5px 17px 0px 10px; }
    /*-- top header section                     --*/ .TopRow { background:  url(header_bg.jpg) repeat-x top right; height: 174px; padding: 0; }
    /*-- topleft header section                 --*/ .TopRowLeft { background:  url(headerlogo.jpg) no-repeat top left; height: 174px; width:100%; padding: 0; }
    /*-- topright header section                --*/ .TopRowRight { background:  url(header_bg_r.jpg) no-repeat top right; height: 174px; width:100%; padding: 0;}
    /*-- bottom footer section                  --*/ .BottomRow { background:  url(footer_bg.gif) repeat-x top center #CECECE; height: 45px; padding: 0;}
    /*-- bottomleft footer section              --*/ .BottomRowLeft { background:  url(footer_bg_l.gif) no-repeat top left; height: 45px; padding: 0;}
    /*-- bottomright footer section             --*/ .BottomRowRight { background:  url(footer_bg_r.gif) no-repeat top right; height: 45px; text-align: right; vertical-align: top; padding:0; }
    /*-- middle content section                 --*/ .MiddleRow { background:  url(page_bg_r.gif) repeat-y top right; padding: 0 0 0 0; }

    /*========================================================*/
    /*  3. Content Panes                                      */
    /*========================================================*/

    /*-- top inside content pane       --*/ .PaneTop { width: 100%; padding: 0 7px 0 7px;}
    /*-- left content pane             --*/ .PaneLeft { padding: 0 7px 0 7px; width: 33%; }
    /*-- main content pane             --*/ .PaneCenter { padding: 0 7px 0 7px; }
    /*-- right content pane            --*/ .PaneRight { padding: 0 7px 0 7px; width: 33%; }
    /*-- bottom inside pane            --*/ .PaneBottom { width: 100%; padding: 0 7px 0 7px; }
    /*-- right panel content pane      --*/ .PaneERight { width: 224px; padding: 8px 13px 0 10px; }
    /*-- header content pane           --*/ .PaneHeader { width: 70%; padding: 0; }

    /*========================================================*/
    /*  4. Tokens                                             */
    /*========================================================*/

    /*-- login and user token idle         --*/ .LOGIN_object, a.LOGIN_object:link, a.LOGIN_object:visited, a.LOGIN_object:active, .USER_object, a.USER_object:link, a.USER_object:visited, a.USER_object:active { color: #FFF; background:  url(bullet.gif) no-repeat top left;  font-family: tahoma; font-size: 11px; font-weight:bold; text-decoration: none; padding: 0 0 0 20px; }
    /*-- login and user token hover        --*/ a.LOGIN_object:hover, a.USER_object:hover { background:  url(bullet.gif) no-repeat top left; color: #DDD; font-family: tahoma; font-weight:bold; font-size: 11px; text-decoration: none; }
    /*-- date token idle                   --*/ .DATE_object { color: #FFF; font-family: tahoma; font-size: 11px; text-decoration: none; }
    /*-- breadcrumbs token idle            --*/ .BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { color: #777; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold;}
    /*-- breadcrumbs token hover           --*/ a.BREADCRUMBS_object:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: none; font-weight:bold; }
    /*-- terms and privacy                 --*/ .FOOTER_objects { color:#FFF; font-size: 11px; }
    /*-- terms and privacy links           --*/ a.FOOTER_objects:link, a.FOOTER_objects:visited, a.FOOTER_objects:active { color:#FFF; font-weight:bold; text-decoration:none; }
    /*-- terms and privacy hover           --*/ a.FOOTER_objects:hover { color:#DDD; font-weight:bold; text-decoration:none;  }
    /*-- copyright token                   --*/ .COPYRIGHT_object { color:#9A9A9A; font-size: 11px; }

    /*========================================================*/
    /*  5. Text                                               */
    /*========================================================*/

    /*-- most of the text on site          --*/ .normal, .Normal { font-family: tahoma; font-size: 11px; color: #555; }
    /*-- most of the bold text on site     --*/ .NormalBold { font-family: tahoma; font-size: 11px; font-weight: bold; color: #555; }
    /*-- red text on site for errors       --*/ .NormalRed { color: #C50000; font-family: tahoma; font-weight: bold; font-size: 11px; }
    /*-- subheadings - mostly in admin     --*/ .SubHead { font-family: tahoma; font-size: 11px; font-weight: bold; color: #777; padding: 0; }
    /*-- headings - mostly in admin        --*/ .Head { font-size: 11px; color: #777; background: transparent; font-weight: bold; padding: 0;}

    /*========================================================*/
    /*  6. Links                                          */
    /*========================================================*/

    /*-- default links visited and active  --*/ a:link, a:visited, a:active { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: underline; }
    /*-- default links hover               --*/ a:hover { color: #444; font-family: tahoma; font-size: 11px; text-decoration: underline; }
    /*-- normal  links visited and active  --*/ a.Normal:link, a.Normal:visited { color: #666; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; }
    /*-- normal  links hover               --*/ a.Normal:hover { color: #444; font-family: tahoma; font-size: 11px;    text-decoration: none; }
    /*-- admin button-link style           --*/ a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active { color: #6A6A6A; border: 1px solid #ABABAB; background: #EFEFEF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
    /*-- admin button-link style hover     --*/ a.CommandButton:hover                                                 { color: #6A6A6A; border: 1px solid #868686; background: #DFDFDF; padding: 2px 3px 3px 4px; font-family: tahoma; font-weight: bold; font-size: 11px; text-decoration: none; height: 20px; }
    /*-- search button in search form      --*/ .SearchButton { background: transparent; padding: 13px 30px 4px 24px; cursor: hand; font-size:1px; margin: 0 0 0 0px;}

    /*========================================================*/
    /*  7. Forms                                              */
    /*========================================================*/

    /*-- default form elements      --*/ select, input { font-family: tahoma; font-size: 11px; color: #333; }
    /*-- textbox                    --*/ .NormalTextBox { color: #333; padding-left: 4px; line-height: 12px; font-family: tahoma; font-weight: normal; font-size: 11px; }
    /*-- textbox container          --*/ td.NormalTextBox { padding: 0; margin: 0; background: transparent; visibility: invisible; border: 0; }
    /*-- textbox used for search    --*/ #dnn_dnnSEARCH_txtSearch.NormalTextBox { height:19px; background: transparent; width: 160px; color: #666; padding: 4px 4px 0px 4px; border: 0px solid #FFFFFF; cursor:text;}
    /*========================================================*/
    /*  8. Main Menu and Module Menus                         */
    /*========================================================*/

    /*-- box that holds the menu    --*/ .MainMenu_MenuContainer { background: transparent; }
    /*-- bar that holds the menu    --*/ .MainMenu_MenuBar { cursor: pointer; cursor: hand; background: transparent; }
    /*-- submenu container          --*/ .MainMenu_SubMenu, .ModuleTitle_SubMenu { z-index: 1000;  cursor: pointer;  cursor: hand; margin: 1px 0 0 -4px; background: #EEEEEE; padding: 0px; border: 1px solid #BBBBBB; font-weight: normal; filter: none; }
    /*-- submenu items idle         --*/ .MainMenu_MenuItem, .ModuleTitle_MenuItem { font-family: tahoma;  color: #6A6A6A; font-size: 11px; background: #EEEEEE; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; border: 0; }
    /*-- submenu items hover        --*/ .MainMenu_MenuItemSel, .ModuleTitle_MenuItemSel { font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; color: #222; background: #BBBBBB; padding: 0px 30px 0px 16px; height: 20px; border: 0;}
    /*-- menuitems idle             --*/ .MainMenu_Idle { color: #666; background: url(navidle.gif) repeat-x top center transparent; padding: 0; font-weight: bold; height: 29px; }
    /*-- menuitems over             --*/ .MainMenu_Selected { color: #000; padding: 0; font-weight: bold; height: 29px; }
    /*-- menuitems active           --*/ .MainMenu_Active, .MainMenu_BreadcrumbActive { color: #666; background: url(navactive.gif) repeat-x top center transparent; padding: 0; font-weight: bold; height: 29px; }
    /*-- left seperator idle        --*/ .MainMenu_LeftIdle { background: url(navleft-idle.gif) no-repeat top right transparent; width:12px; height: 29px; }
    /*-- left seperator active      --*/ .MainMenu_LeftActive { background: url(navleft-active.gif) no-repeat top right transparent; width:12px; height: 29px; }
    /*-- right seperator idle       --*/ .MainMenu_RightIdle { background: url(navright-idle.gif) no-repeat top right transparent; width:12px; height: 29px; }
    /*-- right seperator active     --*/ .MainMenu_RightActive { background: url(navright-active.gif) no-repeat top right transparent; width:12px; height: 29px; }
    /*-- middle seperator           --*/ .MainMenu_Seperator { background: url(navseparator.gif) no-repeat top right transparent; width:3px; height: 29px; }
    /*-- not needed - main menu     --*/ .MainMenu_MenuArrow, .MainMenu_RootMenuArrow, .MainMenu_MenuIcon  { display: none; }
    /*-- module menu continer       --*/ .ModuleTitle_MenuContainer { color: #2c2c2c; }
    /*-- module menu bar            --*/ .ModuleTitle_MenuBar { cursor: pointer; cursor: hand;}
    /*-- module menu padding        --*/ .ModuleTitle_MenuItem, .ModuleTitle_MenuItemSel { padding: 0 5px 0 0; }
    /*-- not needed - module menu   --*/ .MainMenuSeperator, .ModuleTitle_MenuArrow, .ModuleTitle_RootMenuArrow, .ModuleTitle_MenuIcon { display: none; }
    /*-- removing seperator borders --*/ .MainMenu_MenuBreak { border-top-style: none; border-right-style: none;    border-left-style: none; border-bottom-style: none; }

    /*==========================================================*/
    /*  End Style Sheet                                         */
    /*==========================================================*/



View Complete Thread