|
|
| Line 64: |
Line 64: |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| - | /* Undo Mediawiki CSS */
| |
| - | fieldset
| |
| - | {
| |
| - | border: none;
| |
| - | line-height: normal;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* Slideshow */
| |
| - |
| |
| - |
| |
| - | .scrollable {
| |
| - |
| |
| - | /* required settings */
| |
| - | position:relative;
| |
| - | overflow:hidden;
| |
| - | width: 800px; max-width: 100%;
| |
| - | height:600px; max-height: auto;
| |
| - | border-radius: 15px;
| |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| |
| - | left: 0px;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | root element for scrollable items. Must be absolutely positioned
| |
| - | and it should have a extremely large width to accommodate scrollable items.
| |
| - | it's enough that you set width and height for the root element and
| |
| - | not for this element.
| |
| - | */
| |
| - | .scrollable .items {
| |
| - | /* this cannot be too large */
| |
| - | width:20000em;
| |
| - | position:absolute;
| |
| - | }
| |
| - |
| |
| - | .items img
| |
| - | {
| |
| - | width: 800px;
| |
| - | height: 600px;
| |
| - | }
| |
| - |
| |
| - | .disabled
| |
| - | {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | /*
| |
| - | a single item. must be floated in horizontal scrolling.
| |
| - | typically, this element is the one that *you* will style
| |
| - | the most.
| |
| - | */
| |
| - | .items div {
| |
| - | float:left;
| |
| - | }
| |
| - |
| |
| - | .navi a
| |
| - | {
| |
| - | width:8px;
| |
| - | height:8px;
| |
| - | float:left;
| |
| - | margin:3px;
| |
| - | background-color: black;
| |
| - | border-radius: 2px;
| |
| - | display:block;
| |
| - | font-size:1px;
| |
| - | }
| |
| - | /* mouseover state */
| |
| - | .navi a:hover {
| |
| - | background-color: white;
| |
| - | }
| |
| - |
| |
| - | /* active state (current page state) */
| |
| - | .navi a.active {
| |
| - | background-color: #71C784;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /* Search Results */
| |
| - |
| |
| - | .searchUL
| |
| - | {
| |
| - | width: 600px !important;
| |
| - | max-height: 400px;
| |
| - | overflow-y: auto;
| |
| - | }
| |
| - |
| |
| - | .webResult a
| |
| - | {
| |
| - | font-weight: bold;
| |
| - | padding-left: 0px !important;
| |
| - | padding-right: 0px !important;
| |
| - | padding-top: 10px !important;
| |
| - | padding-bottom: 0px !important;
| |
| - | }
| |
| - |
| |
| - | .webResult .resultText
| |
| - | {
| |
| - | font-size: smaller;
| |
| - | font-weight: normal;
| |
| - | }
| |
| - |
| |
| - | #resultsDiv
| |
| - | {
| |
| - | max-height: 100%;
| |
| - | overflow: auto;
| |
| - | padding-left: 15px;
| |
| - | padding-right: 10px;
| |
| - | }
| |
| - |
| |
| - | #more{
| |
| - | width: 50%;
| |
| - | height: 24px;
| |
| - | cursor: pointer;
| |
| - | margin: 5px auto;
| |
| - | font-weight: bold;
| |
| - | color: white;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | #closeSearch
| |
| - | {
| |
| - | width: 50%;
| |
| - | height: 24px;
| |
| - | cursor: pointer;
| |
| - | background-image: url(/wiki/images/1/11/ETHZ_dialog-close.png);
| |
| - | background-position: right;
| |
| - | background-repeat: no-repeat;
| |
| - | float: right;
| |
| - | margin: 5px auto;
| |
| - | }
| |
| - |
| |
| - | #more:hover{
| |
| - | color: #b0d730;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - | /**
| |
| - | * Horizontal CSS Drop-Down Menu Module
| |
| - | *
| |
| - | * @file dropdown.css
| |
| - | * @package Dropdown
| |
| - | * @version 0.7.1
| |
| - | * @type Transitional
| |
| - | * @stacks 597-599
| |
| - | * @browsers Windows: IE6+, Opera7+, Firefox1+
| |
| - | * Mac OS: Safari2+, Firefox2+
| |
| - | *
| |
| - | * @link http://www.lwis.net/
| |
| - | * @copyright 2006-2008 Live Web Institute. All Rights Reserved.
| |
| - | *
| |
| - | */
| |
| - |
| |
| - | ul.dropdown,
| |
| - | ul.dropdown li,
| |
| - | ul.dropdown ul {
| |
| - | list-style: none;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown {
| |
| - | position: relative;
| |
| - | z-index: 597;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown li {
| |
| - | float: left;
| |
| - | line-height: 1.3em;
| |
| - | vertical-align: middle;
| |
| - | zoom: 1;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown li.hover,
| |
| - | ul.dropdown li:hover {
| |
| - | position: relative;
| |
| - | z-index: 599;
| |
| - | cursor: default;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul {
| |
| - | visibility: hidden;
| |
| - | position: absolute;
| |
| - | top: 100%;
| |
| - | left: 0;
| |
| - | z-index: 598;
| |
| - | width: 100%;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li {
| |
| - | float: none;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul ul {
| |
| - | top: 1px;
| |
| - | left: 99%;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | ul.dropdown li:hover > ul {
| |
| - | visibility: visible;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /**
| |
| - | * Vimeo.com CSS Drop-Down Menu Theme
| |
| - | *
| |
| - | * @file default.css
| |
| - | * @name Vimeo
| |
| - | * @version beta
| |
| - | * @type transitional
| |
| - | * @browsers Windows: IE5+, Opera9+, Firefox1+
| |
| - | * Mac OS: Safari2+, Firefox2+
| |
| - | *
| |
| - | * @link http://www.lwis.net/
| |
| - | * @copyright 2009 Live Web Institute. All Rights Reserved.
| |
| - | *
| |
| - | */
| |
| - |
| |
| - |
| |
| - | /*-------------------------------------------------/
| |
| - | * @section Base Drop-Down Styling
| |
| - | */
| |
| - |
| |
| - |
| |
| - | ul.dropdown {
| |
| - | background: #172322;
| |
| - | width: 100%;
| |
| - |
| |
| - | font: normal 14px/normal Tahoma, Verdana, Arial, Helvetica, sans-serif;
| |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| |
| - | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
| |
| - | border-bottom-left-radius: 15px;
| |
| - | border-bottom-right-radius: 15px;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown li {
| |
| - | padding: 5px 10px;
| |
| - | color: #fff;
| |
| - | line-height: 22px;
| |
| - | white-space: nowrap;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown li.first {
| |
| - | padding-left: 15px;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown li.last {
| |
| - | padding-right: 15px;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown li.hover,
| |
| - | ul.dropdown li:hover {
| |
| - | color: #b0d730;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown a:link,
| |
| - | ul.dropdown a:visited { color: #fff; text-decoration: none; }
| |
| - | ul.dropdown a:hover { color: #b0d730; }
| |
| - | ul.dropdown a:active { color: #0395cc; }
| |
| - |
| |
| - |
| |
| - | /* -- level mark -- */
| |
| - |
| |
| - | ul.dropdown ul {
| |
| - | left: -5px;
| |
| - | width: 150px;
| |
| - | padding: 0 0px;
| |
| - | background: rgba(23, 35, 34, 0.8);
| |
| - | border-bottom-left-radius: 15px;
| |
| - | border-bottom-right-radius: 15px;
| |
| - | box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
| |
| - | -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Safari/Chrome */
| |
| - | }
| |
| - |
| |
| - | ul.dropdown li.last ul {
| |
| - | left: auto;
| |
| - | right: 16px;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li {
| |
| - | height: auto;
| |
| - | padding: 5px 15px;
| |
| - | line-height: 1.3em;
| |
| - | white-space: normal;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li.first {
| |
| - | padding-left: 0;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li.last {
| |
| - | padding-bottom: 10px;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li.first ul {
| |
| - | top: 0;
| |
| - | padding: 0 16px 0 0;
| |
| - | background-image: url(images/box1-outwards-top-right.png);
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li.first li.first {
| |
| - | background-image: none;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li.last {
| |
| - | padding-right: 0;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li.last ul {
| |
| - | left: 100%;
| |
| - | right: auto;
| |
| - | top: -16px;
| |
| - | }
| |
| - |
| |
| - | /* -- level mark -- */
| |
| - |
| |
| - | ul.dropdown ul ul {
| |
| - | top: -12px;
| |
| - | left: 100%;
| |
| - | padding: 16px 0 0;
| |
| - | background: transparent url(images/box1-top-left.png) 0 0 no-repeat;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul ul li.first {
| |
| - | padding-top: 10px;
| |
| - | background: #172322 url(images/box1-top-right.png) 100% 0 no-repeat;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*-------------------------------------------------/
| |
| - | * @section Search Form
| |
| - | */
| |
| - |
| |
| - | ul.dropdown form * {
| |
| - | display: inline;
| |
| - | float: left;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown form label {
| |
| - | display: none;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown form input.text {
| |
| - | width: 143px;
| |
| - | height: 18px;
| |
| - | padding: 2px 25px 2px 5px;
| |
| - | border-radius: 5px;
| |
| - | border-width: 0;
| |
| - | background: white;
| |
| - | color: #969696;
| |
| - | font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
| |
| - | vertical-align: middle;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown form input.text:focus {
| |
| - | outline: none;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown form input.button {
| |
| - | position: relative;
| |
| - | margin: 4px 0 0 -20px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*-------------------------------------------------/
| |
| - | * @section Support Class `dir`
| |
| - | */
| |
| - |
| |
| - |
| |
| - | ul.dropdown *.dir {
| |
| - | padding-right: 20px;
| |
| - | background-image: url(/wiki/images/a/a7/ETH_nav_arrow_down.png);
| |
| - | background-position: 100% 50%;
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* -- Components override -- */
| |
| - |
| |
| - | ul.dropdown-horizontal ul *.dir {
| |
| - | padding-right: 15px;
| |
| - | background-image: url(images/nav-arrow-right.png);
| |
| - | background-position: 95% 50%;
| |
| - | background-repeat: no-repeat;
| |
| - | }
| |
| - | /**
| |
| - | * Default Advanced CSS Drop-Down Menu Theme
| |
| - | *
| |
| - | * @file default.advanced.css
| |
| - | * @name Default
| |
| - | * @version beta
| |
| - | * @type transitional
| |
| - | * @browsers Windows: IE5+, Opera9+, Firefox1+
| |
| - | * Mac OS: Safari2+, Firefox2+
| |
| - | *
| |
| - | * @link http://www.lwis.net/
| |
| - | * @copyright 2008 Live Web Institute. All Rights Reserved.
| |
| - | *
| |
| - | */
| |
| - |
| |
| - |
| |
| - | /*-------------------------------------------------/
| |
| - | * @section Base Style Extension
| |
| - | */
| |
| - |
| |
| - | ul.dropdown li a {
| |
| - | display: block;
| |
| - | padding: 5px 10px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*-------------------------------------------------/
| |
| - | * @section Base Style Override
| |
| - | */
| |
| - |
| |
| - | ul.dropdown li, ul.dropdown ul li {
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*-------------------------------------------------/
| |
| - | * @section Base Style Reinitiate: post-override activities
| |
| - | */
| |
| - |
| |
| - | ul.dropdown li.dir {
| |
| - | padding: 5px 20px 5px 10px;
| |
| - | }
| |
| - |
| |
| - | ul.dropdown ul li.dir {
| |
| - | padding: 5px 15px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*-------------------------------------------------/
| |
| - | * @section Custom
| |
| - | */
| |
| - |
| |
| - | ul.dropdown ul a {
| |
| - | padding-left: 15px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | ul.dropdown li.hover *.open {
| |
| - | color: #b0d730;
| |
| - | }
| |
| - |
| |
| - | /* CSS2 clone */
| |
| - |
| |
| - | ul.dropdown li:hover > *.dir {
| |
| - | color: #b0d730;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* ------------------------------- */
| |
| - | /* ------------------------------- */
| |
| - | /* ------------------------------- */
| |
| - | /* ------------------------------- */
| |
| - |
| |
| - | #naviPlaceholder, #naviBox
| |
| - | {
| |
| - | height: 32px;
| |
| - | width: 100%;
| |
| - | }
| |
| - | #naviMenu
| |
| - | {
| |
| - | float: left;
| |
| - | position: relative;
| |
| - | left: -50%;
| |
| - | z-index: 999;
| |
| - | }
| |
| - | .stickToTop
| |
| - | {
| |
| - | position: fixed;
| |
| - | top:0;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | </html> {{{css|}}} <html> | | </html> {{{css|}}} <html> |
| | </style> | | </style> |
"
