datatracker/static/css/base2.css
Robert Sparks c3f460cbe9 Refactored history snippets for general use
Moved from VersionedMaterials to SessionPresentation for the through table name
Added the abstract and most recent presentation to the documents on the group materials page
Working snapshot before building historic edu-team documents
 - Legacy-Id: 8349
2014-09-19 21:33:30 +00:00

428 lines
15 KiB
CSS

/*
* Copyright (C) 2009-2010 Nokia Corporation and/or its subsidiary(-ies).
* All rights reserved. Contact: Pasi Eronen <pasi.eronen@nokia.com>
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions
* are met:
*
* * Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
*
* * Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following
* disclaimer in the documentation and/or other materials provided
* with the distribution.
*
* * Neither the name of the Nokia Corporation and/or its
* subsidiary(-ies) nor the names of its contributors may be used
* to endorse or promote products derived from this software
* without specific prior written permission.
*
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
* "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
* LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
* A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
* OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
* LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
* DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
* THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
* (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
* OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
body { margin: 0; }
a img { border: 0; }
.yui-skin-sam h1 {margin: 0.5em 0; font-size: 167%;}
.yui-skin-sam .yui-navset .yui-content {
background: white;
border:0px;
border-top:1px solid #243356;
padding:0.5em 0;
}
.yui-navset .disabled a em {color:#a0a0a0;}
.yui-skin-sam h1 { margin-top: 0; }
#ietf-login { color: white; position:absolute; top:8px; right: 10px; }
#ietf-login a, #ietf-login a:visited { color: white; }
.ietf-box { background:#edf5ff; border: 1px solid #cccccc; }
.ietf-navbar { background-color: #edf5ff; padding:0; border: 1px solid #89d; margin-top:4px; width: 130px; }
.ietf-navbar ul { padding: 0; margin: 0; }
.ietf-navbar ul li { list-style: none; padding: 0; margin: 0; font-size: 93%; padding: 2px 0px 2px 0px; }
.ietf-navbar ul li.yuimenuitem { padding: 0px 0px 1px 0px; border: 0;}
.ietf-navbar ul li a { padding: 0px 0px 0px 10px; }
.ietf-navbar ul li.sect a { padding: 2px 2px 2px 2px; }
.ietf-navbar ul li.sect { font-weight:bold; color:#fff; background:#2647A0; margin-top:2px; text-indent:2px; padding: 2px 0;}
.ietf-navbar ul li.first { margin-top: 0px; }
.ietf-navbar ul li.sect a { color:#fff; }
.ietf-navbar a, .ietf-navbar a:visited { color: #000000; }
.ietf-navbar > ul > li > a:hover { background-color: #b3d4ff; }
.ietf-navbar .yuimenuitemlabel { font-size: 12px; padding: 0 10px; }
.ietf-navbar #wgs .bd { background-color: #edf5ff; }
.ietf-navbar #wgs > .bd { border: 0;}
.ietf-navset {
background:#214197 url(/images/yui/sprite.png) repeat-x left -1400px;
color:white;
border:1px solid black;
padding:4px;
}
.ietf-navset .selected { font-weight:bold; padding: 0 3px; }
.ietf-navset a, .ietf-navset a:visited { color: white; padding:0 3px; }
.ietf-navset .actions { margin-top: 0.5em; font-style: italic; font-size: 90%; }
.ietf-ballot .left { background: #edf5ff; width:160px; padding-left: 10px; }
.ietf-ballot .right { padding-left: 15px; padding-right:15px; width:610px;padding-top:0px;}
.ietf-ballot h2.ballot_ad { background: #2647A0; color:white; padding: 2px 4px; font-size: 108%; margin-top: 0;}
.ietf-ballot .right { background: white; }
.ietf-ballot .square { border:1px solid black; display: block; float:left;width: 10px; height:10px;font-size:1px;margin-right:4px; margin-top:1px;}
.ietf-ballot .was { padding-left: 10px; font-size:85%; }
.ietf-stream tr { vertical-align: top; }
.ietf-stream ul.ietf-stream-tag-list { padding: 10px; margin: 0px; list-style-type: none; font-size: 10px; }
.ietf-stream ul.ietf-stream-tag-list li { margin-bottom: 1em; list-style-type: circle; color: #999999; }
.ietf-stream ul.ietf-stream-tag-list li.tag_set { font-weight: bold; list-style-type: disc; color: black; }
.ietf-stream td.right { padding-top: 1em; }
.ietf-stream .ietf-stream-head h2, .ietf-stream .ietf-stream-head h3 { margin: 0px; }
.ietf-stream .ietf-stream-head { margin-bottom: 2em; }
.ietf-stream .entry-title { background: #2647A0; color:white; padding: 2px 4px; font-size: 108%; margin-top: 0;}
.ietf-stream .entry-title .entry-date { float: right; }
.ietf-stream .entry-comment { background: #eeeeee; margin: 1em 0px; padding: 1em; }
.search-form-box { width: 99.5%; margin-top:8px; padding:4px; margin-bottom:1em; padding-left:8px; }
form#search_form { padding-top: 4px; padding-bottom: 4px; }
#search_form .submit { padding-top: 0.5em; }
#search_form .submit .button { padding: 0.2em 0.5em; border: 1px solid #999; }
#search_form input { padding: 0; padding-left: 2px; border: 1px solid #89d;}
#search_form input.radio { padding-left: 0; border: 0; }
#search_form select { border: 1px solid #89d; }
#search_form div.search_field { margin-top:2px; clear:both;}
#search_form .search_field > label { width: 170px; float: left; }
#search_form #search_advanced { margin-top: 1em; }
/* checkboxes for document types */
#search_form table#search_types { border-collapse:collapse;}
#search_form #search_types td { padding:0; }
#search_form #search_types td input { margin-left: 0; width:14px; border:0;}
/* give checkbox a fixed width so that IE6 aligns the left edge correctly */
#search_form #id_filename,
#search_form #id_author { width: 244px; }
#search_form #id_state,
#search_form #id_ad,
#search_form #id_positionAd { width:248px; }
#search_form #id_group {width: 120px; margin-right:4px; }
#search_form #id_area {width:120px; }
.search-text-shepherd { color: #808080; }
table.ietf-table { border-collapse:collapse; border:1px solid #7f7f7f; }
.ietf-table tr.evenrow { background-color: #EDF5FF; }
.ietf-table tr.oddrow { background-color: white; }
.ietf-table td { border-right: 1px solid #cbcbcb; padding:3px 6px; vertical-align: top; }
.ietf-table th { color: #fff; background: #2647A0; text-align: left; padding:3px 6px; border-right: 1px solid #7f7f7f; }
.ietf-doctable tr.header { border-top: 1px solid #7f7f7f; border-bottom: 1px solid #7f7f7f; border-left: 1px solid white; border-right:2px solid white;}
.ietf-doctable tr.header td {padding: 6px 6px; font-weight: bold; }
.ietf-doctable table { max-width: 1200px; }
.ietf-doctable th { white-space: nowrap; }
.ietf-doctable th a { text-decoration: none; color: #fff; }
.ietf-doctable th img { border-style: none; vertical-align: top; }
.ietf-doctable th.doc, .ietf-doctable td.doc { min-width:20em; max-width: 35em; }
.ietf-doctable th.title, .ietf-doctable td.title { min-width: 20em; max-width: 35em; }
.ietf-doctable th.date, .ietf-doctable td.date { white-space:nowrap; min-width: 6em;}
.ietf-doctable th.status, .ietf-doctable td.status { min-width: 20em;}
.ietf-doctable th.ipr { font-variant: small-caps; }
.ietf-doctable th.ad, .ietf-doctable td.ad { white-space:nowrap; min-width: 6em; }
.ietf-doctable td { padding-right: 0.5em; padding-left: 0.5em; }
.ietf-doctable td.ballot { border-left: hidden; min-width: 37px; }
.ietf-doctable td .updated-by { max-width: 20em; } /* some RFCs have really long lists */
.ietf-doctable .status .milestone,
.ietf-box .stream-state .milestone
{ display: inline-block; font-size: smaller; background-color: #d5dde6; padding: 0 0.2em; margin-left: 0.3em; }
.ietf-small { font-size:85%; }
.ietf-tiny { font-size:70%; }
.ietf-highlight-y { padding:0 2px;background:yellow;}
.ietf-highlight-r { padding:0 2px;background:#ffa0a0;}
.ietf-divider { background: #2647a0; color: white; font-size:116%; padding:0.5em 1em; }
table .snippet .show-all { color: blue; cursor: pointer; }
.error-text {
font-size: 1.095em;
width: 48em;
}
form .actions {
margin-top: 20px;
}
form .actions a {
margin-right: 10px;
}
form table th {
font-weight: normal;
text-align: left;
padding-right: 10px;
padding-top: 2px;
vertical-align: top;
}
form table .help, form table .helptext {
font-style: italic;
font-size: 11px;
}
@media print { .noprint { display: none } }
.color1 { color: #ffb000; }
.color2 { color: #00ffff; }
.bgcolor1 { background-color: #ffb000; }
.bgcolor2 { background-color: #00ffff; }
.square { width: 0.8ex; height: 0.8ex; margin: 0; padding: 0; display: inline-block; position: relative; top: 0.8ex; }
.big { font-size: 109.5%; margin: 0; padding: 0; }
.large { font-size: 120%; margin: 0; padding: 0; }
.huge { font-size: 144%; margin: 0; padding: 0; }
.warning { color: #a00; }
.position-discuss,
.position-block { background-color: #c00000;}
.position-yes { background-color: #80ff80;}
.position-noobj { background-color: #80ff80;}
.position-abstain { background-color: #ffff00;}
.position-recuse { background-color: #c0c0c0;}
.position-norecord { background-color: #ffffff;}
.ballot-icon table { empty-cells: show; padding: 0; border-spacing: 0; border: 1px solid #666; border-collapse: collapse; table-layout: fixed; min-width: 35px; background: #fff; }
.ballot-icon table td { border: 1px solid #666; height: 7px; width: 6px; padding: 0;}
.ballot-icon table td.my { border: 3px solid #000;}
.ballot-sidebar { width: 160px; float: left; margin-top: 0.4em; padding: 5px; background: #edf5ff; }
.ballot-sidebar .action { margin-bottom: 1em; }
.ballot-sidebar .position-group { margin-bottom: 1em; }
.ballot-sidebar .position-group .heading { font-weight: bold; }
.ballot-sidebar .position-group .square { border: 1px solid #000; display: inline-block; width: 10px; height: 10px; margin-right:4px; position: static; vertical-align: middle }
.ballot-sidebar .position-group .was { padding-left: 10px; font-size:85%; }
.ballot-sidebar .position-group:last-child { margin-bottom: 0; }
.ballot-content { margin-left: 180px; } /* this positions the content to the right of the sidebar */
.ballot-content .other-ballots { margin: 1em 0 2em 0; }
.ballot-content .other-ballots a { display: inline-block; margin-right: 0.5em; }
.ballot-content h2.ad-ballot-comment { background: #2647A0; color: #fff; padding: 2px 4px; font-size: 108%; margin-top: 0;}
.ballot-popup > .content { width: 860px; height: 500px; overflow: auto; background: #fff; border: 1px solid #ccc; }
.ballot-popup .ballot-sidebar { margin-top: 0; }
ul.messages { border: solid black 1px; margin: 0.4em 0; padding: 1em; }
li.debug { margin: 0.5em; background-color: #ccf; }
li.info { margin: 0.5em; background-color: #ff8; }
li.success { margin: 0.5em; background-color: #4f4; }
li.warning { margin: 0.5em; background-color: #fc8; color: black;}
li.error { margin: 0.5em; background-color: #f44; }
li.preformatted { white-space:pre-wrap; }
.errorlist, errorlist li {
background: red;
color: white;
padding: 0.2ex 0.2ex 0.2ex 0.5ex;
border: 0px;
margin: 0px;
font-family: Arial, sans-serif;
}
.errorlist a { color: #fff; }
.group-documents .search-results { margin-top: 1.5em; }
table.milestones td.due { vertical-align: top; width: 80px; }
table.milestones .doc { display: block; padding-left: 1em; }
#modal-box { background: #f0f0f0; border-radius: 2px; padding: 10px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.8); }
#modal-box .actions { padding-top: 1em; text-align: right; }
.button {
display: inline-block; padding: 4px 12px; margin-right: 0.3em;
color: #222; font-weight: normal; text-align: center; text-decoration: none; outline: none; cursor: pointer;
background: #eee; background: linear-gradient(#fff, #e0e0e0); background: -webkit-linear-gradient(#fff, #e0e0e0); background: -moz-linear-gradient(#fff, #e0e0e0);
border: 1px solid #666; border-radius: 3px;
transition-duration: 0.2s;
}
.button:hover { color: #111; background: #ddd; background: linear-gradient(#eee, #ccc); background: -webkit-linear-gradient(#eee, #ccc); background: -moz-linear-gradient(#eee, #ccc); }
.button:active { color: #000; background: #ccc; }
.button:disabled, .button:hover:disabled { color: #999; cursor: default; background: #eee; background: linear-gradient(#fff, #e0e0e0); background: -webkit-linear-gradient(#fff, #e0e0e0); background: -moz-linear-gradient(#fff, #e0e0e0); }
/* Message types */
div.info-message-success { border: 1px solid green; background-color: #eeffbb; padding: 5px 10px; margin: 1em 0px; color: green; }
div.info-message-warning { border: 1px dashed red; background-color: #ffeeaa; padding: 1em 2em; margin: 1em 0px; }
div.info-message-error { border: 1px solid red; background-color: #ffeebb; padding: 5px 10px; margin: 1em 0px; color: red; }
/* Form styles */
.baseform {
font-size: 12px;
}
.baseform .fieldset {
margin: 1em 0px;
border: none;
border: 1px solid #8899dd;
background-color: #edf5ff;
}
.baseform .fieldset h2 {
background-color: #2647a0;
color: white;
font-size: 14px;
padding: 5px 10px;
margin: 0px;
}
.baseform .field {
padding: 0.5em 10px;
}
.baseform .field label {
display: block;
width: 150px;
float: left;
clear: left;
}
.baseform .field .endfield {
clear: left;
}
.baseform .fieldWidget {
margin-left: 150px;
}
#feedbackformset .fieldWidget {
margin-left: 0px;
}
#feedbackformset .fieldWidget.defaultPos {
margin-left: 150px;
}
#feedbackformset ul {
padding: 0px;
}
#feedbackformset ul li {
display: inline;
}
#feedbackformset ul li label {
display: inline;
float: none;
}
#feedbackformset .baseform h3 {
margin-left: 12px;
margin-top: 24px;
margin-bottom: 0px;
}
#feedbackformset pre {
margin: 12px;
}
#feedbackformset table {width: 100%;}
#feedbackformset .oddradio { background-color: white; text-align: center;}
#feedbackformset .evenradio { background-color: #EDF5FF; text-align: center;}
#feedbackformset .toggle { padding: 0px; }
#feedbackformset .toggle a.trigger { display: block; width: 22px; height: 22px;}
#feedbackformset .toggle a.closed { background: url(../images/plus.png) no-repeat center center;}
#feedbackformset .toggle a.open { background: url(../images/minus.png) no-repeat center center;}
#feedbackformset tr.body td { border-bottom: 1px solid #cbcbcb;}
#feedbackformset tr.bodyform td { border-top: 1px solid #cbcbcb;}
.baseform select,
.baseform textarea,
.baseform input {
border: 1px solid #cccccc;
}
.baseform input {
font-size: 12px;
}
.nomcom-menu {
text-align: center;
}
.nomcom-edit {
font-style: italic;
font-size: 90%;
text-align: center;
margin-top: 0.5em;
}
span.fieldRequired {
color: red;
}
.fieldError {
background-color: #ffcc66;
}
.state-help-icon {
display: inline-block;
margin-left: 0.2em;
padding: 0 0.2em;
font-weight: bold;
font-style: normal;
font-size: 90%;
color: #999;
background-color: #ddd;
text-decoration: none;
}
.state-help-icon:hover {
color: #eee;
background-color: #bbb;
transition-duration: 0.2s;
}
.js-info { /* Javascript disabled box */
display: block;
background-color: #ffdd88;
border: 1px dashed red;
font-size: 1.2em;
padding: 1em 2em;
margin: 1em 0;
}
#login-pane {
width: 100%;
height: 100%;
// background: rgba(196,196,196,.5);
}
#login-form {
width: 24em;
padding: 2em;
margin-right: auto;
margin-left: auto;
margin-top: 10em;
background: white;
}
.login {
font-style: italic;
}