Click here to Skip to main content
15,895,746 members
Articles / Web Development / HTML

Master Pages and Themes

Rate me:
Please Sign up or sign in to vote.
4.77/5 (15 votes)
9 Apr 2012CPOL7 min read 253.2K   16.2K   27  
With a Master Page you can define the look and feel of your application which includes multiple content placeholders. Along with Master Pages, you can work with themes to provide the user with a great User Interface.
body
{
 margin:20px 20px 20px 20px;
 padding: 0;
 font-family: Georgia, Times, "Times New Roman", serif;
 color: black;
 width: 960px;
 border-right: 1px solid black;
 background-color:#EDB830;
}
#header 
{
 background-color:#CE6E1E;
 margin:10px 10px 0px 10px;
 height:120px; 
 overflow:hidden;
}

#SideBar 
{
 float: left;
 width: 160px;
 margin-left: 10px;
 padding-top: 1em;
  height:900px;
}
#Content
{
 padding-top: 1em;
 margin: 0 12px 0 180px;
 background-color:White;
 overflow:hidden;
}
#Footer
{
 clear: both;
 background-color:#446476;
 padding-bottom: 1em;
 border-top: 1px solid #333;
 padding-left: 200px;
}  
#header .Title
{
    color:White;
}
#header h1
{
    margin:10px 40px 10px 40px;
}

#header .TagLine
{
    color:White; 
    margin:40px 40px 10px 70px;
}
#Container
{
    background-color:#F5F5F5;
    overflow:hidden;
}
a
{
    color:#BC3455;
}
a:visited
{
    color:Gray;
}
.Menu ul
{
  
}
.Menu li
  {
      display:inline;
      margin:0px;
  }
.Menu  a
  {
    
      text-decoration:none;
      background-color:#FFA284;
      padding:5px;
      color:Black;
      border-right:4px solid #E7FBFD;
      margin:0px;
      border-left:none;
  }
 .Menu a:hover
  {
      background-color:#E07F93; padding:5px;
      border-right:4px solid #FFA284; margin:0px;
  }
  .gridAlternatingRowStyle
  {
      background-color:White;
      
  }
  .gridEditRowStyle
  {
      background-color:#2461BF;
  }
  .gridFooterStyle
  {
    background-color:#EDB830;
    color:White;
    font-weight:bold;
  }
  .gridHeaderStyle
  {
      background-color:#CE6E1E;
      font-weight:bold;
      color:White;
  }
  .gridPagerStyle
  {
      background-color:#EDB830;
      color:White;
      text-align:center;
      margin:20px;
      border:1px solid black;
      background-image:url(Images/abc.gif);
  }
  .gridRowStyle
  {
      background-color:#EFF3FB;
  }
  .gridSelectedRowStyle
  {
         background-color:#D1DDF1;
         color:#333333;
  }
  .grid
  {
      border:none;
      width:100%;
  }
  .imagecells img
  {
    width:140px;
    height:100px;
    border:2px solid Gray;
    padding:15px;
    margin:15px;
    background-color:#EDB830; 
    border-style:inset;
  }

.quotehomepage blockquote {
	font: italic 1em/1.6em Georgia, "Times New Roman", Times, serif;
	width: 300px;
	background: url(/ThemeManager/Images/closequote.gif) no-repeat right bottom;
	padding-left: 18px;
	text-indent: -18px;
	float: right;
	margin: 20px 0 10px 10px;
	color: #999999;
}
.quotehomepage blockquote:first-letter {
	background: url(/ThemeManager/Images/openquote.gif) no-repeat left top;
	padding-left: 18px;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
}
.welcome span
{
     color:#CE6E1E;
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer Collabera
Singapore Singapore
S V Sai Chandra is a Software Engineer from Hyderabad Deccan. He started Embedded Programing in his college days and now he is a Web Developer by Profession. He Loves coding and his passion has always been towards Microsoft Technologies. Apart from coding his other hobbies include reading books, painting and hang out with friends is his most favorite past time hobby.
He blogs at
http://technowallet.blogspot.com
Technical Skills:
C#,Ado.Net,Asp.Net,Sql Server,JavaScript,XML,Web services.

Comments and Discussions