Commit eb1d7501 authored by Murukesh Mohanan's avatar Murukesh Mohanan

sysad site redesign

parent f06988d9
This diff is collapsed.
/** Global CSS file, contains common styles.
* Styles for individual pages with page-specific changes
* are provided in the styles/ directory, if needed.
* The styles are arranged thus:
* 1. divs and other named tags.
* 2. Sub-elements of the above.
* 3. Unnamed tags.
* 4. Sub-elements of the above.
*/
#header {
border-bottom: 0.2em solid white;
padding: 0.1em 3%;
margin: 0;
font-variant: small-caps;
font-size: 2em;
text-align: center;
}
/** The #main div is given a min-height so that it isn't
* squished on pages with little content, or for displays
* that are tall (like phones in portrait mode).
* Height obtained by trial-and-error on a Nexus 4
* Chrome browser. Didn't work on a Nexus 4 Opera Mini.
*/
#main {
padding: 1em 2em;
min-height: 42em;
/*margin-left: 15%;
float: right;*/
display: inline-block;
}
/** To be used when CSE enables SSI.
* #footer-include {
* clear: both;
* width: 100%;
* overflow: auto;
* border-top: 0.2em solid white;
* }
*/
#footer {
clear: both;
padding: 2%;
padding-bottom: 1%;
font-size: 80%;
border-top: 0.25em solid white;
}
#contact-comment {
display: none;
}
div.bugs {
/*list-style: none;*/
border: 0.1em gray solid;
padding: 0.5em;
color: black;
background: grey;
box-shadow: 0.1em 0.1em 0.2em 0 rgba(128,128,128,0.75);
border-radius: 0.3em;
}
#bug a, #query a{
color: black;
}
#sidebar li {
margin-bottom: 0.1em;
padding: 0.5em 0.5em;
border-radius: 0.3em;
background-color: #999999;
}
#sidebar a {
text-decoration: none;
}
#sidebar a:visited {
color: black;
}
#main li {
padding: 0.5em 0;
margin-left: 0.5em;
}
#main ul {
margin: 0 0 0.75em 0.75em;
padding: 0;
}
#footer img {
height: 1em;
}
html {
background-color: black; /*#404040;*/
}
body {
font-family: 'Ubuntu Mono', 'Ubuntu', 'Droid Mono', 'Droid', 'Verdana', sans;
/*font-size: 16px;*/
margin: 0 auto;
padding: 0;
color: #121212;
background-color: #CCCCCC;
width: 100%;
/* width: 60em;*/
}
h1 {
font-size: 2em;
}
h3 {
margin-top: 0;
}
code {
font-family: 'Ubuntu Mono', 'Droid Mono', monospace;
color: #0D0;
}
a:link {
color: #022;
}
a:visited {
color: #1387B4;
}
a:hover {
/* text-shadow: 0 0 2px #999;*/
font-weight: bold;
}
ol li, ul ol li {
list-style: decimal;
}
ul li {
/*list-style-image: url("images/not_sign.png");*/
}
.section {
background: white;
color: black;
box-shadow: 0.1em 0.1em 0.2em 0.1em rgba(128,128,128,0.75);
border-radius: 0.5em;
margin-bottom: 1em;
padding: 1em;
text-align: left;
}
@media screen and (orientation:landscape) {
#header h1, #header h2 {
margin: 0;
}
#sidebar {
padding-top: 1%;
/* min-height: 42em;
float: left;*/
display: inline-block;
font-size: 2em;
clear: both;
text-align: right;
height: 100%;
vertical-align: top;
width: 8em;
}
#sidebar ul {
padding: 0;
border-top: 0.1em solid gray;
/*border-bottom: 0.1em solid gray;
border-right: 0.2em solid white;*/
border-radius: 0.3em;
}
#sidebar li {
border-bottom: 0.1em solid gray;
border-right: 0.1em solid gray;
list-style: none;
}
div.bugs {
margin: 0.5em;
display: inline-block;
}
#nav li:hover {
box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75);
}
.top {
float: right;
background: rgb(213, 213, 213);
padding: 0.5em;
/* vertical-align: top; */
border-radius: 0.2em;
border: 0.2em solid gray;
margin-top: -1em;
font-size: 1.5em;
}
#main {
max-width: 70%;
min-width: 22em;
width: 60%;
}
}
@media screen and (orientation:portrait) {
#sidebar {
width: 90%;
/* min-height: 42em;*/
font-size: 2.5em;
clear: both;
text-align: center;
margin: 0 auto;
}
#sidebar ul {
padding: 0;
border-radius: 0.3em;
}
#sidebar li {
border-bottom: 0.1em solid gray;
list-style: none;
border-radius: 0.3em;
margin: 0.2em;
}
div.bugs {
margin: 0.5em;
font-size: 1.5em;
}
#main, body {
text-align: center;
}
}
This diff is collapsed.
/** Global CSS file, contains common styles.
* Styles for individual pages with page-specific changes
* are provided in the styles/ directory, if needed.
* The styles are arranged thus:
* 1. divs and other named tags.
* 2. Sub-elements of the above.
* 3. Unnamed tags.
* 4. Sub-elements of the above.
*/
#header {
border-bottom: 0.2em solid white;
padding: 0.1em 3%;
margin: 0;
font-variant: small-caps;
font-size: 2em;
text-align: center;
}
/** The #main div is given a min-height so that it isn't
* squished on pages with little content, or for displays
* that are tall (like phones in portrait mode).
* Height obtained by trial-and-error on a Nexus 4
* Chrome browser. Didn't work on a Nexus 4 Opera Mini.
*/
#main {
padding: 1em 2em;
min-height: 42em;
/*margin-left: 15%;
float: right;*/
display: inline-block;
}
/** To be used when CSE enables SSI.
* #footer-include {
* clear: both;
* width: 100%;
* overflow: auto;
* border-top: 0.2em solid white;
* }
*/
#footer {
clear: both;
padding: 2%;
padding-bottom: 1%;
font-size: 80%;
border-top: 0.25em solid white;
}
#contact-comment {
display: none;
}
div.bugs {
/*list-style: none;*/
border: 0.1em gray solid;
padding: 0.5em;
color: black;
background: grey;
box-shadow: 0.1em 0.1em 0.2em 0 rgba(128,128,128,0.75);
border-radius: 0.3em;
}
#bug a, #query a{
color: black;
}
#sidebar li {
margin-bottom: 0.1em;
padding: 0.5em 0.5em;
border-radius: 0.3em;
background-color: #999999;
}
#sidebar a {
text-decoration: none;
}
#sidebar a:visited {
color: black;
}
#main li {
padding: 0.5em 0;
margin-left: 0.5em;
}
#main ul {
margin: 0 0 0.75em 0.75em;
padding: 0;
}
#footer img {
height: 1em;
}
html {
background-color: black; /*#404040;*/
}
body {
font-family: 'Ubuntu Mono', 'Ubuntu', 'Droid Mono', 'Droid', 'Verdana', sans;
/*font-size: 16px;*/
margin: 0 auto;
padding: 0;
color: #121212;
background-color: #CCCCCC;
width: 100%;
/* width: 60em;*/
}
h1 {
font-size: 2em;
}
h3 {
margin-top: 0;
}
code {
font-family: 'Ubuntu Mono', 'Droid Mono', monospace;
color: #0D0;
}
a:link {
color: #022;
}
a:visited {
color: #1387B4;
}
a:hover {
/* text-shadow: 0 0 2px #999;*/
font-weight: bold;
}
ol li, ul ol li {
list-style: decimal;
}
ul li {
/*list-style-image: url("images/not_sign.png");*/
}
.section {
background: white;
color: black;
box-shadow: 0.1em 0.1em 0.2em 0.1em rgba(128,128,128,0.75);
border-radius: 0.5em;
margin-bottom: 1em;
padding: 1em;
text-align: left;
}
@media screen and (orientation:landscape) {
#header h1, #header h2 {
margin: 0;
}
#sidebar {
padding-top: 1%;
/* min-height: 42em;
float: left;*/
display: inline-block;
font-size: 2em;
clear: both;
text-align: right;
height: 100%;
vertical-align: top;
width: 8em;
}
#sidebar ul {
padding: 0;
border-top: 0.1em solid gray;
/*border-bottom: 0.1em solid gray;
border-right: 0.2em solid white;*/
border-radius: 0.3em;
}
#sidebar li {
border-bottom: 0.1em solid gray;
border-right: 0.1em solid gray;
list-style: none;
}
div.bugs {
margin: 0.5em;
display: inline-block;
}
#nav li:hover {
box-shadow: 0.1em 0.1em 0.15em 0.05em rgba(100,100,100,0.75);
}
.top {
float: right;
background: rgb(213, 213, 213);
padding: 0.5em;
/* vertical-align: top; */
border-radius: 0.2em;
border: 0.2em solid gray;
margin-top: -1em;
font-size: 1.5em;
}
#main {
max-width: 70%;
min-width: 22em;
width: 60%;
}
}
@media screen and (orientation:portrait) {
#sidebar {
width: 90%;
/* min-height: 42em;*/
font-size: 2.5em;
clear: both;
text-align: center;
margin: 0 auto;
}
#sidebar ul {
padding: 0;
border-radius: 0.3em;
}
#sidebar li {
border-bottom: 0.1em solid gray;
list-style: none;
border-radius: 0.3em;
margin: 0.2em;
}
div.bugs {
margin: 0.5em;
font-size: 1.5em;
}
#main, body {
text-align: center;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment