media 65
Home | Login | Register | Order Products | Password Reset |

Media 65 Technologies
User Name:  Password:

Password Reset
Close

HomeJoomla! Knowledgebase › Free Guide To Joomla Css




  1. Free Guide To Joomla Css
  2. General settings
  3. Layout settings
  4. Navigation section
  5. Standard module table
  6. Content - sections & categories
  7. Form section
  8. Tabbed editing

Content - sections & categories

 

CONTENT - SECTIONS & CATEGORIES


This area section covers the main content and components areas of Joomla.

Each style is highlighted in light blue in the cutout image showing the affected area.
The style code is shown below the image cut out.

/* #############  CONTENT - SECTIONS & CATEGORIES ###########################*/
.contentheading {
font-size: 16px;
width: 100%;
font-weight: bold;
color: #659FDE;
}


contentpagetitle Class only visible if links title are turned are turned on via the admin back-end.
/* content title and links */
.contentpagetitle {background-color : White; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited
{text-decoration: none;font-weight: normal; color: #FF6600;border-bottom: 0px;}
a.contentpagetitle:hover {color: #000;border-bottom: 0px dashed #CCCCCC;text-decoration: none;}
contentdescription
/* top box like a category description */
.contentdescription {background-color : White;}
contentpane
/* Main Body Text */
.contentpane {background: White;}

contentpaneopen
.contentpaneopen {background-color: White;}
/* Main Body Text */

content_rating
/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}
buttonheading
/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}
createdate
/* Dates */
.createdate {color: #666; font-size:.8em; font-weight: normal;}
.modifydate {font-size: 10px;color: #666;text-decoration: none;font-weight: normal;}
.newsfeeddate {font-size: 10px;color: #FF6600;font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small {color: #666;}
pagenav
/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav{font-size: 14px; color: #CC6600; }
.pagebar{font-size: 12px;}
.pagenav_prev{font-size: 14px; color: #FF6600; }
.pagenav_next{font-size: 14px; color: #FF6600; }
a.pagenav {color: #CC6600; border-bottom: 0;}
a.pagenav:hover {color: #659FDE; border-bottom: 0;}
.pagenavcounter{ height: 15px; }
.back_button{font-size: 12px; height: 15px; }
readon
/* Read more link */
.readon{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; color:#FF6600;font-weight: bold;
}
contenttoc
/* Article index  {mospagebreak} */
table.contenttoc {
padding: 0px;
margin: 2px;
font-size: 12px;
}

table.contenttoc th {
background: #2F3E57;
color: White;
}

table.contenttoc td {padding: 2px;}

/* Links article index */
a.toclink:hover, a.toclink:visited, a.toclink:link { height: 18px; }
/* End Article index */
componentheading
/*  component heading */
.componentheading {
font-size: 1.5em;
font-weight: bold;
color: #659FDE;
text-align:left;
margin-top: 1.5em;
background-color: White;
}
sectiontableheader
/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
background-color : #D3D3D3;
color : #333;
font-weight : bold;
border-collapse: collapse;
font-size: 11px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {background-color : #FFFFFF;font-size: 11px;}
.sectiontableentry2 {background-color : #EBEBEB;font-size: 11px;}
.sectiontablefooter{ height: 18px; }
/* End Sectiontable */

category
/* Category */
.category {color:#333;}
a.category:link, a.category:visited, a.category:hover { height: 15px; }
/* End category */
blog
/* blogsection */
.blog {background-color : #FFFFFF;}
.blogsection{ height: 18px; }
.blog_more{ height: 18px; }
.blog_heading { height: 18px; }
/* space from bottom of article */
.article_seperator{background-color : #FFFFFF;}
/* End blogsection */
searchintro
/* Search Form Module*/
.search {height: 18px;}
/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
border: 1px dashed #010101;
background: #DDEEFF;
padding: 0px 2px 0px 2px;}
/* End Search Form */
Wrapper
/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* ############# END CONTENT - SECTIONS & CATEGORIES ###########################*/
^Top