From 7167950cc42e176409e0b42059425dd37794a79a Mon Sep 17 00:00:00 2001 From: Kyle Fiedler Date: Wed, 11 Jan 2012 12:44:36 -0500 Subject: [PATCH] add styles --- css/application.css | 436 ++++++++++++++++++++++++++++++++------------ 1 file changed, 315 insertions(+), 121 deletions(-) diff --git a/css/application.css b/css/application.css index be6fd1ccc2..7bc5b40eef 100644 --- a/css/application.css +++ b/css/application.css @@ -1,5 +1,5 @@ html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, +h1, h2, h3, div.wiki-wrapper div#wiki_panel input[type="button"], h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, @@ -56,7 +56,7 @@ blockquote, q { font-weight: bold; src: local("Droid Sans Bold"), local("DroidSans-Bold"), url("http://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff") format("woff"); } -.clearfix:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after { +.clearfix:after, .topbar:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body div.header-wrapper header:after, html body div.header-wrapper header nav ul:after, html body section.main-content:after, html footer:after, div.course-wrapper section.course-content ol.vert-mod li:after, div.book-wrapper section.book nav ul:after, div.wiki-wrapper div#wiki_panel div#wiki_create_form:after { content: "."; display: block; height: 0; @@ -108,6 +108,105 @@ blockquote, q { background-image: linear-gradient(top, #a2a2a2, #7b7b7b); border: 1px solid #555555; } +.content, div.wiki-wrapper section.wiki-body { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + display: table-cell; + padding: 22.652px; + vertical-align: top; + width: 74.494%; } + +.sidebar, div.course-wrapper div#accordion, div.book-wrapper ul#booknav, div.wiki-wrapper div#wiki_panel { + -webkit-box-shadow: inset -1px 0 0 #f6f6f6; + -moz-box-shadow: inset -1px 0 0 #f6f6f6; + -ms-box-shadow: inset -1px 0 0 #f6f6f6; + -o-box-shadow: inset -1px 0 0 #f6f6f6; + box-shadow: inset -1px 0 0 #f6f6f6; + background: #e3e3e3; + border-right: 1px solid #d3d3d3; + display: table-cell; + font-family: "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + text-shadow: 0 1px 0 #f1f1f1; + vertical-align: top; + width: 23.482%; + position: relative; } + .sidebar h3, div.course-wrapper div#accordion h3, div.book-wrapper ul#booknav h3, div.wiki-wrapper div#wiki_panel h3, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"], div.wiki-wrapper div#wiki_panel input[type="button"] { + -webkit-box-shadow: 0 1px 0 #eeeeee; + -moz-box-shadow: 0 1px 0 #eeeeee; + -ms-box-shadow: 0 1px 0 #eeeeee; + -o-box-shadow: 0 1px 0 #eeeeee; + box-shadow: 0 1px 0 #eeeeee; + background: none; + border: none; + border-bottom: 1px solid #d3d3d3; + color: #000; + font-weight: normal; + margin: 0; + overflow: hidden; } + .sidebar h3 a, div.course-wrapper div#accordion h3 a, div.book-wrapper ul#booknav h3 a, div.wiki-wrapper div#wiki_panel h3 a, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a, div.wiki-wrapper div#wiki_panel input[type="button"] a { + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + color: #4d4d4d; + display: block; + font-size: 14px; + padding: 7px 7px 7px 30px; + text-decoration: none; } + .sidebar h3 a:hover, div.course-wrapper div#accordion h3 a:hover, div.book-wrapper ul#booknav h3 a:hover, div.wiki-wrapper div#wiki_panel h3 a:hover, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] a:hover, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] a:hover, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] a:hover, div.wiki-wrapper div#wiki_panel input[type="button"] a:hover { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + background: #efefef; } + .sidebar h3 span.ui-icon, div.course-wrapper div#accordion h3 span.ui-icon, div.book-wrapper ul#booknav h3 span.ui-icon, div.wiki-wrapper div#wiki_panel h3 span.ui-icon, .sidebar div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel .sidebar input[type="button"] span.ui-icon, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] span.ui-icon, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input[type="button"] span.ui-icon, div.wiki-wrapper div#wiki_panel input[type="button"] span.ui-icon { + background-image: url(images/ui-icons_454545_256x240.png); } + .sidebar h3.active, div.course-wrapper div#accordion h3.active, div.book-wrapper ul#booknav h3.active, div.wiki-wrapper div#wiki_panel h3.active, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"], .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"], div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"], div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"], div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"], div.wiki-wrapper div#wiki_panel input.active[type="button"] { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; + background: none; + border: 0; + border-bottom: 1px solid #bbb; + color: #000; + font-weight: bold; } + .sidebar h3.active a, div.course-wrapper div#accordion h3.active a, div.book-wrapper ul#booknav h3.active a, div.wiki-wrapper div#wiki_panel h3.active a, .sidebar div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion .sidebar h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.book-wrapper ul#booknav div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.book-wrapper ul#booknav h3.ui-accordion-header.ui-state-active a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel h3.ui-accordion-header.ui-state-active a, .sidebar div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion .sidebar input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion div.book-wrapper ul#booknav input.ui-accordion-header.ui-state-active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-active[type="button"] a, .sidebar div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel .sidebar input.active[type="button"] a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.active[type="button"] a, div.book-wrapper ul#booknav div.wiki-wrapper div#wiki_panel input.active[type="button"] a, div.wiki-wrapper div#wiki_panel div.book-wrapper ul#booknav input.active[type="button"] a, div.wiki-wrapper div#wiki_panel input.active[type="button"] a { + color: #000; } + +.topbar, div.book-wrapper section.book nav, div.wiki-wrapper section.wiki-body header { + background: #F6EFD4; + border-bottom: 1px solid #eddfaa; + margin: -22.652px -22.652px 22.652px; + font-size: 12px; + text-shadow: 0 1px 0 #fff; } + .topbar a, div.book-wrapper section.book nav a, div.wiki-wrapper section.wiki-body header a { + text-transform: uppercase; + color: #292309; } + .topbar a:hover, div.book-wrapper section.book nav a:hover, div.wiki-wrapper section.wiki-body header a:hover { + color: #7e691a; } + h1 { font-size: 1.6em; margin: 20px 0 10px 0; } @@ -240,91 +339,52 @@ html { div.course-wrapper { display: table; width: 100%; } - div.course-wrapper div#accordion { - -webkit-box-shadow: inset -1px 0 0 #f6f6f6; - -moz-box-shadow: inset -1px 0 0 #f6f6f6; - -ms-box-shadow: inset -1px 0 0 #f6f6f6; - -o-box-shadow: inset -1px 0 0 #f6f6f6; - box-shadow: inset -1px 0 0 #f6f6f6; - background: #e3e3e3; - border-right: 1px solid #d3d3d3; - display: table-cell; - font-family: "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; + div.course-wrapper div#accordion h3, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"] { overflow: hidden; - text-shadow: 0 1px 0 #f1f1f1; - vertical-align: top; - width: 23.482%; } - div.course-wrapper div#accordion h3 { - overflow: hidden; - margin: 0; } - div.course-wrapper div#accordion h3:last-child { - -webkit-box-shadow: none; - -moz-box-shadow: none; - -ms-box-shadow: none; - -o-box-shadow: none; - box-shadow: none; } - div.course-wrapper div#accordion h3.ui-accordion-header { - color: #000; } - div.course-wrapper div#accordion h3.ui-accordion-header a { - font-size: 14px; - color: #4d4d4d; } - div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-default { - -webkit-box-shadow: 0 1px 0 #eeeeee; - -moz-box-shadow: 0 1px 0 #eeeeee; - -ms-box-shadow: 0 1px 0 #eeeeee; - -o-box-shadow: 0 1px 0 #eeeeee; - box-shadow: 0 1px 0 #eeeeee; - background: none; - border: none; - border-bottom: 1px solid #d3d3d3; - font-weight: normal; } - div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-default span.ui-icon { - background-image: url(images/ui-icons_454545_256x240.png); } - div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-hover { - border: none; - border-bottom: 1px solid #d3d3d3; } - div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active { - -webkit-box-shadow: none; - -moz-box-shadow: none; - -ms-box-shadow: none; - -o-box-shadow: none; - box-shadow: none; - background: none; - border: 0; - border-bottom: 1px solid #bbb; - color: #000; - font-weight: bold; } - div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-active a { - color: #000; } - div.course-wrapper div#accordion ul.ui-accordion-content { - -webkit-border-radius: 0; - -moz-border-radius: 0; - -ms-border-radius: 0; - -o-border-radius: 0; - border-radius: 0; - -webkit-box-shadow: inset -1px 0 0 #e6e6e6; - -moz-box-shadow: inset -1px 0 0 #e6e6e6; - -ms-box-shadow: inset -1px 0 0 #e6e6e6; - -o-box-shadow: inset -1px 0 0 #e6e6e6; - box-shadow: inset -1px 0 0 #e6e6e6; - background: #d6d6d6; - border: none; - border-bottom: 1px solid #c3c3c3; - font-size: 12px; - margin: 0; - overflow: hidden; } - div.course-wrapper div#accordion ul.ui-accordion-content li.active { - font-weight: bold; } - div.course-wrapper div#accordion ul.ui-accordion-content li a { - text-decoration: none; - margin-bottom: 22.652px; - display: block; } - div.course-wrapper div#accordion ul.ui-accordion-content li a:hover { + margin: 0; } + div.course-wrapper div#accordion h3:last-child, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input[type="button"]:last-child, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input[type="button"]:last-child { + -webkit-box-shadow: none; + -moz-box-shadow: none; + -ms-box-shadow: none; + -o-box-shadow: none; + box-shadow: none; } + div.course-wrapper div#accordion h3.ui-accordion-header, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header[type="button"] { + color: #000; } + div.course-wrapper div#accordion h3.ui-accordion-header a, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header[type="button"] a, div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header[type="button"] a { + font-size: 14px; + color: #4d4d4d; } + div.course-wrapper div#accordion h3.ui-accordion-header.ui-state-hover, div.course-wrapper div#accordion div.wiki-wrapper div#wiki_panel input.ui-accordion-header.ui-state-hover[type="button"], div.wiki-wrapper div#wiki_panel div.course-wrapper div#accordion input.ui-accordion-header.ui-state-hover[type="button"] { + border: none; + border-bottom: 1px solid #d3d3d3; } + div.course-wrapper div#accordion ul.ui-accordion-content { + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: inset -1px 0 0 #e6e6e6; + -moz-box-shadow: inset -1px 0 0 #e6e6e6; + -ms-box-shadow: inset -1px 0 0 #e6e6e6; + -o-box-shadow: inset -1px 0 0 #e6e6e6; + box-shadow: inset -1px 0 0 #e6e6e6; + background: #d6d6d6; + border: none; + border-bottom: 1px solid #c3c3c3; + font-size: 12px; + margin: 0; + overflow: hidden; } + div.course-wrapper div#accordion ul.ui-accordion-content li.active { + font-weight: bold; } + div.course-wrapper div#accordion ul.ui-accordion-content li a { + text-decoration: none; + margin-bottom: 22.652px; + display: block; } + div.course-wrapper div#accordion ul.ui-accordion-content li a:hover { + color: #666; } + div.course-wrapper div#accordion ul.ui-accordion-content li a p { + margin-bottom: 0; } + div.course-wrapper div#accordion ul.ui-accordion-content li a p.subtitle { color: #666; } - div.course-wrapper div#accordion ul.ui-accordion-content li a p { - margin-bottom: 0; } - div.course-wrapper div#accordion ul.ui-accordion-content li a p.subtitle { - color: #666; } div.course-wrapper section.course-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -348,6 +408,7 @@ div.course-wrapper { div.course-wrapper section.course-content ol.sequence-nav { margin-bottom: 22.652px; } div.course-wrapper section.course-content ol.sequence-nav li { + border: none; cursor: pointer; display: table-cell; min-width: 30px; @@ -356,13 +417,15 @@ div.course-wrapper { div.course-wrapper section.course-content div.video-wrapper { float: left; width: 640px; - min-height: 500px; } + min-height: 620px; } div.course-wrapper section.course-content div.video-wrapper section ul { display: inline-block; } div.course-wrapper section.course-content div.video-wrapper section ul li { margin-top: 5px; display: inline-block; - cursor: pointer; } + cursor: pointer; + border: 0; + padding: 0; } div.course-wrapper section.course-content div.video-wrapper section ul li div:empty { display: none; } div.course-wrapper section.course-content div.video-wrapper section div#slider { @@ -380,34 +443,25 @@ div.course-wrapper { float: left; } div.course-wrapper section.course-content ol.subtitles li { margin-bottom: 8px; - cursor: pointer; } + cursor: pointer; + border: 0; + padding: 0; + color: #666; } div.course-wrapper section.course-content ol.subtitles li.current { - background-color: #f3f3f3; } + background-color: #f3f3f3; + color: #333; } div.course-wrapper section.course-content ol.subtitles li:hover { color: #993333; } div.book-wrapper { display: table; } div.book-wrapper ul#booknav { - -webkit-box-shadow: inset -1px 0 0 #f6f6f6; - -moz-box-shadow: inset -1px 0 0 #f6f6f6; - -ms-box-shadow: inset -1px 0 0 #f6f6f6; - -o-box-shadow: inset -1px 0 0 #f6f6f6; - box-shadow: inset -1px 0 0 #f6f6f6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; - background: #e3e3e3; - border-right: 1px solid #d3d3d3; - font-family: "Droid Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; - padding: 22.652px; - text-shadow: 0 1px 0 #f6f6f6; - vertical-align: top; - width: 23.482%; - min-width: 240px; - display: table-cell; } + padding: 22.652px; } div.book-wrapper ul#booknav li ul { background: none; } div.book-wrapper section.book { @@ -420,23 +474,12 @@ div.book-wrapper { vertical-align: top; width: 76.518%; display: table-cell; } - div.book-wrapper section.book nav { - background: #F6EFD4; - border-bottom: 1px solid #eddfaa; - margin: -22.652px -22.652px 22.652px; } - div.book-wrapper section.book nav ul li { - padding: 15px; } - div.book-wrapper section.book nav ul li.last { - float: left; } - div.book-wrapper section.book nav ul li.next { - float: right; } - div.book-wrapper section.book nav ul li a { - font-size: 12px; - text-transform: uppercase; - color: #292309; - text-shadow: 0 1px 0 #fff; } - div.book-wrapper section.book nav ul li a:hover { - color: #7e691a; } + div.book-wrapper section.book nav ul li { + padding: 15px; } + div.book-wrapper section.book nav ul li.last { + float: left; } + div.book-wrapper section.book nav ul li.next { + float: right; } div.book-wrapper section.book section.page img { border: 1px solid #dddddd; } @@ -468,6 +511,157 @@ div.profile-wrapper { display: inline-block; padding-right: 1em; } +form#wiki_revision label { + display: block; + margin-bottom: 7px; } +form#wiki_revision textarea { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 20px; + min-height: 300px; + width: 100%; } +form#wiki_revision input[type="text"] { + width: 50%; } +form#wiki_revision input[type="submit"] { + display: block; + margin-top: 20px; } + +div.wiki-wrapper { + display: table; + width: 100%; } + div.wiki-wrapper div#wiki_panel { + overflow: auto; } + div.wiki-wrapper div#wiki_panel input[type="button"] { + color: #4d4d4d; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + font-size: 14px; + margin: 0 !important; + padding: 7px 7px 7px 30px; + text-align: left; + width: 100%; } + div.wiki-wrapper div#wiki_panel input[type="button"]:hover { + -webkit-box-shadow: 0 1px 0 white; + -moz-box-shadow: 0 1px 0 white; + -ms-box-shadow: 0 1px 0 white; + -o-box-shadow: 0 1px 0 white; + box-shadow: 0 1px 0 white; + background: #efefef; } + div.wiki-wrapper div#wiki_panel ul li.create-article { + position: relative; } + div.wiki-wrapper div#wiki_panel ul li.create-article h3, div.wiki-wrapper div#wiki_panel ul li.create-article input[type="button"] { + position: relative; } + div.wiki-wrapper div#wiki_panel ul li.create-article h3:before, div.wiki-wrapper div#wiki_panel ul li.create-article input[type="button"]:before { + background: blue url(images/ui-icons_454545_256x240.png) -32px -16px no-repeat; + display: block; + position: absolute; + top: 0; + right: 0; + width: 16px; + height: 16px; } + div.wiki-wrapper div#wiki_panel ul li.create-article h3:hover:before, div.wiki-wrapper div#wiki_panel ul li.create-article input[type="button"]:hover:before { + background-image: url(images/ui-icons_454545_256x240.png) -64px -16px no-repeat; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form { + padding: 15px; + background: #d6d6d6; + border-bottom: 1px solid #bbb; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form input[type="text"] { + margin-bottom: 6px; + display: block; + width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form ul li { + float: left; } + div.wiki-wrapper div#wiki_panel div#wiki_create_form ul li#cancel { + float: right; + margin-top: 10px; } + div.wiki-wrapper section.wiki-body header p { + float: left; + padding: 15px; + margin-bottom: 0; + color: #937b1f; + line-height: 1em; } + div.wiki-wrapper section.wiki-body header ul { + float: right; } + div.wiki-wrapper section.wiki-body header ul li { + float: left; } + div.wiki-wrapper section.wiki-body header ul li input[type="button"] { + -webkit-box-shadow: inset 1px 0 0 #faf7e9; + -moz-box-shadow: inset 1px 0 0 #faf7e9; + -ms-box-shadow: inset 1px 0 0 #faf7e9; + -o-box-shadow: inset 1px 0 0 #faf7e9; + box-shadow: inset 1px 0 0 #faf7e9; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -ms-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; + -webkit-transition-property: all; + -moz-transition-property: all; + -ms-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.15s; + -moz-transition-duration: 0.15s; + -ms-transition-duration: 0.15s; + -o-transition-duration: 0.15s; + transition-duration: 0.15s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -ms-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + -webkit-transition-delay: 0; + -moz-transition-delay: 0; + -ms-transition-delay: 0; + -o-transition-delay: 0; + transition-delay: 0; + background: #f2e7bf; + border: 0; + border-left: 1px solid #e4d080; + color: #292309; + text-shadow: none; + font-weight: normal; + font-size: 12px; + text-transform: uppercase; + letter-spacing: 1px; + padding: 15px; + margin: 0; } + div.wiki-wrapper section.wiki-body header ul li input[type="button"]:hover { + background: none; } + div.wiki-wrapper section.wiki-body h1.wiki-title { + font-weight: bold; + padding-bottom: 10px; + margin-bottom: 20px; + border-bottom: 1px solid #ccc; } + div.wiki-wrapper section.wiki-body p { + line-height: 1.6em; } + /* ---------------------------------------------------------------------------------------- @@ -497,7 +691,7 @@ h1 { h2 { clear: both; } -h3 { +h3, div.wiki-wrapper div#wiki_panel input[type="button"] { font-size: 1em; margin: 20px 0 5px 0; clear: both; }