Intranet News

Last modified by Adina Milica on 03 April 2024, 11:54

LESS code affecting this instance 🤩

Copy this code and add it to the existing less in the Advanced Section in the customization section of your theme.

/* doc extra pane */

@xwiki-border-color:#eeeeee;

.xwikitabbar > li.active > a, .xwikitabbar > li.active > a:hover, .xwikitabbar > li.active > a:focus{
font-weight:600;
}

/* small line that appears on the sides of the tabs*/
.xwikitabbar>li {
   float: left;
  margin-bottom: 0;
}

/* No border below the tab*/
.xwikitabbar {
  
   border-bottom: none;
   margin: 0;
}

/*Solves the issue related to active tab not having the same color at the @xwiki-border-color*/

.xwikitabbar>li.active>a,
.xwikitabbar>li.active>a:hover,
.xwikitabbar>li.active>a:focus {
   
   border: 1px solid @xwiki-border-color;
   border-bottom-color: transparent;
}

/*changes the box shadow to border*/
#mainContentArea,
#xdocFooter,
#docextrapanes {
   box-shadow: none;
border-left: 1px solid @xwiki-border-color;
   border-right: 1px solid @xwiki-border-color;
}

/*space for xDocFooter and border-bottom for it*/
#xdocFooter {
   margin-bottom: 15px;
   border-bottom: 1px solid @xwiki-border-color;
}

/*no border covering the first border when hovering or focusing*/
.xwikitabbar>li>a:hover,
.xwikitabbar>li>a:focus {
   border-bottom:transparent;
}

/*border under the panel titles is not actually a border even if it's supposed to be*/

h1.xwikipaneltitle{
border-bottom: 1px solid @xwiki-border-color;
box-shadow: none;
}

/*having a border-bottom for the active tab in 1024 screens*/

@media only screen and (max-width:1024px) {
 #docextrapanes{
border-bottom: 1px solid @xwiki-border-color;

border-bottom-left-radius: @border-radius-base;
border-bottom-right-radius: @border-radius-base;

}
}


@media only screen and (max-width:768px) {

#body.panel-left-width-Small #leftPanels, #body.panel-right-width-Small #leftPanels,

#body.panel-left-width-Medium #rightPanels, #body.panel-right-width-Medium #rightPanels,

#body.panel-left-width-Large #leftPanels, #body.panel-right-width-Large #rightPanels,

#leftPanels, #rightPanels {
padding-right:0px;
padding-left:0px;
}

.panel{
padding:15px;
background-color: @xwiki-page-content-bg;
border:1px solid @xwiki-border-color;
}

}


/* no line below panel titles*/
h1.xwikipaneltitle{
border-bottom: none;
box-shadow: none;
margin: 5px 16px 5px;
}


/*making headings bold at 600 font-weight*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
font-weight:600;
}

/* new variable for controlling hr color*/

@xwiki-hr-color: @xwiki-border-color;

hr {
border-top: 1px solid @xwiki-hr-color;
}

@border-radius-base:             7px;
@border-radius-large:            10px;
@border-radius-small:            5px;

/* bad spacing on current page in nav tree from breadcrumb*/

.breadcrumb .jstree-xwiki .jstree-clicked {
padding: 0 9px 0 0;
border-radius: @border-radius-small;
}

/* bad spacing on current page in nav tree from the side panel */

#leftPanels .jstree-xwiki .jstree-clicked, #rightPanels .jstree-xwiki .jstree-clicked{
border-radius: @border-radius-small;
padding:0 5px;
}

#leftPanels .jstree-xwiki .jstree-hovered, #rightPanels .jstree-xwiki .jstree-hovered {
border-radius: @border-radius-small;
padding:0 5px;
}

/* Allign the rest of the pages in the navigation tree in the side panel
with the current page based on the latter's padding */

#leftPanels .jstree-xwiki .jstree-anchor, #rightPanels .jstree-xwiki .jstree-anchor {
padding:0 5px;
}

/* Changing shadow into border on edit mode*/

#xwikieditor .main {
box-shadow: none;
   border-right: 1px solid @xwiki-border-color;
}

@media only screen and (max-width:768px) {
#xwikieditor .main {
border-left: 1px solid @xwiki-border-color;
   border-bottom: 1px solid @xwiki-border-color;
}
}

Something interesting

XWiki is the best tool to organize your knowledge. A wiki is organized in a hierarchy of pages. You can create multiple wikis, each with its own set of pages.

XWiki can be used as a knowledge base (support, documentation, sales, etc.), for collaborative workspaces or even as a complete intranet.

Type your information message here.Type your information message here.Type your information message here.Type your information message here.Type your information message here.Type your information message here.

Type your warning message here.

Type your success message here.

Type your error message here.

The basics

To make the most out of your wiki, log-in and:

Use the button above to edit this page and start customizing your wiki to your needs.

Use the button above to add more pages to your wiki and create the hierarchy that best organizes your content.

Use the breadcrumbs located above the title to navigate inside your pages. It's easy to get lost in a big wiki without them.

You can also use the Sandbox for more demo content and generally a place to experiment with your wiki's features. 

 Learn more on how to use XWiki with the Getting Started Guide.

Extend your wiki

To extend the power and functionalities of your wiki with the features that you need, head over to the Extension Manager where you can search for and install extensions.

To browse through the 900+ community contributed extensions available for XWiki, head over to the Extensions Repository.

Create your application

Go beyond the available extensions and define the structure of your data based on your needs, creating your own applications with App Within Minutes (AWM). 

AWM will take care of making it easy for you and your users to create and manage the data.