From 823dd387755083a416a7a97a241b405e7901d4de Mon Sep 17 00:00:00 2001 From: Petko Bordjukov Date: Tue, 2 Sep 2014 16:31:20 +0300 Subject: [PATCH] Copy over stylesheets from the OpenFest site --- app/assets/stylesheets/application.css | 9 +- .../library/layouts/2c-r-fixed.css | 68 ++ .../stylesheets/library/styles/default.css | 1062 +++++++++++++++++ .../stylesheets/library/styles/images.css | 64 + .../stylesheets/library/styles/openfest.css | 34 + .../stylesheets/library/styles/plugins.css | 27 + .../stylesheets/library/styles/reset.css | 64 + .../stylesheets/library/styles/typography.css | 141 +++ app/views/layouts/application.html.slim | 1 - 9 files changed, 1468 insertions(+), 2 deletions(-) create mode 100644 app/assets/stylesheets/library/layouts/2c-r-fixed.css create mode 100644 app/assets/stylesheets/library/styles/default.css create mode 100644 app/assets/stylesheets/library/styles/images.css create mode 100644 app/assets/stylesheets/library/styles/openfest.css create mode 100644 app/assets/stylesheets/library/styles/plugins.css create mode 100644 app/assets/stylesheets/library/styles/reset.css create mode 100644 app/assets/stylesheets/library/styles/typography.css diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index ab1028f..8c6508f 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -10,7 +10,14 @@ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * - *= require_tree . + *= require library/styles/reset + *= require library/styles/typography + *= require library/layouts/2c-r-fixed + *= require library/styles/images + *= require library/styles/default + *= require library/styles/plugins + *= require library/styles/openfest + *= require_directory . *= require_self */ diff --git a/app/assets/stylesheets/library/layouts/2c-r-fixed.css b/app/assets/stylesheets/library/layouts/2c-r-fixed.css new file mode 100644 index 0000000..dac6a75 --- /dev/null +++ b/app/assets/stylesheets/library/layouts/2c-r-fixed.css @@ -0,0 +1,68 @@ +/* +LAYOUT: One-Column (Right) Fixed +DESCRIPTION: Two-column 950px fixed layout with one sidebar right of content +*/ + +body { + min-width:1000px; +} +#header { + position:relative; +} +#branding { + width:980px; + margin:0 auto; +} +#access { + position:relative; + overflow:hidden; +} +.menu { + width:980px; + margin:0 auto; +} +#main { + width:1000px; + margin:0 auto; + overflow:hidden; + position:relative; +} +#container { + width:620px; + float:left; +} +#content { + margin:0 0 0 10px; + width:640px; + overflow:hidden; +} +.main-aside { + width:300px; + float:right; + position:relative; + right:10px; +} +#primary, #secondary, #ternary { + clear:right; +} +#footer { + clear:both; +} +#subsidiary { + width:940px; + margin:0 auto; + overflow:hidden; +} +#subsidiary .aside { + width:300px; + float:left; + margin:0 20px 0 0; +} +#subsidiary #third { + margin:0; +} +#siteinfo { + clear:both; + width:940px; + margin:0 auto; +} diff --git a/app/assets/stylesheets/library/styles/default.css b/app/assets/stylesheets/library/styles/default.css new file mode 100644 index 0000000..945208b --- /dev/null +++ b/app/assets/stylesheets/library/styles/default.css @@ -0,0 +1,1062 @@ + +/* =Global Elements +-------------------------------------------------------------- */ + +body, input, textarea { + font: 15px Georgia,serif; + line-height:22px; +} +p, ul, ol, dd, pre { + margin-bottom:22px; +} +pre, code { + font:14px Monaco, monospace; + line-height:22px; +} +blockquote { + color:#666; + font-style:italic; +} +table { + border:1px solid #ccc; + border-width:1px 1px 0 1px; + font-size:13px; + line-height:18px; + margin:0 0 22px 0; + text-align:left; +} +caption { + text-align:left; +} +tr { + border-bottom:1px solid #ccc; +} +th, td { + padding: .7em 1.25em; +} +hr { + background-color:#ccc; + border:0; + color:#ccc; + height:1px; + margin-bottom:22px; +} +a:link { + color:#004B91; +} +a:visited { + color:#743399; +} +a:active, +a:hover { + color: #193A84; +} + + +/* =Header +-------------------------------------------------------------- */ + +#header { + z-index:2; + background-color: #f1f1f1; +} +#branding { + padding: 22px 0 36px 0; +} +#blog-title { + font-family: Arial,sans-serif; + font-size:44px; + font-weight:bold; + line-height:55px; + height: 70px; +} +#blog-title img { + vertical-align: bottom; + margin-right: .5em; + margin-bottom: -2px; +} +#blog-title a { + color:#193A84; + text-decoration:none; +} +#blog-title a:active, +#blog-title a:hover { + color: #193A84; +} +#blog-title span { + float: left; +} +#blog-description { + color:#666; + font-size:13px; + font-style:italic; +} + + +/* =Menu +-------------------------------------------------------------- */ + +.skip-link { + display:none; +} +#access { + border-bottom:1px solid #ccc; + height:32px; + font-size:13px; + overflow:visible; + z-index:100; +} +/*** ESSENTIAL STYLES ***/ +.sf-menu, .sf-menu * { + margin: 0; + padding: 0; + list-style: none; +} +.sf-menu { + line-height: 1.0; +} +.sf-menu ul { + position: absolute; + top: -999em; + width: 10em; /* left offset of submenus need to match (see below) */ +} +.sf-menu ul li { + width: 100%; +} +.sf-menu li:hover { + visibility: inherit; /* fixes IE7 'sticky bug' */ +} +.sf-menu li { + float: left; + position: relative; +} +.sf-menu a { + display: block; + position: relative; +} +.sf-menu li:hover ul, +.sf-menu li.sfHover ul { + left: 0; + top: 2.5em; /* match top ul list item height */ + z-index: 99; +} +ul.sf-menu li:hover li ul, +ul.sf-menu li.sfHover li ul { + top: -999em; +} +ul.sf-menu li li:hover ul, +ul.sf-menu li li.sfHover ul { + left: 10em; /* match ul width */ + top: 0; +} +ul.sf-menu li li:hover li ul, +ul.sf-menu li li.sfHover li ul { + top: -999em; +} +ul.sf-menu li li li:hover ul, +ul.sf-menu li li li.sfHover ul { + left: 10em; /* match ul width */ + top: 0; +} + +/*** THEMATIC SKIN ***/ +.sf-menu { + float:left; +} +.sf-menu a { + padding:9px 13px; + text-decoration:none; + font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: bold; + font-size: 14px; + border-bottom:1px solid #ccc; +} +.sf-menu .current_page_item a, +.sf-menu .current_page_ancestor a, +.sf-menu .current_page_parent a { + background-color: white; + -webkit-border-top-left-radius: 9px; + -webkit-border-top-right-radius: 9px; + -moz-border-radius-topleft: 9px; + -moz-border-radius-topright: 9px; + border: 1px solid #ccc; + border-bottom: 0; +} +.sf-menu .current_page_item ul a, +.sf-menu .current_page_ancestor ul a, +.sf-menu .current_page_parent ul a { + background-color: #f1f1f1; + -webkit-border-radius: 0; + -moz-border-radius: 0; + + border: 0; +} + +.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ + color: #333; +} +.sf-menu li { +} +.sf-menu li li { + background: #fff; + border-top: 1px solid #ccc; +} +.sf-menu li li li { + background: #9AAEDB; +} +.sf-menu li:hover, .sf-menu li.sfHover, +.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { + outline: 0; + color: black; +} +.sf-menu ul { +} +.sf-menu li:hover ul, +.sf-menu li.sfHover ul { + top:32px; /* overriding essential styles */ +} +.sf-menu ul ul { + margin-top:0; +} +.sf-menu ul a { + background-color: #f1f1f1; + border-bottom:none; +} + + +/* =Content +-------------------------------------------------------------- */ + +#main { + clear:both; + padding:22px 0 22px 0; +} +.page-title { + font-size:13px; + line-height:18px; + padding:0 0 44px 0; +} +.attachment .page-title { + font-style:italic; +} +.page-title a { + color:#666; + text-decoration:none; +} +.page-title a:active, +.page-title a:hover { + color: #193A84; +} +.page-title span { + font-style:italic; +} +.page-title .meta-nav { + font-style:normal; +} +.hentry { + padding:0 0 22px 0; +} +.single .hentry { + padding:0; +} +.home #content .sticky { + border:1px solid #ccc; + margin:0 0 66px 0; + padding:22px 20px 0 20px; +} +.entry-title { + font-family:Arial,sans-serif; + font-size:26px; + font-weight:bold; + line-height:26px; + padding:0 0 7px 0; +} +.entry-title a { + color:#000; + text-decoration:none; +} +.entry-title a:active, +.entry-title a:hover { + color: #193A84; +} +.entry-meta { + color:#666; + font-size:13px; + font-style:italic; + line-height:18px; +} +.entry-meta .author { +} +.entry-meta .n { + font-size:11px; + font-style:normal; + letter-spacing:0.05em; + text-transform:uppercase; +} +.entry-meta a { + color:#666; + text-decoration:none; +} +.entry-meta a:active, +.entry-meta a:hover { + color: #193A84; +} +.entry-meta abbr { + border:none; + cursor:text; + font-size:11px; + font-style:normal; + letter-spacing:0.05em; + text-transform:uppercase; +} +.entry-content { + padding:22px 0 0 0; +} +.entry-content h1, +.entry-content h2 { + font-family:Arial,sans-serif; + font-size:19px; + font-weight:bold; + padding:28px 0 14px 0; +} +.entry-content h3 { + font-size:17px; + font-style:italic; + padding:28px 0 14px 0; +} +.entry-content h4 { + font-size:11px; + font-family:Arial,sans-serif; + font-weight:bold; + text-transform:uppercase; + letter-spacing:0.05em; +} +.entry-content table { + margin-left:1px; +} +.entry-content embed { + margin:0 0 22px 0; +} +.entry-utility { + color:#666; + font-size:13px; + line-height:18px; + margin:0 0 44px 0; +} +.entry-utility a { + color:#666; + font-style:italic; + text-decoration:none; +} +.entry-utility a:active, +.entry-utility a:hover { + color: #193A84; +} +.page-link { + font-size:13px; + font-weight:bold; + line-height:18px; + margin:0 0 22px 0; + padding:22px 0 0 0; + word-spacing:0.5em; +} +.page-link a { + border:1px solid #ccc; + color:#666; + font-weight:normal; + padding:0.5em 0.75em; + text-decoration:none; +} +.page-link a:active, +.page-link a:hover { + color: #193A84; +} +ul#links-page, +ul#archives-page { + list-style:none; + margin-left:0; + overflow:hidden; +} +li.content-column { + float:left; + margin-right:20px; + width:45%; +} +.gallery { + padding:0 0 22px 0; +} +.wp-caption-text, +.gallery-caption { + color:#666; + font-size:13px; + line-height:18px; +} +#author-info { + margin:0 0 44px 0; + overflow:hidden; +} +#author-info .avatar { + float:left; + margin:.3em 1em 0 0; +} + + +/* =Attachments +-------------------------------------------------------------- */ + +.attachment-jpeg #container, +.attachment-png #container { + width:100%; +} +.attachment-jpeg #content, +.attachment-png #content { + width:930px; +} +.attachment-jpeg #comments, +.attachment-png #comments { + width:540px; + overflow:hidden; +} +.attachment-jpeg .main-aside, +.attachment-png .main-aside { + display:none; +} + + +/* =Navigation +-------------------------------------------------------------- */ + +.navigation { + color:#666; + font-size:13px; + line-height:18px; + margin:0px 0 22px 0; + overflow:hidden; +} +.navigation a { + color:#666; + font-style:italic; + text-decoration:none; +} +.navigation a:active, +.navigation a:hover { + color: #193A84; +} +.navigation .meta-nav { + font-style:normal; +} +.nav-previous { + float: left; + width:50%; +} +.nav-next { + float: right; + width:50%; + text-align:right; +} +#nav-above,#nav-below { + width: 100%; +} +#nav-above { + display:none; +} +.paged #nav-above { + display:block; + padding:0 0 44px 0; +} + + +/* =Comments +-------------------------------------------------------------- */ + +#comments { + padding:22px 0 0 0; +} +#comments, +#comments input, +#comments textarea { + font-size:13px; + line-height:18px; +} +#comments code { + font-size:12px; + line-height:18px; +} +#comments h3 { + font-family:Arial,sans-serif; + font-size:15px; + font-weight:bold; + line-height:22px; + padding:0 0 18px 0; +} +#comments-list { + padding:0 0 18px 0; +} +#comments-list ol, +#comments-list ul { + list-style:none; + margin:0; +} +#comments-list ol { + border:1px solid #ccc; + border-bottom:none; + margin:0 0 18px 0; +} +#comments-list li { + background:#fafafa; + border-bottom:1px solid #ccc; + padding:18px 1.5em 0 1.5em; + position:relative; +} +#comments-list li.alt { + background:#fff; +} +#comments-list li.bypostauthor { + background:#FFFFCC; +} +#comments-list ul li { + border:1px solid #ccc; + margin:0 0 18px 0; +} +#comments-list li .avatar { + position:absolute; + top:22px; + left:1.5em; + width:36px; + height:36px; +} +#comments-list .comment-author { + font-weight:bold; + padding:9px 0 0 46px; +} +#comments-list .comment-meta { + color:#666; + font-size:11px; + padding:0 0 9px 46px; +} +#comments-list .comment-meta a { + color:#666; + font-style:italic; + text-decoration:none; +} +#comments-list .comment-meta a:active, +#comments-list .comment-meta a:hover { + color: #193A84; +} +.comment-reply-link { + font-size:11px; + padding:0 0 18px 0; + text-align:right; +} +.comment-reply-link a { + color:#666; + font-style:italic; + text-decoration:none; +} +.comment-reply-link a:active, +.comment-reply-link a:hover { + color: #193A84; +} +.comment-navigation { + font-weight:bold; + padding:0 0 18px 0; + margin-right:0.5em; +} +.comment-navigation a { + border:1px solid #ccc; + color:#666; + font-weight:normal; + padding:0.5em 0.75em; + text-decoration:none; +} +.comment-navigation a:active, +.comment-navigation a:hover { + color: #193A84; +} +.comment-navigation a, +.comment-navigation span { + margin-right:0.5em; +} +#trackbacks-list .comment-content { + position:absolute; + left:-9000px; +} +#respond { + background:#fff; + margin-bottom:22px; + overflow:hidden; + padding:18px 0 0 0; + position:relative; +} +#comments-list #respond { + border-bottom:1px solid #ccc; + margin:0 0 18px 0; + padding:18px 1.5em; +} +#comments-list ul #respond { + border:1px solid #ccc; + margin:0; +} +#cancel-comment-reply { + font-size:11px; + position:absolute; + top:18px; + right:1.5em; +} +#cancel-comment-reply a { + color:#666; +} +#respond .required { + color:#193A84; + font-weight:bold; +} +.form-section label { + font-size:11px; +} +.form-section input { + margin:0 0 18px 0; + width:98%; +} +.form-section textarea { + width:99%; +} +#form-allowed-tags p { + color:#666; + font-size:11px; + margin:0; +} +#form-allowed-tags span { + font-style:italic; +} +#form-allowed-tags code { + font-size:11px; + line-height:normal; +} +.form-submit { + padding:18px 0 0 0; + text-align:right; +} +.subscribe-to-comments { + color:#666; + float:left; + font-size:11px; + margin:0; + padding:18px 0 0 0; +} +.solo-subscribe-to-comments { + color:#666; + font-size:11px; + padding:18px 0 0 0; +} +.comment_license { + color:#666; + clear:both; + font-size:11px; + margin:0; + padding:18px 0 0 0; +} + + +/* =Asides, Sidebars & Widget-Ready Areas +-------------------------------------------------------------- */ + +.aside, +.aside input { + font-size:13px; + line-height:18px; + margin-bottom:6px; +} +.aside p, +.aside ul, +.aside ol, +.aside dd, +.aside pre { + margin-bottom:18px; +} +.aside pre, +.aside code { + font-size:12px; + line-height:18px; +} +.aside .current_page_item a { + color: #193A84; +} +.aside .current_page_item .page_item a { + color:#666; +} +.aside .current_page_item .page_item a:hover, +.aside .current_page_item .page_item a:active { + color: #193A84; +} +.aside { + color:#666; +} +.aside a { + color:#666; +} +.aside a:active, +.aside a:hover { + color: #193A84; +} +.aside h3 { + font-size:15px; + font-style:italic; + line-height:22px; +} +.aside h3 a { + text-decoration:none; +} +.aside caption { + font-size:11px; + font-family:Arial,sans-serif; + font-weight:bold; + text-transform:uppercase; + letter-spacing:0.05em; +} +.aside ul { + list-style:none; + margin-left:0; +} +.aside ul ul { + list-style:disc; + margin:0 0 22px 20px; +} +.aside ul ul li { + padding:1px 0; +} +.aside ul ul ul { + margin-bottom:0; +} +.aside form, +.aside table { + margin-bottom:22px; +} +.aside table { + border:none; +} +.aside thead { + border:1px solid #ccc; +} +.aside tbody { + border:1px solid #ccc; +} +.aside th, .aside td { + border-right:1px solid #ccc; + padding:.25em .8em; +} +.aside tfoot tr { + border:none; +} +.aside tfoot td { + border-color:transparent; +} +.widget_tag_cloud { + margin:0 0 22px 0; +} +.aside #searchsubmit { + display: none; +} +/* + Main Asides +*/ +.main-aside ul { + padding:0 20px; +} +.main-aside h3 { +} +.main-aside ul ul { + padding:0; +} +#zeromary, #primary, #secondary, #ternary { + border:1px solid #ccc; + padding:18px 0 0 0; + margin-bottom:22px; +} +#zeromary li, #primary li, #secondary li, #ternary li { + margin-bottom: 1em; +} + +#primary a, #secondary a, #ternary a { + font-family: Helvetica, Arial, sans-serif; + font-size: 1.3em; + font-weight: bold; + color: rgb(25, 58, 132); +} +/* + Content Asides +*/ +#content .aside { + border:1px solid #ccc; + margin:0 0 22px 0; + padding:18px 0 0 0; +} +#content .aside ul { + padding:0 20px; +} +#content .aside h3 { + font-family:Georgia,serif; + font-weight:normal; + font-size:17px; + font-style:italic; + padding:0 0 7px 0; + text-transform:none; +} +#content .aside ul ul { + padding:0; +} +/* + Footer Asides +*/ +#subsidiary { + padding:33px 0 0 0; +} + + +/* =Footer +-------------------------------------------------------------- */ + +#footer { + border-top:1px solid #ccc; + margin-top:22px; +} +#siteinfo { + color:#666; + font-size:11px; + line-height:18px; + padding:22px 0 44px 0; +} +#siteinfo a { + color:#666; +} +#siteinfo a:active, +#siteinfo a:hover { + color: #193A84; +} + + +/* =PageNavi +-------------------------------------------------------------- */ + +/* Using !important to override PageNavi CSS */ + +.wp-pagenavi { + margin:0 0 0 -.5em; + padding:0.5em 0; +} +.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span { + border:1px solid #ccc !important; + color:#666!important; + font-style:normal; + margin:0 .375em !important; + padding:0.5em 0.25em !important; +} +.wp-pagenavi a:visited { + border:1px solid #ccc !important; + color:#666 !important; +} +.wp-pagenavi a:hover { + border:1px solid #ccc !important; + color:#193A84 !important; +} +.wp-pagenavi a:active { + border:1px solid #ccc !important; + color:#193A84 !important; +} +.wp-pagenavi span.pages { + border:none !important; + color:#666 !important; + margin:0 !important; + padding:0 !important; +} +.wp-pagenavi span.current { + border:none !important; + color:#666 !important; + font-weight:normal !important; + margin:0 !important; + padding:0 !important; +} +.wp-pagenavi span.extend { + background-color:#FFFFFF; + border:1px solid #000000; + color:#000000; + margin:2px; + padding:2px 4px; +} + +/* Misc fixes */ +#primary .widgettitle, #secondary .widgettitle, #index-top .widgettitle, #index-bottom .widgettitle, #ternary .widgettitle { + display: none; +} +body.home #nav-below { + display: none; +} +.entry-utility { + display: none; +} + +#blog-description { + display: none; +} + +div#index-bottom { + border: 0 !important; + padding: 0 !important; + margin: 0 !important; +} +#index-bottom ul { + padding: 0 !important; +} +#index-top { + border: 0 !important; + width: 600px; + height: 252px; + background-repeat: no-repeat; + margin: 0; +} +#index-top p { + margin: 0; + opacity: 0.8; + background-color: black; + color: white; + font-size: 1.2em; + line-height: 1.5em; + padding: 0.75em; + margin-top: 164px; +} +#index-top p a { + color: white; +} +span.lead { + float: left; + font-size: 50px; + line-height: 0.9em; + margin: 0 6px 0 0; +} +#zeromary { + background-color: #f1f1f1; + border: 1px solid #ccc; +} +#zeromary dl { + margin: 0; +} +#zeromary dt { + font-weight: normal; + font-style: italic; +} +#zeromary .widgettitle { + margin-bottom: 0.5em; + font-family: Helvetica, Arial, sans-serif; + font-weight: bold; + font-style: normal; +} +#zeromary dd { + margin-bottom: 0.5em !important; +} + +#call-for { + float: right; + height: 90px; + width: 300px; + background-color: white; + border: 1px solid #ccc; +} +#call-for p { + margin: 0.4em; + text-align: center; + vertical-align: middle; +} +#call-for a, #call-for a:visited { + font-size: 0.50em; +} + +.location { + float: right; + width: 180px; + margin-left: 1ex; + margin-bottom: 1ex; + padding: 1em; + border: 1px solid #ccc; + background-color: #f1f1f1; + text-align: right; + font-style: italic; + color: #666; +} + +.location p { + margin: 0; + padding: 2px 0; +} + +.slug-program .location { + width: 220px; +} + +.history h2 { + padding: 1ex 0 0 0; + margin-bottom: 1em; + font-size: 150%; + border-bottom: 1px dotted #ccc; +} +ul.lecturers { + margin: 0; + padding: 0; +} + +ul.lecturers li { + margin: 1ex 0; + padding: 1em; + list-style: none; + border: 1px solid #ccc; + background-color: #f1f1f1; +} +ul.lecturers li img { + margin: 0 1em 1em 0; + float: left; +} +ul.lecturers li.even { + background-color: #fff; +} + +.history table { + width: 99%; +} +.history table thead th { + text-align: center; +} +table.books { + width: 100%; + border: 0px solid #ccc; + padding: 0; +} +table.books tr { + border: 0px solid #ccc; + padding: 0; +} +table.books td { + padding: 5px; +} + +.program a:visited { + color:#004B91; +} + +.program table { + width: 99%; +} + +.program h2 { +} + +.program table, .program td, .program tr, .program th { + border: 0; +} +.program table td.time { + width: 110px; +} +.program table caption { + font-size: 120%; + font-weight: bold; +} +.program table td, .program table th { + padding: 0.5em 0; +} diff --git a/app/assets/stylesheets/library/styles/images.css b/app/assets/stylesheets/library/styles/images.css new file mode 100644 index 0000000..7fb025e --- /dev/null +++ b/app/assets/stylesheets/library/styles/images.css @@ -0,0 +1,64 @@ +/* -------------------------------------------------------------- + + Default styles for Images + +-------------------------------------------------------------- */ + +.entry-content img { + margin: 0 0 18px 0; +} +.alignleft, +img.alignleft { + float: left; + margin-right:20px; +} +.alignright, +img.alignright { + display: block; + float: right; + margin-left:20px; +} +.aligncenter, +img.aligncenter { + margin-left:auto; + margin-right:auto; + display: block; + clear: both; +} +.wp-caption { + text-align: center; + margin-bottom:18px; +} +.wp-caption img { + margin: 0; + padding: 0; + border: 0 none; +} +.wp-caption p.wp-caption-text { + margin: 0; + padding:5px; +} +.gallery img { + margin:0; +} +.wp-smiley { /* Prevent the smileys from breaking line-height */ + max-height:12px; + margin:0 !important; +} + +/* + +Adapt the following for use in your Child Themes when using +different font-sizes and line-heights + +.entry-content img, +.wp-caption { + margin-bottom:--px; +} +.wp-smiley { + max-height:--px; +} + +All other styles can be overridden--or ignored!--in Child Theme stylesheets + +*/ \ No newline at end of file diff --git a/app/assets/stylesheets/library/styles/openfest.css b/app/assets/stylesheets/library/styles/openfest.css new file mode 100644 index 0000000..8cb8c08 --- /dev/null +++ b/app/assets/stylesheets/library/styles/openfest.css @@ -0,0 +1,34 @@ +div#index-bottom { + border: 0 !important; + padding: 0 !important; + margin: 0 !important; +} +#index-bottom ul { + padding: 0 !important; +} +#index-top, #index-top-english { + border: 0 !important; +} +.program table td, .program table th { + padding-left: 13px; + padding-top: -2px; + padding-bottom: -2px; + border-bottom: 1px solid #FFFFFF; +} +.opentech { + background-color: #D1B6E7; + text: #000000; +} +.openbiz { + background-color: #a6e3d0; + text: #000000; +} +.bsdcon { + background-color: #FF6666; + text: #000000; +} +.social { + background-color: #A2D2FF; + text: #000000; +} + diff --git a/app/assets/stylesheets/library/styles/plugins.css b/app/assets/stylesheets/library/styles/plugins.css new file mode 100644 index 0000000..2e9405d --- /dev/null +++ b/app/assets/stylesheets/library/styles/plugins.css @@ -0,0 +1,27 @@ +/* -------------------------------------------------------------- + + Default plugin styles for Thematic + +-------------------------------------------------------------- */ + +/* =Ajax Edit Comments +-------------------------------------------------------------- */ + +.edit-comment { + margin-bottom:18px; +} + +/* =PageNavi +-------------------------------------------------------------- */ + +/* I'm not overriding PageNavi anymore, it's too much of a mess. + +/* =WordPress Stats +-------------------------------------------------------------- */ + +img#wpstats { /* hide WordPress Stats smiley */ + width:0px; + height:0px; + overflow:hidden +} + diff --git a/app/assets/stylesheets/library/styles/reset.css b/app/assets/stylesheets/library/styles/reset.css new file mode 100644 index 0000000..99bd2e4 --- /dev/null +++ b/app/assets/stylesheets/library/styles/reset.css @@ -0,0 +1,64 @@ +/* -------------------------------------------------------------- + + Reset default browser CSS. + + Based on work by Eric Meyer: + http://meyerweb.com/eric/tools/css/reset/index.html + +-------------------------------------------------------------- */ + +/* v1.0 | 20080212 */ + +html, body, div, span, applet, object, iframe, +h1, h2, h3, 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, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + border: 0; + outline: 0; + font-size: 100%; + vertical-align: baseline; + background: transparent; +} +body { + background:#fff; + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} + +/* remember to define focus styles! */ +:focus { + outline: 0; +} + +/* remember to highlight inserts somehow! */ +ins { + text-decoration: none; +} +del { + text-decoration: line-through; +} + +/* tables still need 'cellspacing="0"' in the markup */ +table { + border-collapse: collapse; + border-spacing: 0; +} + +a img { border: none; } diff --git a/app/assets/stylesheets/library/styles/typography.css b/app/assets/stylesheets/library/styles/typography.css new file mode 100644 index 0000000..a2ce63b --- /dev/null +++ b/app/assets/stylesheets/library/styles/typography.css @@ -0,0 +1,141 @@ +/* -------------------------------------------------------------- + + Set default typography based on Blueprint + + http://code.google.com/p/blueprintcss/ + +-------------------------------------------------------------- */ + +body, input, textarea { + color:#000; + font: 12px Arial,sans-serif; + line-height:18px; +} + +/* Headings +-------------------------------------------------------------- */ + +h1,h2,h3,h4,h5,h6 { + font-weight:normal; + clear:both; +} + +/* Text elements +-------------------------------------------------------------- */ + +p { + margin-bottom:18px; +} +ul { + margin: 0 0 18px 2.5em; +} +ol { + margin: 0 0 18px 2.5em; +} +ul { + list-style:disc; +} +ol { + list-style-type: decimal; +} +ol ol { + list-style:upper-alpha; +} +ol ol ol { + list-style:lower-roman; +} +ol ol ol ol { + list-style:lower-alpha; +} +ul ul, ol ol, ul ol, ol ul { + margin-bottom:0; +} +dl { + margin:0 1.5em; +} +dt { + font-weight:bold; +} +dd { + margin-bottom:18px; +} +strong { + font-weight: bold; +} +cite, em, i { + font-style: italic; +} +blockquote { + margin: 0 3em; +} +blockquote em, blockquote i, blockquote cite { + font-style:normal; +} +pre { + font:11px Monaco, monospace; + line-height:18px; + margin-bottom:18px; +} +code { + font:11px Monaco, monospace; +} +abbr, acronym { + border-bottom:1px dotted #333; + cursor: help; +} +ins { + text-decoration:none; +} +sup, +sub { + height: 0; + line-height: 1; + vertical-align: baseline; + position: relative; + +} +sup { + bottom: 1ex; +} +sub { + top: .5ex; +} + +/* Pullquotes +-------------------------------------------------------------- */ + +blockquote.left { + float: left; + margin-left:0; + margin-right:20px; + text-align: right; + width: 33%; +} +blockquote.right { + float: right; + margin-left:20px; + margin-right:0; + text-align: left; + width: 33%; +} + +/* + +Adapt the following for use in your Child Themes when using +different font-sizes and line-heights + +body, input, textarea { + font: --px Arial,sans-serif; + line-height:--px; +} +p, ul, ol, dd, pre { + margin-bottom:--px; +} +pre, code { + font:--px Monaco, monospace; + line-height:--px; +} + +All other styles can be overridden--or ignored!--in Child Theme stylesheets + +*/ \ No newline at end of file diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim index 98d78d1..0c8ba94 100644 --- a/app/views/layouts/application.html.slim +++ b/app/views/layouts/application.html.slim @@ -7,7 +7,6 @@ html = Conference.current.title = yield :title if content_for? :title = stylesheet_link_tag 'application' - = stylesheet_link_tag 'http://openfest.org/wp-content/themes/thematic-openfest/style.css' = csrf_meta_tags body #wrapper.hfeed