+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Where do I find the CSS file for Wiki?

Where do I find the CSS file for Wiki?

2 posts, 0 answered
  1. Mitch Thraves
    Mitch Thraves avatar
    9 posts
    Registered:
    05 Feb 2006
    01 Sep 2009
    Link to this post
    I'm trying to change the color of the links in the new WIki module, but cannot seem to find the associated CSS file. Any ideas where it's located?
  2. Ivan Dimitrov
    Ivan Dimitrov avatar
    16072 posts
    Registered:
    09 Dec 2016
    01 Sep 2009
    Link to this post
    Hi Mitch Thraves,

    WikiView control uses css classes form the theme you have applied to your page. So you can add some classes to your theme css or use CssFileLink control and its FileName property to specify separate css file which collects your classes.

    .sf_wikiTitle 
        background-color:Red !important; 
        color:Green !important; 

    Below is a sample code of the Wiki common layout.

    .sf_wikiList  
        margin: 0 0 20px
        padding: 0; 
        list-stylenone
    .sf_wikiList li 
        margin: 0 0 20px
        padding: 0; 
        list-style-typenone
    .sf_wikiList .sf_wikiTitle, .sf_singleWiki .sf_wikiTitle 
        margin20px 0; 
        padding: 0; 
        font-size: 2.2em; 
        font-weightnormal
        line-height: 1.2em; 
    .sf_singleWiki .sf_wikiTitle .txt 
        font-size: 1em; 
        padding1px 3px
        vertical-alignmiddle;  
    .sf_wikiList .sf_wikiDate  
        font-size: .9em; 
    .sf_wikiList .sf_wikiDate strong 
    /* Comments List */ 
     .sf_contentComments  
     { 
        margin30px 0; 
     } 
    .sf_commentListing  
        margin20px 0; 
        padding: 0; 
        list-stylenone
    .sf_commentListing li 
        margin: 0 0 10px
        padding: 0; 
        list-style-typenone
    .sf_commentListing abbr  
        font-size: .8em; 
    .sf_commentListing strong  
        font-size: 1.1em; 
    .sf_commentListing .sf_authorComment, .sf_commentListing .sf_anonymousComment 
        margin: 0; 
        padding5px
    .sf_authorComment  
        background-color#eee
    /* Comments */ 
    .sf_contentComments ol { 
        font-size: 1em; 
        list-style-typenone
        margin: 0; 
        padding: 0; 
    .sf_contentComments li 
        list-style-typenone
        margin: 0 0 1em; 
        padding: 0; 
    .sf_contentComments .sf_contentCommentForm  
        border: 0; 
        margin: 0; 
        padding: 0; 
     
    .sf_contentCommentForm label { 
        displayblock
    .sf_contentCommentForm .sf_commentsValidator strong 
        font-weightnormal
        displayblock
        color#f00
     
    /* Editor in comments tools toggle */ 
    .sf_singleWikiEdit .reToolbarWrapper 
        displayblock !important; 
        visibilityvisible !important; 
    .sf_singleWikiComments .formattingOptionsToggleBtn { 
        displayblock
        text-alignrightright
        outline-width: 0;    
    .sf_singleWikiComments .reToolbarWrapper  
        displaynone
        heightauto !important; 
    .sf_singleWikiComments .formattingOptions .reToolbarWrapper  
        displayblock
    .sf_singleWikiComments .Default.RadEditor { 
        heightauto !important; 
    .LibraryImageManager 
        background-position: -366px center
    .LibraryDocumentManager 
        background-position: -185px center
     
    /* View history window */ 
    div.RadWindow_Sitefinity td.rwStatusbar table 
        displaynone
    div.RadWindow_Sitefinity .rwStatusbarRow td 
        displaynone
    /* Wiki Versions Grid */ 
    .sf_wikiVersions 
    .sf_wikiVersions th, .sf_wikiVersions td 
        text-alignleft
        vertical-aligntop
        padding2px 5px
        border-bottom1px solid #ccc
    .sf_wikiVersions th 
        border-bottom-width2px
    /* Tags and Categories */ 
    .sf_wikiTags a, .sf_wikiCategory a 
    /* Search Form */ 
    .sf_searchItems 
        border: 0; 
    .sf_searchItems input 
        vertical-alignmiddle
    .sf_searchItems .RadComboBox 
        displayinline
    /* Pager */ 
    ol.sf_pager  
        margin10px 0; 
        padding: 0; 
        width: 100%; 
        floatleft
        list-stylenone
        clearboth
    ol.sf_pager li 
        margin: 0; 
        padding: 0 10px 0 0; 
        widthauto
        floatleft
    ol.sf_pager li a 
        padding3px 5px
    ol.sf_pager li a[disabled="disabled"], ol.sf_pager li a.sf_PagerSelItem 
        color#666
        text-decorationnone
        cursordefault
    /* Tabstrip */ 
    .sf_wikiTabstrip li 
        margin-left0px !important; 
    /* Version diff */ 
    .diff_new 
        background-color#00ff00
     
    legend 
        fontnormal 12px ArialVerdanaSans-serif
     
    table.diff_new 
        border2px solid green
     
    .diff_new td 
        padding5px5px5px5px
        background-color#00ff00
     
    .diff_deleted 
        color: Red; 
        text-decorationline-through
     
    table.diff_deleted 
        padding5px5px5px5px
        border2px solid red
     
    table.diff_deleted 
        filter: alpha(opacity=20); 
        -moz-opacity: 0.2; 
        opacity: 0.2; 
    /* Wiki link without a wiki page */ 
    a.new 
        color#ba0000
    a.new:visited 
        color#a55858
    /* Wiki Admin styles */ 
    .sf_wikiAdmin 
        margin-bottom20px
        background-color#F2F2F2
        bordersolid 1px #CCCCCC
        padding10px 20px 20px 20px
    .sf_wikiAdminButton 
        font-weightbold
        padding-left5px
        padding-right5px
    .sf_wikiAdminInlineInst 
        color#999999
        font-family'Arial'
        font-size11px
    .sf_wikiAdminLnk, .sf_wikiAdminCancel 
        color#0000FF
        font-family'Arial'
        font-size13px
        cursorpointer
    .sf_wikiAdminNextLnk 
        margin-top10px
    .sf_wikiAdminCancel 
        padding-left10px
    .sf_wikiAdmin label 
        color#000000
        font-family'Arial'
        font-size13px
        font-weightbold
    .sf_wikiAdminNext 
        margin-top5px
    /* Single Wiki content */ 
    .sf_singleWikiContent .sf_wikiContent 
        margin-bottom20px
    .sf_singleWikiContent .sf_wikiAuthor, .sf_singleWikiContent .sf_wikiCategory, .sf_singleWikiContent .sf_wikiTags 
        font-size11px
    /* Wiki Edit Mode */ 
    .sf_singleWikiEdit .RadEditor  
        margin-bottom20px
    .sf_singleWikiEdit .sf_displayWikiName input 
        vertical-alignmiddle
        margin-right3px
    /* Categories */ 
    .sf_singleWikiEdit .sf_wikiCategory 
        margin20px 0; 
        padding10px 20px 20px
        background-color#f2f2f2
        border1px solid #ccc
    .sf_singleWikiEdit .sf_wikiCategory label 
        displayblock
        font-weightbold
    .sf_singleWikiEdit .sf_wikiCategory .RadComboBox 
        margin-bottom10px
    .sf_singleWikiEdit .sf_wikiCategory .sf_wikiAddCategoryExpander 
        font-size11px
    .sf_singleWikiEdit .sf_wikiCategory .sf_addNewWikiCatForm 
        margin: 0; 
        padding10px 15px
        border1px dashed #ccc
        positionrelative
    .sf_singleWikiEdit .sf_wikiCategory .sf_addNewWikiCatForm ol 
        margin: 0 !important;    
        padding: 0 !important; 
        width: 100%; 
        floatleft
    .sf_singleWikiEdit .sf_wikiCategory .sf_addNewWikiCatForm li 
        margin: 0 !important; 
        padding: 0 15px 0 0 !important; 
        list-style-typenone !important; 
        floatleft
    .sf_singleWikiEdit .sf_wikiCategory .sf_addNewWikiCatForm .sf_addWikiCategoryWrapper 
        margin-right: 0 !important; 
        padding-top20px !important; 
    .sf_singleWikiEdit .sf_wikiCategory .sf_addNewWikiCatForm .sf_addWikiCategoryBtn 
        padding5px 20px
        background-color#ccc
        color#666
        font-weightbold
    .sf_singleWikiEdit .sf_wikiCategory .sf_addNewWikiCatForm .sf_wikiCloseCategory 
        text-alignrightright
        font-size11px
    /* Tags */ 
    .sf_singleWikiEdit .sf_wikiTags 
        margin20px 0; 
        padding10px 20px 20px
        background-color#f2f2f2
        border1px solid #ccc
    .sf_singleWikiEdit .sf_wikiTags .tagList, .sf_singleWikiEdit .sf_wikiTags .tagList li 
        margin: 0 !important; 
        padding: 0 !important; 
        list-style-typenone !important; 
    .sf_singleWikiEdit .sf_wikiTags .tagList 
        margin-bottom10px !important; 
    .sf_singleWikiEdit .sf_wikiTags .addTag a 
        font-size11px
    .sf_singleWikiEdit .sf_wikiTags .manageTags 
        padding10px
        border1px dashed #ccc
    .sf_singleWikiEdit .sf_wikiTags .typeNewTag label 
        font-weightbold
    .sf_singleWikiEdit .sf_wikiTags .typeNewTag 
        displayblock
    .sf_singleWikiEdit .sf_wikiTags .typeNewTag a 
        padding5px 20px
        background-color#ccc
        color#666
        font-weightbold
    .sf_singleWikiEdit .addNewTag, .sf_singleWikiEdit .existingTag li, .sf_singleWikiEdit .existingTagsList li  
        displayinline
    .sf_singleWikiEdit .existingTagsList li  
        padding-right10px
    .sf_singleWikiEdit .sf_wikiTags .closeManageTags 
        text-alignrightright
        font-size11px
    .sf_singleWikiEdit .validMessage 
        font-weightnormal
        displayblock
        color#f00
    .sf_singleWikiEdit .validMessage strong 
        displayblock
        font-size11px
    .sf_singleWikiEdit .sf_saveWikiBtn 
        margin-right10px
        padding: 0 20px
    .sf_singleWikiEdit .sf_wikiEditBtns 
        padding-bottom20px
    /* End Edit Wiki Tab */ 
    /* Comments */ 
    .sf_singleWikiComments .sf_contentCommentForm .texarea-wrapper label, .sf_singleWikiComments .sf_commentsCount 
        displaynone
    /* Wiki Tabstrip */ 
     
    .RadTabStrip_Wiki 
        border-bottom1px solid #999
    .RadTabStrip_Wiki ul 
        positionrelative
         
        margin: 0 0 -2px !important; 
        _margin-bottombottom: -1px !important; 
        padding: 0 !important; 
    .RadTabStrip_Wiki li 
        margin: 0 !important; 
        padding: 0 !important; 
        list-style-typenone !important; 
        displayinline !important; 
         
    .RadTabStrip_Wiki .rtsFirst 
        margin-left7px !important; 
    .RadTabStrip_Wiki a:link, .RadTabStrip_Wiki a:visited, .RadTabStrip_Wiki a:hover, .RadTabStrip_Wiki a:active 
        margin: 0 1px 0 0 !important; 
        padding: 0 24px !important; 
         
        display: -moz-inline-stack; 
        displayinline-block
        zoom: 1; 
        *displayinline
        min-height24px
        _height: 24px
        line-height22px
         
        border-left1px solid #ccc
        border-top1px solid #ccc
        border-right1px solid #ccc
        border-bottom1px solid #999
        background-color#f2f2f2
    .RadTabStrip_Wiki a:hover 
        border-color#b2b2b2
        text-decorationnone
    .RadTabStrip_Wiki a:focus 
        outline: 0; 
    .RadTabStrip_Wiki a.rtsSelected:link, .RadTabStrip_Wiki a.rtsSelected:visited, .RadTabStrip_Wiki a.rtsSelected:hover, .RadTabStrip_Wiki a.rtsSelected:active 
        positionrelative
        min-height25px
        _height: 25px
        top: -1px
        *top: 0; 
        _top: 0; 
        background-color#fff
        border-bottom-color#fff


    All the best,
    Ivan Dimitrov
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
2 posts, 0 answered