/* CSS Document */ /* CIM 272 Final Project Stylesheet Author: Michael Sweet Date: 10/20/2011 Filename: sbtdedonno.css Supporting Files: banner35.gif, bokeh1.jpg - No copyright restrictions */ /* Regular story body links */ a:link {color:#7A370C;} a:visited {color:#7A370C;} a:hover {color:#0F9CA3;} a:active {color:#7A370C;} /* Side Navigation */ header, div#pageHeader { background: -moz-linear-gradient(top, #000, #333, #000); background: -webkit-linear-gradient(top, #000, #333, #000); background: -o-linear-gradient(top, #000, #333, #000); background: -ms-linear-gradient(top, #000, #333, #000); margin-left: -140px; margin-right:20px; margin-top: 178px; width: auto;; float: left; } header, div#pageHeader a:link { display:list-item; list-style:none; text-decoration:none; padding:10px; color: #666; font-size:.8em; font-weight:bold; text-align:left; } header, div#pageHeader a:visited { list-style:none; text-decoration:none; padding:10px; color: #666; font-weight:bold; text-align:left; } header, div#pageHeader a:hover { list-style:none; text-decoration:none; padding:10px; color: #666; background-color: #999; font-style:oblique; text-shadow: 0 1px 0 #AAA, 0 -1px 0 #000; font-weight:bold; text-align:left; } header, div#pageHeader a:active { list-style:none; text-decoration:none; padding:10px; color: #666; text-shadow: 0 1px 0 #AAA, 0 -1px 0 #000; font-weight:bold; text-align:left; } /* Main navigation */ /* Set style for current page link */ body#index div#navLocal #localIndex, body#assignment div#navLocal #localAssignment, body#project div#navLocal #localProject, body#schedule div#navLocal #localSchedule, body#syllabus div#navLocal #localSyllabus { color: #CCC; text-shadow: 0 0 2px #CCC; } /* Add pipe to separate links */ div#navLocal #localIndex:after, div#navLocal #localAssignment:after, div#navLocal #remoteClassDetail:after, div#navLocal #localSample:after, div#navLocal #localProject:after, div#navLocal #localSchedule:after, div#navLocal #localSyllabus:after { content: " | "; padding-right:22px; padding-left:22px; } /* Style block to position main navigation */ #navLocal { margin-bottom:20px; margin-top:83px; margin-left:45px; } /* Set style for links */ div#navLocal a { font-size:0.8em; text-decoration:none; color: #666; display:inline-block; text-align:center; } div#navLocal a:hover { color: #CCC; text-shadow: 0 0 2px #CCC; } /* Set background and font-family for all pages */ /* was body.cim298 */ body { background-color: #000; background: -moz-linear-gradient(left, #54161b, #121328, #034448, #000 2%, #000); background: -webkit-linear-gradient(left, #54161b, #121328, #034448, #000 2%, #000 97%, #034448, #121328, #54161b); background: -o-linear-gradient(left, #54161b, #121328, #034448, #000 2%, #000 97%, #034448, #121328, #54161b); margin-left:200px; font-family:Verdana, Geneva, sans-serif; min-width:1280px; } /* Set styles for banner */ #pageBody { background-image:url(banner35c.gif); background-repeat:no-repeat; background-position:top left; padding-top:20px; margin-bottom:0px; margin-left:20px; } /* Hide page name - hope that's ok */ #pageName { visibility:hidden; } /* Style rules for div block holding the main image */ #pageContent { background-image:url(Bokeh1.jpg); background-repeat:repeat-y; width:960px; margin:auto; margin-top:0px; margin-left:0px; border:2px solid #CCC; border-top-left-radius:25px; border-top-right-radius:25px; } /* Set styles for the tables holding text on each page */ /* Style rules for the table headers, and cells on the Assignment page */ #assignmentTable { margin:15px; } #assignmentTable td { background-color:#FFF; } #assignmentTable th { background-color:rgba(0,0,0,0.7); color:#CCC; } #assignmentTable .feature { background-color:rgba(0,0,0,0.1); border-radius:5px; color:#CCC; font-weight:bold; text-align:center; } #assignmentTable .number { background-color:rgba(0,0,0,0.7); border-radius:5px; color:#CCC; font-weight:bold; border-top-left-radius:15px; border-bottom-left-radius:15px; } #assignmentTable .date { background-color:rgba(0,0,0,0.7); border-radius:5px; color:#CCC; font-weight:bold; text-align:center; border-top-right-radius:15px; border-bottom-right-radius:15px; } /* Style rules specific to the index page */ #indexTable td { padding:5px; background-color:transparent; } #indexTable #book { text-align:center; } #indexTable .feature p { background-color:rgba(0,0,0,0.7); color:#CCC; border-radius:50px; text-align:center; visibility:visible; } td.feature h3 {font-size:1.1em; font-weight:bold; background-color:rgba(0,0,0,0.7); color: #CCC; text-shadow: 0 1px 0 #777, 0 -1px 0 #000; border-radius:15px; text-indent: 5px; letter-spacing:2px; padding-top:4px; padding-bottom:4px; } table#indexTable div.storyHeader { font-size: 1.1em; font-weight:bold; color: #CCC; background-color:rgba(0,0,0,0.7); text-shadow: 0 1px 0 #777, 0 -1px 0 #000; letter-spacing:2px; text-indent: 5px; border-top-left-radius:15px; border-top-right-radius:15px; padding-top:4px; padding-bottom:4px; } table#indexTable div.storyBody { font-size:.9em; padding:10px; background-color:#FFF; border-bottom-left-radius:15px; border-bottom-right-radius:15px; color:#000; } /* Style rules for the web design certificate and course links on the headers for each section */ #storyMain .storyBody:first-letter, #storyMain2 .storyBody p:first-letter { font-size:1.2em; font-weight:bold; } #storyMain .storyBody:first-line, #storyMain2 .storyBody p:first-line {font-variant:small-caps;} #storyMain2 .storyHeader a, .storyLeft .storyHeader a, .storyRight .storyHeader a { color: #7A370C; text-decoration:none; } #storyMain2 .storyHeader a:hover, .storyLeft .storyHeader a:hover, .storyRight .storyHeader a:hover { color: #0F9CA3; text-decoration:none; } /* Style rules for the project page content */ ol.projectList { background-color:#FFF; border-radius:15px; color:#000; margin:10px; } #pageContent div.storyBody { color:#CCC; background-color:rgba(100,100,100,0.2); margin-left:4px; } div#pageContent div.story#storyMain div.storyHeader { font-weight:bold; color:#CCC; text-align:center; padding-top:5px; padding-bottom:5px; } /* Style rules for the Schedule page table */ #scheduleTable { text-align:center; width:95%; padding:10px; padding-left:30px; padding-right:0px; } table#scheduleTable td { background-color:#FFF; } table#scheduleTable th { background-color:rgba(0,0,0,0.7); color:#CCC; border-radius:15px; } table#scheduleTable td.feature { border-radius:15px; background-color:rgba(0,0,0,0.7); color:#CCC; font-weight:bold; } table#scheduleTable td.number { border-top-left-radius:5px; border-bottom-left-radius:5px; } table#scheduleTable td.date { border-top-right-radius:5px; border-bottom-right-radius:5px; } table#scheduleTable td.description { text-align:left; padding-left:3px; } div#syllabusHeader { border-radius:15px; background-color:rgba(0,0,0,0.7); color:#CCC; padding-left:4px; padding-right:4px; text-align:center; } table#syllabusHeaderTable td.number { border-radius:15px; background-color:rgba(0,0,0,0.7); color:#CCC; } /* Style rules for the story header for each section of the syllabus */ div.story#courseDescription div.storyHeader, div.story#courseObjectives div.storyHeader, div.story#requiredText div.storyHeader, div.story#syllabusGrading div.storyHeader, div.story#droppingClass div.storyHeader, div.story#regradingPolicy div.storyHeader, div.story#disabilities div.storyHeader { font-weight:bold; color:#CCC; background-color:rgba(0,0,0,0.7); text-align:center; padding-top:5px; padding-bottom:5px; border-top-left-radius:15px; border-top-right-radius:15px; margin-right:5px; margin-left:5px; margin-top:5px; } /* Style rules for the content for each section of the syllabus */ div.story#courseDescription div.storyBody, div.story#courseObjectives div.storyBody, div.story#requiredText div.storyBody, div.story#syllabusGrading div.storyBody, div.story#droppingClass div.storyBody, div.story#regradingPolicy div.storyBody, div.story#disabilities div.storyBody { font-size:.9em; padding:10px; margin-right:5px; margin-left:5px; background-color:#FFF; border-bottom-left-radius:15px; border-bottom-right-radius:15px; color:#000; } /* Style rules for page footer */ #pageFooter { display:list-item; font-size:.7em; width:960px; color:#CCC; list-style:none; text-align:center; border: 2px solid #CCC; border-bottom-left-radius:15px; border-bottom-right-radius:15px; margin-top:4px; margin-left:20px; }