an id-selector appears once in an html file, a class can appear multiple times */
.smallest {
font-size: 0.5em;
}
.left {
text-align:left;
}
.main-text-class {
margin-left: 0;
margin-right: 50px;
margin-bottom: 20px;
padding-bottom:20px;
border-bottom: solid #000000 1px;
}
/* CONTROLLING LAYOUT */
/* define id-selectors used with
to specify elements */
/* syntax to apply this is: s for navbar and main-text */
#content {
position: relative ;
margin: 0 ;
padding: 0 ;
width: 100% ;
}
/* navbar's parent is content - it appears above navbar in the html */
/* so absolute position is at content,0,0 and content is relative to header */
#navbar {
float: left;
width: 15%;
top: 0px;
left: 0px;
right:20px;
border-right: solid #000000 1px;
}
#navbar ul {
margin: 0px;
padding: 0px;
padding-top: 20px;
}
/* overriding list item element properties for a u-list in "navbar" */
#navbar ul li {
display:block;
list-style-type: none;
margin: 0px;
padding: 3px 5px 3px 10px;
font-weight: bold;
border-bottom: black solid 1px;
}
#navbar ul ul {
margin: 0px;
padding-top: 0px;
padding-left: 10px;
}
#navbar ul ul li {
margin: 0p 0px 0px 0px;
padding-top: 0px;
padding-left: 10px;
}
/* adding syntax to make link appearance different... */
#navbar ul li a:link, #navbar ul li a:visited {
text-decoration:none;
}
#navbar ul li a:hover {
color: lightblue;
background-color: black;
}
#main-text {
margin-left: 16%;
margin-right: 50px;
background-color:white;
/* border-left: solid #000000 1px; */
padding: 10px;
padding-left: 20px;
text-align:left;
}
#main-text p{
margin-right: 50px;
padding-left:40px;
}
#main-text ul {
margin-left:40px;
}
#main-text1 {
margin-left: 5%;
margin-right: 5px;
padding-left:10px;
padding-bottom:20px;
border-bottom: solid #000000 1px;
}
#main-text2{
margin-right: 5%;
margin-left: 9%;
margin-bottom: 20px;
padding-left:10px;
padding-bottom:20px;
border-bottom: solid #000000 1px;
}
ul#list-of-links {
margin-right: 50px;
list-style-type: none;
padding: 0;
margin:0;
position: relative;
color: black;
background: lightblue;
}
ul#list-of-links li {
text-align: right;
font-weight: bold;
}
ul#event-list {
list-style-type: none;
padding:0.2;
margin:0;
margin-right: 50px;
position: relative;
}
.event-list{
list-style-type: none;
padding:0.2;
margin:0;
position: relative;
}
ul.plain-list {
list-style-type: none;
padding: 0.5;
margin: 0;
position: relative;
}
li.plain-list {
font-weight:normal;
}
.right {
margin-right: 50px;
text-align: right;
}
h2.left {
text-align:left;
}
ul#event-list li {
text-allign: left;
}
ul.date-time-placelist {
list-style-type: none;
padding: 0;
margin:100;
position: relative;
color: black;
background: lightblue;
}
.item-bold {
font-size: 1.1em;
font-weight: bold
}
.item-weak {
font-size:1.1em;
}
.item-ital {
font-style: italic;
font-size:1.1em;
}
ul.date-time-placelist li {
text-align: center;
font-weight: bold;
}