3.4.2.1.3. CSS

In Content, the stylesheet of a node is an optional template embedded in the View template, such as File. To create the stylesheet for the View template, you just need to add the content of the stylesheet into the Content field of the CSS tab.

See the following example of the stylesheet for the nt:file template:


/**
  LTR skin for nt:file template
*/

.FileContent {
  
color: #0e396c;
}

.FileContent .TopNavContent {
    
background: #F8F8F8;
    
border: 1px solid #E1E1E1;
}

.FileContent .TopTitle {
    
color: #4F4F4F;
    
font-weight: bold;
    
height: 28px;
    
line-height: 26px;
    
padding-left: 10px;
   
width:75%;
 
overflow:hidden;
   
float:left;
}

.FileContent .ActionButton{
  
padding: 4px 0 !important;
}

.FileContent .ActionButton a{
    
background: url("/eXoWCMResources/skin/images/file/DownloadFile.png") no-repeat scroll 4px center transparent;
    
border-left: 1px solid #E1E1E1;
    
color: #058EE6;
    
line-height: 20px;
    
padding: 3px 10px 3px 29px;
}

.FileContent .ActionTextButton a{
    
border-left: 1px solid #E1E1E1;
    
color: #058EE6;
    
line-height: 20px;
    
padding: 3px 10px 3px 2px;
}

.FileContent .ECMIframe {
 
border: 1px solid #cbcbcb;
 
height: 100%;
  
overflow: auto;
    
width: 93%;
    
margin: 5px;
   
background: white;
}
Copyright ©. All rights reserved. eXo Platform SAS
blog comments powered byDisqus