Team:Queens Canada/fonts

From 2011.igem.org

(Difference between revisions)
Line 152: Line 152:
#greentitle {width:755px; float:left; background-color: #177404; margin-left: 5px; margin-top:4px;}
#greentitle {width:755px; float:left; background-color: #177404; margin-left: 5px; margin-top:4px;}
 +
#frontmedia {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px;  margin-top:10px; padding-text:10px;}

Revision as of 15:28, 27 July 2011

@font-face {

       font-family : 'SegoeWP';
       src: url('http://allistersmith.com/Photography/Login_files/SegoeWP.eot'); /* IE9 Compat Modes */

src: url('http://allistersmith.com/Photography/Login_files/SegoeWP.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://allistersmith.com/Photography/Login_files/lato-regular-webfont.woff') format('woff'), /* Modern Browsers */ url('http://allistersmith.com/Photography/Login_files/SegoeWP.ttf') format('truetype'); /* Safari, Android, iOS */ }


@font-face {

       font-family : 'SegoeWP';
       src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Light.eot'); /* IE9 Compat Modes */

src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://allistersmith.com/Photography/Login_files/lato-light-webfont.woff') format('woff'), /* Modern Browsers */ url('http://allistersmith.com/Photography/Login_files/SegoeWP-Light.ttf') format('truetype'); /* Safari, Android, iOS */

        font-weight:light;          	

}

@font-face {

       font-family : 'SegoeWP';
       src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Semibold.eot'); /* IE9 Compat Modes */

src: url('http://allistersmith.com/Photography/Login_files/SegoeWP-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('http://allistersmith.com/Photography/Login_files/lato-bold-webfont.woff') format('woff'), /* Modern Browsers */ url('http://allistersmith.com/Photography/Login_files/SegoeWP-Semibold.ttf') format('truetype'); /* Safari, Android, iOS */

        font-weight:bold;
  }


h1 {font-family:'SegoeWP'; font-weight:'light';}

h2 {font-family:'SegoeWP', 'Calibri';} h2.noline{font-family:'SegoeWP', 'Calibri'; border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}

h3 {font-family:'SegoeWP', 'Calibri'; font-weight:'bold'; color: #A80008; font-size:24px;}

h3white{font-family:'SegoeWP', 'Calibri'; color: #ffffff; font-size:24px;padding:10px;} h3white1{font-family:'SegoeWP', 'Calibri'; font-weight: light; color: #ffffff; font-size:24px;padding:10px;}

h3red {font-family:'SegoeWP', 'Calibri'; font-weight:bold; color: #A80008; font-size:24px;} h3red1 {font-family:'SegoeWP'; font-weight:bold; color: #A80008; font-size:18px;}

h3green {font-family:'SegoeWP', 'Calibri'; font-weight:bold; color: #177404; font-size:24px;} h3green1 {font-family:SegoeWP, Calibri; color: #177404; font-size:18px;}

h3purple {font-family:'SegoeWP', 'Calibri'; font-weight:bold; color: #A23C9C; font-size:24px;} h3purple1 {font-family:'SegoeWP', 'Calibri'; font-weight:bold; color: #A23C9C; font-size:18px;}

h3orange {font-family:'SegoeWP', 'Calibri'; font-weight:bold; color: #F86114; font-size:24px;} h3orange1 {font-family:'SegoeWP', 'Calibri'; font-weight:bold; color: #F86114; font-size:18px;}

regulartext{font-family: "Calibri", "SegoeWP"; color:#323232; font-size:16px; } regulartext1{font-family: "Calibri", "SegoeWP"; color:#323232; font-size:14p;}



.classoranget A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #F86114;} .classoranget A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #F86114;} .classoranget A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 16px; color: #000050;}

.classbluet A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #000050;} .classbluet A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #000050;} .classbluet A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 16px; color: #000050;}

.classpurplet A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #A23C9C;} .classpurplet A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #A23C9C;} .classpurplet A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 16px; color: #000050;}

.classgreent A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #177404;} .classgreent A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #177404;} .classgreent A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 16px; color: #000050;}

.classredt A:link {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #A80008;} .classredt A:visited {text-decoration:none; font-family: 'Calibri'; font-weight:light; font-size:16px; color: #A80008;} .classredt A:hover {text-decoration:none; font-family: 'Calibri'; font-weight:semibold; font-size: 16px; color: #000050;}

.classorange A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #F86114;} .classorange A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #F86114;} .classorange A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 18px; color: #000050;}

.classblue A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #000050;} .classblue A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #000050;} .classblue A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 18px; color: #000050;}

.classpurple A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A23C9C;} .classpurple A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A23C9C;} .classpurple A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 18px; color: #000050;}

.classgreen A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #177404;} .classgreen A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #177404;} .classgreen A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 18px; color: #000050;}

.classred A:link {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A80008;} .classred A:visited {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-size:18px; color: #A80008;} .classred A:hover {text-decoration:none; font-family: 'SegoeWP', 'Calibri'; font-weight:bold; font-size: 18px; color: #000050;}

  1. content {
   background-color: white;
   border:none;
   padding-bottom:none;
   margin-bottom:none;
   }
  1. top-section { height: 0px; border: none; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
  2. p-logo {border:none; height: 0px; margin: -1px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;}
  3. menubar.left-menu { background-color:#606060; width:975px; float:left; border: none;}
  4. menubar.left-menu a {font-family: arial; color:white; border:none;}
  5. menubar.right-menu {font-family:arial; border:none;}
  6. right-menu ul {border:none;}
  7. search-controls {display:none; }
  8. bodycontent{border:none;}
  9. contentgrid {border: 1px solid #529bc7;width:980px;background-color: #cfe7fa; margin-left:-6px; height:1200px; }

.firstHeading{width: 0px; height: 0px; margin-bottom: 0px; display: none; position: relative; top:0; left:0; margin:0;}

  1. footer-box { border:none; width: 100%; background-color: white; margin: -10px auto 0 auto; padding: 20px 0;}

.visualClear { display: none;}

  1. footer { border: none; background-color: white; width: 965px; margin: 0 auto; padding: 0;color:#000050;}

.firstHeading { display: none;color:#000050;}

  1. f-list a { font-family: arial; color: #333; font-size: 12px;color:#000050;}
  2. f-list a:hover { color: #666;color:#000050;}

.printfooter { display: none; color:#000050;}

  1. footer ul { border:none; margin: 0; padding: 0;color:#000050;}
  2. footer ul li { border:none; margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;color:#000050;}
  3. search-controls { display:none; color:#000050;}

h3#siteSub { display: none;#000050;}

  1. contentSub {display: none;#000050;}
  1. leftcolumn {width:200px; height:450px; float: left; margin-top:0px; background-color:#ffffff}
  2. leftcolumntotal{width:200px; height:800px; float: left; margin-top:0px;}


  1. headertextgreen{width:755px; background-color:#177404; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  2. headertextred{width:242px; background-color:#A80008; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  3. headertextorange{width:241px; background-color:#F86114; float left; padding-top:4px; padding-bottom:6px; text-indent:20px;}
  1. frontpage {width:755px; height:200px; margin-left:8px; padding:0px; margin-top:8px; background-color:#F5F5F5; float:left;}
  2. leftintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #177404; padding:2px; background-color:#F5F5F5; float:left;}
  3. centreintro{width:241px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #A80008; padding:2px; background-color:#F5F5F5; float:left;}
  4. rightintro{width:240px; height:140px; margin-left:8px; margin-top:8px; border: 1px solid #F86114;padding:2px; background-color:#F5F5F5; float:left;}


  1. rightcontent {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px;}
  2. rightcontenttext {width:715px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:20px; padding:20px;}
  3. farleft {float: left; vertical-align: middle; top-margin:400px;}
  • {margin:0; padding:0}

.sm {list-style:none; width:755px; height:225px; display:block; overflow:hidden} .sm li {float:left; display:inline; overflow:hidden}

  1. rightcontentno {width:755px; float:left; background-color: #FFFFFF; margin-left: -10px; margin-top:8px;}
  2. greentitle {width:755px; float:left; background-color: #177404; margin-left: 5px; margin-top:4px;}
  1. frontmedia {width:755px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding-text:10px;}


body {

   background-color:#000000;

}