Explanation of the CSS Code in Digication

27 downloads 264 Views 508KB Size Report
May 12, 2011 ... This chart will explain what each part of the CSS code will change in the visual ... Some sections will require advanced understanding of CSS.
Explanation of the CSS Code in Digication This chart will explain what each part of the CSS code will change in the visual style of your eportoflio. Some sections will require advanced understanding of CSS. Please refer to the following sites for the color codes: Http://www.colorpicker.com Http://kuler.adobe.com CSS CODE body { background:#EEEEEE; color: #222222; }

Explanation Background:#EEEEEE; Will change the background color of the page

Color: #222222; Will change the color of text in the following areas of the eportfolio: Welcome Text

Default Module Text

Leave a Comment Text

Posted Comment as Text

Platform Provided as Text

#site_topnav ul li a { color:#000000; }

This part of the code will change the navigation at the top of the page

#header_container { padding-bottom:0.5em; padding-top:10px; }

Will change the padding of the header container (Understanding of CSS required)

#header_container, #main_container { background-color:#FFFFFF; border-color:#FFFFFF; border-style:solid; border-width:0 10px; position:relative; }

Background-color:#FFFFFF; Will change the background of the e-portfolio

Border-color:#FFFFFF; Will change the border color of the eportfolio

#header_container .title { border-bottom:2px solid #CCCCCC !important; padding:15px; }

Border-bottom: 2px solid #CCCCCC !important; Will change the bottom color and border thickness of the header container.

#module_topnav{ border: 1px solid #ccc }

border:1px solid #CCC ; Will change the border color and border thickness around the e-portfolio navigation (viewable only in the published mode).

.navigation_topnav { background-color:#f7f7f7; }

Background –color:#f7f7f7; Will change the background color of background color of the eportfolio navigation.

.navigation_topnav a { color:#222222; font-family: Verdana,Helvetica,Arial,sans -serif;

Color:#222222; Will change the color and font style of the eportfolio navigation text.

}

#footer_container { background:none; border-top:1px solid #AAAAAA; }

Border-top:1px solid Will allow you to change the height and color of the footer container

.title{ display:block; }

Changes the display of the title (Understanding of CSS required)

#footer { background:none; }

Will change the settings for the footer (Understanding of CSS required)