Difference between revisions of "Template:IISER Berhampur"

Line 1: Line 1:
 
<html>
 
<html>
−
Iiser Berhampur
+
html
 +
{ height: 100%;}
 +
 
 +
*
 +
{ margin: 0;
 +
  padding: 0;}
 +
 
 +
body
 +
{ font: normal .80em 'trebuchet ms', arial, sans-serif;
 +
  background: #FFF;
 +
  color: #555;}
 +
 
 +
p
 +
{ padding: 0 0 20px 0;
 +
  line-height: 1.7em;}
 +
 
 +
img
 +
{ border: 0;}
 +
 
 +
h1, h2, h3, h4, h5, h6
 +
{ color: #362C20;
 +
  letter-spacing: 0em;
 +
  padding: 0 0 5px 0;}
 +
 
 +
h1, h2, h3
 +
{ font: normal 170% 'century gothic', arial;
 +
  margin: 0 0 15px 0;
 +
  padding: 15px 0 5px 0;
 +
  color: #000;}
 +
 
 +
h2
 +
{ font-size: 160%;
 +
  padding: 9px 0 5px 0;
 +
  color: #009FBC;}
 +
 
 +
h3
 +
{ font-size: 140%;
 +
  padding: 5px 0 0 0;}
 +
 
 +
h4, h6
 +
{ color: #009FBC;
 +
  padding: 0 0 5px 0;
 +
  font: normal 110% arial;
 +
  text-transform: uppercase;}
 +
 
 +
h5, h6
 +
{ color: #888;
 +
  font: normal 95% arial;
 +
  letter-spacing: normal;
 +
  padding: 0 0 15px 0;}
 +
 
 +
a, a:hover
 +
{ outline: none;
 +
  text-decoration: underline;
 +
  color: #AEB002;}
 +
 
 +
a:hover
 +
{ text-decoration: none;}
 +
 
 +
blockquote
 +
{ margin: 20px 0;
 +
  padding: 10px 20px 0 20px;
 +
  border: 1px solid #E5E5DB;
 +
  background: #FFF;}
 +
 
 +
ul
 +
{ margin: 2px 0 22px 17px;}
 +
 
 +
ul li
 +
{ list-style-type: circle;
 +
  margin: 0 0 6px 0;
 +
  padding: 0 0 4px 5px;
 +
  line-height: 1.5em;}
 +
 
 +
ol
 +
{ margin: 8px 0 22px 20px;}
 +
 
 +
ol li
 +
{ margin: 0 0 11px 0;}
 +
 
 +
.left
 +
{ float: left;
 +
  width: auto;
 +
  margin-right: 10px;}
 +
 
 +
.right
 +
{ float: right;
 +
  width: auto;
 +
  margin-left: 10px;}
 +
 
 +
.center
 +
{ display: block;
 +
  text-align: center;
 +
  margin: 20px auto;}
 +
 
 +
#main, #logo, #menubar, #site_content, #footer
 +
{ margin-left: auto;
 +
  margin-right: auto;}
 +
 
 +
#header
 +
{ background: #323534 url(back.png) repeat-x;
 +
  height: 177px;}
 +
 
 +
#banner
 +
{  background: transparent url(banner.jpg) no-repeat;
 +
  width: 860px;
 +
  height: 180px;
 +
  margin-bottom: 20px;
 +
  border: 10px solid #DDD;}
 +
 
 +
#logo
 +
{ width: 880px;
 +
  position: relative;
 +
  height: 140px;
 +
  background: transparent;}
 +
 
 +
#logo #logo_text
 +
{ position: absolute;
 +
  top: 10px;
 +
  left: 0;}
 +
 
 +
#logo h1, #logo h2
 +
{ font: normal 300% 'century gothic', arial, sans-serif;
 +
  border-bottom: 0;
 +
  text-transform: none;
 +
  margin: 0 0 0 9px;}
 +
 
 +
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
 +
{ padding: 22px 0 0 0;
 +
  color: #FFF;
 +
  letter-spacing: 0.1em;
 +
  text-decoration: none;}
 +
 
 +
#logo_text h1 a .logo_colour
 +
{ color: #E4EC04;}
 +
 
 +
#logo_text a:hover .logo_colour
 +
{ color: #FFF;}
 +
 
 +
#logo_text h2
 +
{ font-size: 120%;
 +
  padding: 4px 0 0 0;
 +
  color: #999;}
 +
 
 +
#menubar
 +
{ width: 880px;
 +
  height: 46px;}
 +
 
 +
ul#menu
 +
{ float: right;
 +
  margin: 0;}
 +
 
 +
ul#menu li
 +
{ float: left;
 +
  padding: 0 0 0 9px;
 +
  list-style: none;
 +
  margin: 1px 2px 0 0;
 +
  background: #5A5A5A url(tab.png) no-repeat 0 0;}
 +
 
 +
ul#menu li a
 +
{ font: normal 100% 'trebuchet ms', sans-serif;
 +
  display: block;
 +
  float: left;
 +
  height: 20px;
 +
  padding: 6px 35px 5px 28px;
 +
  text-align: center;
 +
  color: #FFF;
 +
  text-decoration: none;
 +
  background: #5A5A5A url(tab.png) no-repeat 100% 0;}
 +
 
 +
ul#menu li.selected a
 +
{ height: 20px;
 +
  padding: 6px 35px 5px 28px;}
 +
 
 +
ul#menu li.selected
 +
{ margin: 1px 2px 0 0;
 +
  background: #00C6F0 url(tab_selected.png) no-repeat 0 0;}
 +
 
 +
ul#menu li.selected a, ul#menu li.selected a:hover
 +
{ background: #00C6F0 url(tab_selected.png) no-repeat 100% 0;
 +
  color: #FFF;}
 +
 
 +
ul#menu li a:hover
 +
{ color: #E4EC04;}
 +
 
 +
#site_content
 +
{ width: 880px;
 +
  overflow: hidden;
 +
  margin: 20px auto 0 auto;
 +
  padding: 0 0 10px 0;}
 +
 
 +
#sidebar_container
 +
{ float: right;
 +
  width: 224px;}
 +
 
 +
.sidebar_top
 +
{ width: 222px;
 +
  height: 14px;
 +
  background: transparent url(side_top.png) no-repeat;}
 +
 
 +
.sidebar_base
 +
{ width: 222px;
 +
  height: 14px;
 +
  background: url(side_base.png) no-repeat;}
 +
 
 +
.sidebar
 +
{ float: right;
 +
  width: 222px;
 +
  padding: 0;
 +
  margin: 0 0 16px 0;}
 +
 
 +
.sidebar_item
 +
{ background: url(side_back.png) repeat-y;
 +
  padding: 0 15px;
 +
  width: 192px;}
 +
 
 +
.sidebar li a.selected
 +
{ color: #444;}
 +
 
 +
.sidebar ul
 +
{ margin: 0;}
 +
 
 +
#content
 +
{ text-align: left;
 +
  width: 620px;
 +
  padding: 0 0 0 5px;
 +
  float: left;}
 +
 
 +
#content ul
 +
{ margin: 2px 0 22px 0px;}
 +
 
 +
#content ul li, .sidebar ul li
 +
{ list-style-type: none;
 +
  background: url(bullet.png) no-repeat;
 +
  margin: 0 0 0 0;
 +
  padding: 0 0 4px 25px;
 +
  line-height: 1.5em;}
 +
 
 +
#footer
 +
{ width: 100%;
 +
  font-family: 'trebuchet ms', sans-serif;
 +
  font-size: 100%;
 +
  height: 80px;
 +
  padding: 28px 0 5px 0;
 +
  text-align: center;
 +
  background: #3B3939 url(footer.png) repeat-x;
 +
  color: #A8AA94;}
 +
 
 +
#footer p
 +
{ line-height: 1.7em;
 +
  padding: 0 0 10px 0;}
 +
 
 +
#footer a
 +
{ color: #A8AA94;
 +
  text-decoration: none;}
 +
 
 +
#footer a:hover
 +
{ color: #FFF;
 +
  text-decoration: none;}
 +
 
 +
.search
 +
{ color: #5D5D5D;
 +
  border: 1px solid #BBB;
 +
  width: 134px;
 +
  padding: 4px;
 +
  font: 100% arial, sans-serif;}
 +
 
 +
.form_settings
 +
{ margin: 15px 0 0 0;}
 +
 
 +
.form_settings p
 +
{ padding: 0 0 4px 0;}
 +
 
 +
.form_settings span
 +
{ float: left;
 +
  width: 200px;
 +
  text-align: left;}
 +
 
 +
.form_settings input, .form_settings textarea
 +
{ padding: 5px;
 +
  width: 299px;
 +
  font: 100% arial;
 +
  border: 1px solid #E5E5DB;
 +
  background: #FFF;
 +
  color: #47433F;}
 +
 
 +
.form_settings .submit
 +
{ font: 100% arial;
 +
  border: 0;
 +
  width: 99px;
 +
  margin: 0 0 0 212px;
 +
  height: 33px;
 +
  padding: 2px 0 3px 0;
 +
  cursor: pointer;
 +
  background: #3B3B3B;
 +
  color: #FFF;}
 +
 
 +
.form_settings textarea, .form_settings select
 +
{ font: 100% arial;
 +
  width: 299px;}
 +
 
 +
.form_settings select
 +
{ width: 310px;}
 +
 
 +
.form_settings .checkbox
 +
{ margin: 4px 0;
 +
  padding: 0;
 +
  width: 14px;
 +
  border: 0;
 +
  background: none;}
 +
 
 +
.separator
 +
{ width: 100%;
 +
  height: 0;
 +
  border-top: 1px solid #D9D5CF;
 +
  border-bottom: 1px solid #FFF;
 +
  margin: 0 0 20px 0;}
 +
 
 +
table
 +
{ margin: 10px 0 30px 0;}
 +
 
 +
table tr th, table tr td
 +
{ background: #3B3B3B;
 +
  color: #FFF;
 +
  padding: 7px 4px;
 +
  text-align: left;}
 +
 
 +
table tr td
 +
{ background: #E5E5DB;
 +
  color: #47433F;
 +
  border-top: 1px solid #FFF;}
 +
 
  
  

Revision as of 18:15, 24 August 2020

html { height: 100%;} * { margin: 0; padding: 0;} body { font: normal .80em 'trebuchet ms', arial, sans-serif; background: #FFF; color: #555;} p { padding: 0 0 20px 0; line-height: 1.7em;} img { border: 0;} h1, h2, h3, h4, h5, h6 { color: #362C20; letter-spacing: 0em; padding: 0 0 5px 0;} h1, h2, h3 { font: normal 170% 'century gothic', arial; margin: 0 0 15px 0; padding: 15px 0 5px 0; color: #000;} h2 { font-size: 160%; padding: 9px 0 5px 0; color: #009FBC;} h3 { font-size: 140%; padding: 5px 0 0 0;} h4, h6 { color: #009FBC; padding: 0 0 5px 0; font: normal 110% arial; text-transform: uppercase;} h5, h6 { color: #888; font: normal 95% arial; letter-spacing: normal; padding: 0 0 15px 0;} a, a:hover { outline: none; text-decoration: underline; color: #AEB002;} a:hover { text-decoration: none;} blockquote { margin: 20px 0; padding: 10px 20px 0 20px; border: 1px solid #E5E5DB; background: #FFF;} ul { margin: 2px 0 22px 17px;} ul li { list-style-type: circle; margin: 0 0 6px 0; padding: 0 0 4px 5px; line-height: 1.5em;} ol { margin: 8px 0 22px 20px;} ol li { margin: 0 0 11px 0;} .left { float: left; width: auto; margin-right: 10px;} .right { float: right; width: auto; margin-left: 10px;} .center { display: block; text-align: center; margin: 20px auto;} #main, #logo, #menubar, #site_content, #footer { margin-left: auto; margin-right: auto;} #header { background: #323534 url(back.png) repeat-x; height: 177px;} #banner { background: transparent url(banner.jpg) no-repeat; width: 860px; height: 180px; margin-bottom: 20px; border: 10px solid #DDD;} #logo { width: 880px; position: relative; height: 140px; background: transparent;} #logo #logo_text { position: absolute; top: 10px; left: 0;} #logo h1, #logo h2 { font: normal 300% 'century gothic', arial, sans-serif; border-bottom: 0; text-transform: none; margin: 0 0 0 9px;} #logo_text h1, #logo_text h1 a, #logo_text h1 a:hover { padding: 22px 0 0 0; color: #FFF; letter-spacing: 0.1em; text-decoration: none;} #logo_text h1 a .logo_colour { color: #E4EC04;} #logo_text a:hover .logo_colour { color: #FFF;} #logo_text h2 { font-size: 120%; padding: 4px 0 0 0; color: #999;} #menubar { width: 880px; height: 46px;} ul#menu { float: right; margin: 0;} ul#menu li { float: left; padding: 0 0 0 9px; list-style: none; margin: 1px 2px 0 0; background: #5A5A5A url(tab.png) no-repeat 0 0;} ul#menu li a { font: normal 100% 'trebuchet ms', sans-serif; display: block; float: left; height: 20px; padding: 6px 35px 5px 28px; text-align: center; color: #FFF; text-decoration: none; background: #5A5A5A url(tab.png) no-repeat 100% 0;} ul#menu li.selected a { height: 20px; padding: 6px 35px 5px 28px;} ul#menu li.selected { margin: 1px 2px 0 0; background: #00C6F0 url(tab_selected.png) no-repeat 0 0;} ul#menu li.selected a, ul#menu li.selected a:hover { background: #00C6F0 url(tab_selected.png) no-repeat 100% 0; color: #FFF;} ul#menu li a:hover { color: #E4EC04;} #site_content { width: 880px; overflow: hidden; margin: 20px auto 0 auto; padding: 0 0 10px 0;} #sidebar_container { float: right; width: 224px;} .sidebar_top { width: 222px; height: 14px; background: transparent url(side_top.png) no-repeat;} .sidebar_base { width: 222px; height: 14px; background: url(side_base.png) no-repeat;} .sidebar { float: right; width: 222px; padding: 0; margin: 0 0 16px 0;} .sidebar_item { background: url(side_back.png) repeat-y; padding: 0 15px; width: 192px;} .sidebar li a.selected { color: #444;} .sidebar ul { margin: 0;} #content { text-align: left; width: 620px; padding: 0 0 0 5px; float: left;} #content ul { margin: 2px 0 22px 0px;} #content ul li, .sidebar ul li { list-style-type: none; background: url(bullet.png) no-repeat; margin: 0 0 0 0; padding: 0 0 4px 25px; line-height: 1.5em;} #footer { width: 100%; font-family: 'trebuchet ms', sans-serif; font-size: 100%; height: 80px; padding: 28px 0 5px 0; text-align: center; background: #3B3939 url(footer.png) repeat-x; color: #A8AA94;} #footer p { line-height: 1.7em; padding: 0 0 10px 0;} #footer a { color: #A8AA94; text-decoration: none;} #footer a:hover { color: #FFF; text-decoration: none;} .search { color: #5D5D5D; border: 1px solid #BBB; width: 134px; padding: 4px; font: 100% arial, sans-serif;} .form_settings { margin: 15px 0 0 0;} .form_settings p { padding: 0 0 4px 0;} .form_settings span { float: left; width: 200px; text-align: left;} .form_settings input, .form_settings textarea { padding: 5px; width: 299px; font: 100% arial; border: 1px solid #E5E5DB; background: #FFF; color: #47433F;} .form_settings .submit { font: 100% arial; border: 0; width: 99px; margin: 0 0 0 212px; height: 33px; padding: 2px 0 3px 0; cursor: pointer; background: #3B3B3B; color: #FFF;} .form_settings textarea, .form_settings select { font: 100% arial; width: 299px;} .form_settings select { width: 310px;} .form_settings .checkbox { margin: 4px 0; padding: 0; width: 14px; border: 0; background: none;} .separator { width: 100%; height: 0; border-top: 1px solid #D9D5CF; border-bottom: 1px solid #FFF; margin: 0 0 20px 0;} table { margin: 10px 0 30px 0;} table tr th, table tr td { background: #3B3B3B; color: #FFF; padding: 7px 4px; text-align: left;} table tr td { background: #E5E5DB; color: #47433F; border-top: 1px solid #FFF;}