annotate public/themes/ssamr/stylesheets/application.css @ 1010:76a677c96bce browsing

Layout bits
author Chris Cannam <chris.cannam@soundsoftware.ac.uk>
date Mon, 12 Nov 2012 14:22:39 +0000
parents e297bf495063
children
rev   line source
Chris@2 1 @import url(../../../stylesheets/application.css);
Chris@2 2
Chris@2 3 @font-face
Chris@2 4 {
Chris@2 5 /* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
Chris@2 6 font-family: Tallys;
Chris@2 7 src: url('Tallys_15.otf');
Chris@2 8 }
Chris@2 9
Chris@2 10 @font-face
Chris@2 11 {
Chris@2 12 font-family: Droid;
Chris@2 13 src: url('DroidSans.ttf');
Chris@2 14 }
Chris@2 15
Chris@2 16 @font-face
Chris@2 17 {
Chris@2 18 font-family: Droid;
Chris@2 19 font-weight: bold;
Chris@2 20 src: url('DroidSans-Bold.ttf');
Chris@2 21 }
Chris@2 22
Chris@11 23 @font-face
Chris@11 24 {
Chris@11 25 font-family: Gillius;
Chris@11 26 src: url('GilliusADFNo2-Regular.otf');
Chris@11 27 }
Chris@11 28
Chris@11 29 @font-face
Chris@11 30 {
Chris@11 31 font-family: Gillius;
Chris@11 32 font-weight: bold;
Chris@11 33 src: url('GilliusADFNo2-Bold.otf');
Chris@11 34 }
Chris@11 35
Chris@2 36 body {
Chris@2 37 background: #ffffff;
Chris@2 38 color: #404040;
Chris@2 39 margin: 0;
Chris@2 40 margin-bottom: 40px;
Chris@2 41 /* font-size: 95%; */
Chris@2 42 }
Chris@2 43
Chris@2 44 body,p,h2,h3,h4,li,table {
Chris@2 45 font-family: Droid, tahoma, verdana, sans-serif;
Chris@2 46 }
Chris@2 47
Chris@2 48 h1 {
Chris@2 49 font-family: Tallys, Cambria, Georgia, "Times New Roman", Times, serif;
Chris@2 50 font-weight: normal;
Chris@2 51 }
Chris@2 52
Chris@2 53 h2,h3,h4 {
Chris@2 54 color: #000000;
Chris@2 55 }
Chris@2 56
Chris@2 57 h2 { font-size: 2em; }
Chris@2 58
Chris@2 59 #top-menu { position: absolute; top: 0; z-index: 1; left: 0px; width: 100%; font-size: 80%; height: 2em; padding-top: 0.5em; background-color: #000000; }
Chris@2 60 #top-menu a { font-weight: bold; }
Chris@2 61 #header { position: absolute; z-index: 0; top: 0; width: 100%; background: #ffffff; border-bottom: 2px solid #000; height:80px; padding: 10px 0 0 0; margin-bottom: 0; }
Chris@2 62 #header a { color: #000; }
Chris@2 63 #header h1 { color: #000; text-shadow: #ccc 1px 1px; margin-top: 30px; font-size: 3em; font-weight: normal; margin-left: 0.3em; }
Chris@2 64 #quick-search { margin-right: 6px; margin-top: 2em; color: #000; }
Chris@2 65 #main-menu { position: absolute; top: 90px; background-color: #000000; left: 0; border-top: 0; width: 100%; height: 2em; }
Chris@2 66 #main-menu li { margin: 0; padding: 0; padding-top: 1px; }
Chris@2 67 #main-menu li a { background-color: #000; border-right: 1px solid #fff; font-size: 90%; padding: 4px 8px 4px 8px; font-weight: bold; }
Chris@2 68 #main-menu li a:hover { background-color: #80b0da; color: #ffffff; }
Chris@2 69 #main-menu li a.selected, #main-menu li a.selected:hover { background-color: #80b0da; color: #ffffff; }
Chris@2 70
Chris@2 71 #footer { background-color: #000; border: 0; color: #fff;}
Chris@2 72 #footer a { color: #fff; font-weight: bold; }
Chris@2 73
Chris@2 74 #main { margin-top: 135px; font:95%; background: #e8eaec; }
Chris@2 75 #main a { font-weight: medium; color: #800;}
Chris@2 76 #main a:hover { color: #800; text-decoration: underline; }
Chris@2 77 #content { background: #fff; }
Chris@2 78 /*#content .tabs ul { bottom:-1px; }
Chris@2 79 */
Chris@2 80 h2, h3, h4, .wiki h1, .wiki h2, .wiki h3 { border-bottom: 0px; }
Chris@2 81 /*h2, .wiki h1 { letter-spacing:-1px; }
Chris@2 82 */
Chris@2 83 h4 { border-bottom: dotted 1px #c0c0c0; }
Chris@2 84
Chris@2 85 #top-menu a.home, #top-menu a.my-page, #top-menu a.projects, #top-menu a.administration, #top-menu a.help {
Chris@2 86 background-position: 0% 40%;
Chris@2 87 background-repeat: no-repeat;
Chris@2 88 padding-left: 20px;
Chris@2 89 padding-top: 2px;
Chris@2 90 padding-bottom: 3px;
Chris@2 91 }
Chris@2 92
Chris@2 93 #top-menu a.home { background-image: url(../images/home.png); }
Chris@2 94 #top-menu a.my-page { background-image: url(../../../images/user.png); }
Chris@2 95 #top-menu a.projects { background-image: url(../../../images/projects.png); }
Chris@2 96 #top-menu a.administration { background-image: url(../images/wrench.png); }
Chris@2 97 #top-menu a.help { background-image: url(../../../images/help.png); }