X-Git-Url: http://source.jalview.org/gitweb/?a=blobdiff_plain;f=examples-jbake%2Fassets%2Fcss%2Fstyle.css;fp=examples-jbake%2Fassets%2Fcss%2Fstyle.css;h=0000000000000000000000000000000000000000;hb=9623cea766a766683243235557ad48e6f7659e6a;hp=3184fde80b91bbe9cf860f207bd4e74ff7d686a8;hpb=6066400ed6b0fe288ebbea82389f59838a534706;p=jalview.git diff --git a/examples-jbake/assets/css/style.css b/examples-jbake/assets/css/style.css deleted file mode 100644 index 3184fde..0000000 --- a/examples-jbake/assets/css/style.css +++ /dev/null @@ -1,457 +0,0 @@ -/** - * Jalview - A Sequence Alignment Editor and Viewer ($$Version-Rel$$) - * Copyright (C) $$Year-Rel$$ The Jalview Authors - * - * This file is part of Jalview. - * - * Jalview is free software: you can redistribute it and/or - * modify it under the terms of the GNU General Public License - * as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. - * - * Jalview is distributed in the hope that it will be useful, but - * WITHOUT ANY WARRANTY; without even the implied warranty - * of MERCHANTABILITY or FITNESS FOR A PARTICULAR - * PURPOSE. See the GNU General Public License for more details. - * - * You should have received a copy of the GNU General Public License along with Jalview. If not, see . - * The Jalview Authors are detailed in the 'AUTHORS' file. - */ -@import url(http://fonts.googleapis.com/css?family=Lato); -@import url(http://fonts.googleapis.com/css?family=Oswald); - -/***************** -HTML 5 Elements -******************/ -new - - -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section -{ - display: block; -} - - -.clearfix:after - { - visibility: hidden; - display: block; - font-size: 0; - content: " "; - clear: both; - height: 0; -} - - -/**************** -Body -****************/ - -body - -{ - font: 76% arial,Helvetica,sans-serif; - text-align:left; - background:#fff; - color:#000; - border-top: 20px solid #555555; -} - - - -/********************* -Page Wrapper -********************/ - -#pageWrap - -{ - width: 960px; - margin: 0 auto; - position:relative; -} - -/********************** -HEADER -************************/ - -#header -{ - display: block; - height: 180px; - margin: 0 auto 8px; - width: 960px; - position:relative; -} - -#logo a -{ - background-image: url("../images/logo.jpg"); - background-repeat: no-repeat; - height: 87px; - left: 0; - position: absolute; - top: 50px; - width: 361px; - margin-bottom:50px; -} - -#buttons -{ -height:88px; -width:252px; -float:right; - right: 0; - position: absolute; - top: 50px; -} - -#buttons li -{ -margin-bottom:10px; -} - -#buttons #applet a -{ - background-image: url("../images/applet.jpg"); - background-repeat: no-repeat; - height:50px; - width:250px; - position: absolute; - opacity: 1; - transition: opacity .25s ease-in-out; - -moz-transition: opacity .25s ease-in-out; - -webkit-transition: opacity .25s ease-in-out; - text-shadow: 2px 2px 10px #000000; -} - -#buttons #desktop a -{ - background-image: url("../images/desk.jpg"); - background-repeat: no-repeat; - height:50px; - width:250px; - position: absolute; - top:45px; - opacity: 1; - transition: opacity .25s ease-in-out; - -moz-transition: opacity .25s ease-in-out; - -webkit-transition: opacity .25s ease-in-out; - text-shadow: 2px 2px 10px #000000; -} - -#buttons #applet a:hover -{ - opacity: 0.8; -} - -#buttons #desktop a:hover -{ - opacity: 0.8; -} - -/***************************** -NAV -*********************************/ -#nav -{ -width:100%; -max-width:100%; -color:#fff; -background:#555; -height:80px; -} - -#navInner -{ -width:960px; -margin:0 auto; -position:relative; -} - - -#sddm -{ margin: 0; - padding: 0; - z-index: 30; - position:relative; - top:27px; -} - -#sddm li -{ margin: 0; - padding:0; - list-style: none; - float: left; -} - -#sddm li a -{ - color: #FFFFFF; - font-size: 13pt; - padding: 27px 15px 25px; - text-align: center; - text-decoration: none; - font-family: 'Lato',sans-serif; -} - -#sddm li a.community:hover -{ -background:#F78E1E; -} - -#sddm li a.development:hover -{ -background:#AEBF45; -} - -#sddm li a.training:hover -{ -background:#009DDC; -} - -#sddm li a.download-right -{ -float:right; -position:relative; -left:345px; -display:block; -clear:left; - margin-top: -27px; - padding: 27px 15px 25px; -} - - -ul#sddm li a:hover -{ - text-decoration: none; - background:#0083A9; -} - -#sddm div -{ position: absolute; - visibility: hidden; - margin: 0; - padding: 0; - background: #555; - border: 1px solid #000000; - top:50px; -} - - #sddm div a - { position: relative; - display: block; - margin: 0; - padding:8px; - width: 200px; - white-space: nowrap; - text-align: center; - text-decoration: none; - background: #555; - color: #fff; - border: 1px solid #000000; - background: #555; - } - - - -/***************************** -CONTENT -*****************************/ - -#content -{ - font-size: 10pt; - height: auto; - width: 710px; - padding-top:23px; - padding-bottom:12px; - overflow-x:auto; - overflow-y:hidden; -} -#content h1 -{ - padding-top:29px; - font-size: 15pt; - font-style: bold; -} -#content h2 -{ - padding-top:27px; - font-size: 13pt; - font-style: bold; -} -#content h3 -{ - padding-top:25px; - font-size: 12pt; - font-style: bold italic; -} -#content pre -{ - font-family: monospace; -} -#sideNav -{ -width:200px; -float:left; -padding-top:29px; -margin-right:50px; -} -#content ul -{ - list-style-type: disc; -} -#content li -{ - margin-left: 11px; - padding-bottom:11px; -} - -#sideNav li -{ - height: 40px; - list-style-image: none; - list-style-type: none; - margin-bottom: 20px; -} - -#sideNav a -{ - color: #555555; - display: block; - font-size: 13pt; - padding: 8px 0 0 15px; - text-decoration: none; -} - -#sideNav a:hover -{ - text-decoration: underline; -} -#sideNav .about-nav-title -{ -background: url("../images/normal-arrow-3-normal.png") no-repeat scroll 0 0 transparent; - color: #FFFFFF; - font-family: 'Lato',sans-serif; - font-size: 18pt; - font-weight: normal; - height: 40px; - margin-bottom: 20px; - padding-left: 5px; -} - -#sideNav .jvlite-nav-title -{ -background: url("../images/jvlite-arrow-3-small.png") no-repeat scroll 0 0 transparent; - color: #FFFFFF; - font-family: 'Lato',sans-serif; - font-size: 18pt; - font-weight: normal; - height: 40px; - margin-bottom: 20px; - padding-left: 5px; -} - -#sideNav .jvlite-nav-small -{ -background: url("../images/jvlite-arrow-3-small.png") no-repeat scroll 0 0 transparent; - color: #FFFFFF; - font-family: 'Lato',sans-serif; - font-size: 18pt; - font-weight: normal; - height: 40px; - margin-bottom: 20px; - padding-left: 0px; -} - -#sideNav .com-nav-title -{ -background: url("../images/com-arrow-3-small.png") no-repeat scroll 0 0 transparent; - color: #FFFFFF; - font-family: 'Lato',sans-serif; - font-size: 18pt; - font-weight: normal; - height: 40px; - margin-bottom: 20px; - padding-left: 5px; -} - -#sideNav .dev-nav-title -{ -background: url("../images/dev-arrow-3-normal.png") no-repeat scroll 0 0 transparent; - color: #FFFFFF; - font-family: 'Lato',sans-serif; - font-size: 18pt; - font-weight: normal; - height: 40px; - margin-bottom: 20px; - padding-left: 5px; -} - -#sideNav .train-nav-title -{ -background: url("../images/train-arrow-3-normal.png") no-repeat scroll 0 0 transparent; - color: #FFFFFF; - font-family: 'Lato',sans-serif; - font-size: 18pt; - font-weight: normal; - height: 40px; - margin-bottom: 20px; - padding-left: 5px; -} - -#content .borderTable td -{ - border: 1px solid black; -} -#content .borderTable tr -{ - border-bottom: 2px solid black; -} - -td -{ - vertical-align: middle; -} - -/******************************** -FOOTER -***********************************/ - -#footer -{ -max-width:100%; -width:100%; -color:#fff; -background:#555; -height:140px; -padding-top:10px; -clear:both; -} -#innerFooter a -{ - color: #EEEEEE; - visited: #DDDDDD; - -} - -#innerFooter -{ -width:960px; -margin:0 auto; -height:140px; -padding-top:10px; -} - - -#copyright -{ -float:left; -} - -#cite -{ -float:right; -width:555px; -}