Index: appengine/monorail/static/css/ph_core.css |
diff --git a/appengine/monorail/static/css/ph_core.css b/appengine/monorail/static/css/ph_core.css |
new file mode 100644 |
index 0000000000000000000000000000000000000000..fe91619da00ef14987e30ffe73467705cc4bd9d9 |
--- /dev/null |
+++ b/appengine/monorail/static/css/ph_core.css |
@@ -0,0 +1,835 @@ |
+/* Copyright 2016 The Chromium Authors. All Rights Reserved. |
+ * |
+ * Use of this source code is governed by a BSD-style |
+ * license that can be found in the LICENSE file or at |
+ * https://developers.google.com/open-source/licenses/bsd |
+ */ |
+ |
+@charset "utf-8"; |
+ |
+body { |
+ background: #fff; |
+ font: 82% arial, sans-serif; |
+ margin: 0 0 3px 0; |
+ min-width: 768px; |
+} |
+ |
+#monobar { |
+ background: #f1f1f1; |
+ margin: 0; |
+ padding: 0; |
+ border-bottom: 1px solid #ccc; |
+} |
+ |
+#monobar th { |
+ border-right: 1px solid #ccc; |
+ white-space: nowrap; |
+ vertical-align: middle; |
+ font-weight: normal; |
+} |
+ |
+.padded { |
+ padding: 4px 1em; |
+} |
+ |
+#monobar a#wordmark { |
+ font-family: sans-serif; |
+ font-variant: small-caps; |
+ font-size: 140%; |
+ font-weight: bold; |
+ font-style: oblique; |
+ color: #822; |
+ letter-spacing: 1px; |
+ text-decoration: none; |
+} |
+ |
+#thumbnail_box { |
+ background-color: white; |
+ vertical-align: middle; |
+} |
+ |
+#thumbnail_box a, #thumbnail_box img { |
+ display: block; |
+} |
+ |
+.toptabs a:link, .toptabs a:visited { |
+ color: #444; |
+ padding: 0 .5em ; |
+ text-decoration: none; |
+} |
+ |
+.toptabs a:hover { |
+ color: #00c; |
+ text-decoration: underline; |
+} |
+ |
+.toptabs a.active { |
+ font-weight: bold; |
+ color: #000; |
+ text-decoration: none; |
+} |
+ |
+#userbar { |
+ text-align: right; |
+} |
+ |
+#userbar a { |
+ color: #000; |
+} |
+ |
+.subt { |
+ background: #e3e9ff; |
+ margin: 0; |
+ padding: 2px 1em; |
+ border-bottom: 1px solid #ddd; |
+} |
+ |
+a:link, a:focus { |
+ color: #00c; |
+} |
+ |
+a:active { |
+ color: red; |
+} |
+ |
+select, input { |
+ font-family: arial, sans-serif; |
+} |
+ |
+input[type="text"] { |
+ border-color: #999 #ccc #ccc; |
+ border-style: solid; |
+ border-width: 1px; |
+ padding: 2px 1px; |
+} |
+ |
+input[type=button], input[type=reset], input[type=submit], .buttonify { |
+ font-size: 100%; |
+ background: url("/static/images/button-bg.gif") repeat-x scroll left top #E3E3E3; |
+ background: -webkit-gradient(linear,0% 40%,0% 70%,from(#F9F9F9),to(#E3E3E3)); |
+ background: -moz-linear-gradient(top, #fff, #ddd); |
+ |
+ vertical-align: baseline; |
+ padding: 1px 3px 1px 3px; |
+ border: 1px solid #aaa; |
+ border-top-color: #ccc; |
+ border-bottom-color: #888; |
+ border-radius: 3px; |
+ cursor: pointer; |
+ text-decoration: none; |
+} |
+ |
+.buttonify { |
+ color: #000 !important; |
+} |
+ |
+@-moz-document url-prefix() { |
+ .buttonify { |
+ padding: 2px 3px 2px 3px; |
+ } |
+} |
+ |
+input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .buttonify:hover { |
+ border-color: #666; |
+ text-decoration: none !important; |
+} |
+ |
+.capsule_left { |
+ border-right: 0; |
+ border-top-right-radius: 0; |
+ border-bottom-right-radius: 0; |
+} |
+ |
+.capsule_right { |
+ border-top-left-radius: 0; |
+ border-bottom-left-radius: 0; |
+} |
+ |
+.capsule_middle { |
+ border-radius: 0; |
+ border-right: 0; |
+} |
+ |
+.mode_button_active, .buttonify:active, |
+input[type=button]:active, input[type=reset]:active, input[type=submit]:active { |
+ background: url("/static/images/button-bg.gif") repeat-x scroll left bottom #bbb; |
+ background: -webkit-gradient(linear,0% 40%,0% 70%,from(#e3e3e3),to(#f9f9f9)); |
+ background: -moz-linear-gradient(top, #e3e3e3, #f9f9f9); |
+ border-color: #aaa; |
+} |
+ |
+textarea { |
+ border-color: #999 #ccc #ccc; |
+ border-style: solid; |
+ border-width: 1px; |
+} |
+ |
+td td, th th, th td, td th { |
+ font-size: 100%; |
+} |
+ |
+pre { |
+ font-size: 110%; |
+} |
+ |
+form { |
+ padding: 0; |
+ margin: 0; |
+} |
+ |
+/* Project tab bar. */ |
+.gtb { |
+ background: #fff; |
+ border-bottom: 1px solid #ccc; |
+ padding: 5px 10px 0 5px; |
+ white-space: nowrap; |
+} |
+ |
+.user_bar { |
+ cursor: pointer; |
+ float: right; |
+ margin: 5px 15px 6px 10px; |
+} |
+ |
+.gtb .gtbc { |
+ clear: left; |
+} |
+ |
+table { |
+ border-collapse: separate; |
+} |
+ |
+.nowrap { white-space: nowrap; } |
+ |
+.bubble_bg { |
+ background: #e5ecf9; |
+ margin-bottom: 0.6em; |
+} |
+ |
+.bubble { |
+ padding: 4px; |
+} |
+ |
+#bub { |
+ padding: 0 1px 0 1px; |
+} |
+ |
+.bub-top { |
+ margin: 0 2px 2px; |
+} |
+ |
+.bub-bottom { |
+ margin: 2px 2px 0; |
+} |
+ |
+.drop-down-bub { |
+ font-size: 80%; |
+ margin-top: -1px; |
+} |
+ |
+ |
+h4 { |
+ color: #222; |
+ font-size: 18pt; |
+ margin: 1.5em 0 .5em 0; |
+ padding: 0; |
+} |
+ |
+.section { |
+ margin: 0 4px 1.6em 4px; |
+ padding:4px; |
+} |
+.section .submit { |
+ margin: 8px; |
+} |
+ |
+#maincol { |
+ padding:4px; |
+ background: #fff; |
+} |
+ |
+.isf a, .at a, .isf a:visited, .at a:visited { |
+ color: #0000cc; |
+ text-decoration: none; |
+} |
+ |
+.at span { |
+ margin-right: 1em; |
+ white-space: nowrap; |
+} |
+ |
+.isf a:hover, .at a:hover { |
+ color: #0000cc; |
+ text-decoration: underline; |
+} |
+ |
+.at { |
+ padding-top: 6px; |
+ padding-bottom: 3px; |
+} |
+ |
+.st1 .inst1 a, |
+.st2 .inst2 a, |
+.st3 .inst3 a, |
+.st4 .inst4 a, |
+.st5 .inst5 a, |
+.st6 .inst6 a, |
+.st7 .inst7 a, |
+.st8 .inst8 a, |
+.st9 .inst9 a { |
+ color: #000; |
+ font-weight: bold; |
+ text-decoration: none; |
+} |
+ |
+.notice, .error { |
+ background: #fff1a8; |
+ font-weight: bold; |
+ padding: 4px 16px; |
+ border-radius: 4px; |
+} |
+ |
+.adminonly { |
+ color: #a00; |
+ font-style: italic; |
+} |
+ |
+.fielderror { |
+ color: #a00; |
+ font-weight: bold; |
+ padding: 4px; |
+} |
+ |
+.tip, .help { |
+ background: #e5ecf9; |
+ font-size: 92%; |
+ margin: 5px; |
+ padding: 6px; |
+ border-radius: 6px; |
+} |
+ |
+.tip { |
+ width: 14em; |
+} |
+ |
+.help { |
+ width: 44em; |
+} |
+ |
+/* Google standard */ |
+.gbh { |
+ border-top: 1px solid #C9D7F1; |
+ font-size: 1px; |
+ height: 0; |
+ position: absolute; |
+ top: 24px; |
+ width: 100%; |
+} |
+ |
+#pname { |
+ font-size:300%; |
+ margin: 0; |
+ padding: 0; |
+} |
+ |
+#pname a, |
+#pname a:visited { |
+ text-decoration:none; |
+ color: #666; |
+} |
+ |
+#project_summary_link { |
+ text-decoration: none; |
+ color: #444; |
+} |
+ |
+.vt td, |
+.vt th, |
+.vt { |
+ vertical-align: top; |
+} |
+ |
+.indicator { |
+ font-size: x-small; |
+ color: #00c; |
+} |
+ |
+div.h4, table.h4 { |
+ background-color: #e5ecf9; |
+ margin-bottom: 2px; |
+ border-top: 1px solid #3366cc; |
+ padding: 2px; |
+ font-weight: bold; |
+ position: relative; |
+ margin-top: 2px; |
+} |
+ |
+.mainhdr { |
+ background-color: #ebeff9; |
+ border-bottom: 1px solid #6b90da; |
+ font-weight: bold; |
+ font-size: 133%; |
+ padding: 2px; |
+} |
+ |
+.secondaryhdr { |
+ background-color: #eee; |
+ padding: 10px; |
+ border-bottom: 1px solid #ddd; |
+ border-left: 1px solid #ddd; |
+ border-right: 1px solid #ddd; |
+} |
+ |
+h1 { |
+ font-size: x-large; |
+ margin-top: 0px; |
+} |
+ |
+h2 { |
+ font-size: large; |
+} |
+ |
+h3 { |
+ font-size: medium; |
+ background: #e5ecf9; |
+ border-top: 1px solid #3366cc; |
+ padding: 0.5ex 0.5em 0.5ex 0.5em; |
+ margin-right: 2em; |
+} |
+ |
+h4 { |
+ font-size: small; |
+} |
+ |
+img { |
+ border: 0; |
+} |
+ |
+#user_bar { |
+ text-align: right; |
+ margin-bottom: 10px; |
+} |
+ |
+#user_bar a { |
+ color: #00c; |
+ text-decoration: none; |
+} |
+ |
+#header { |
+ position: relative; |
+ height: 55px; |
+ padding-top: 6px; |
+ margin-bottom: -9px; |
+} |
+ |
+#title { |
+ margin-left: 171px; |
+ border-top: 1px solid #3366cc; |
+ background-color: #e5ecf9; |
+ font-size: large; |
+ font-weight: bold; |
+ padding-left: 3px; |
+ padding-top: 1px; |
+ padding-bottom: 1px; |
+} |
+ |
+#footer { |
+ clear: both; |
+ text-align: right; |
+ padding-top: 1em; |
+ margin: 3.5em 0em; |
+ color: #999; |
+} |
+ |
+#footer a, |
+#footer a:visited { |
+ text-decoration: none; |
+ margin-right: 2em; |
+} |
+ |
+.label { text-decoration: none; color: green !important; } |
+.label:hover { text-decoration: underline; } |
+ |
+.fieldvalue { text-decoration: none; } |
+.fieldvalue:hover { text-decoration: underline; } |
+ |
+#colcontrol { |
+ padding: 5px; |
+} |
+ |
+#cue { |
+ margin-top: -4px; |
+ padding: 1px; |
+ background: #f9edbe; |
+ border: 1px solid #f0c36d; |
+} |
+#cue td span { |
+ font-size: 85%; |
+ text-align: center; |
+ padding: 0 1em; |
+ } |
+ |
+.results tr td { border: 0; } |
+.results tr:last-child td { border-bottom: 1px solid #f8f8f8 } |
+.striped tr:nth-child(even) { background: #f8f8f8; } |
+ |
+.results th, .results_lite th { |
+ background: #e3e9ff; |
+ text-align: left; |
+ padding: 3px; |
+ border: 0; |
+ border-right: 1px solid #fff; |
+} |
+.results th:last-child { border-right: 0; } |
+ |
+.results th a, .results th a:visited { |
+ color: #0000cc; |
+ padding-right: 4px; |
+ margin-right: 4px; |
+} |
+.results td { cursor: pointer } |
+.results td { padding: 4px; } |
+.results td a { color: #000; text-decoration: none; } |
+.results td.id a { color: #0000cc; text-decoration: underline; white-space: nowrap; } |
+.results td.id a:visited { color: purple; text-decoration: underline; } |
+.results td.id a:hover { color: red; text-decoration: underline; } |
+table.results .hoverTarget:hover { color: #009; background-color: #f8f8ff; } |
+table.results .hoverTarget:hover a { color: #009; } |
+.results .label { font-size: 80% } |
+.results .selected { background-color: #ffe; } |
+.results .selected:nth-child(even) { background-color: #f8f8e8; } |
+.results td tt { color: #999; font-style: italic; font-weight: bold; } |
+.results .displayproperties { font-size: 80%; color: #666; } |
+ |
+.results .grid td { border: solid #f1f1f1; border-width: 0 1px 1px 0; } |
+.results .grid .gridtile tr { border: 0; } |
+.results .grid .gridtile td { border: 0; } |
+ |
+.comptable.all .comprow { display: table-row; } |
+.comptable.active .comprow { display: none; } |
+.comptable.active .comprow.active { display: table-row; } |
+.comptable.toplevel .comprow { display: none; } |
+.comptable.toplevel .comprow.toplevel { display: table-row; } |
+.comptable.toplevel .comprow.toplevel.deprecated { display: none; } |
+.comptable.myadmin .comprow { display: none; } |
+.comptable.myadmin .comprow.myadmin { display: table-row; } |
+.comptable.mycc .comprow { display: none; } |
+.comptable.mycc .comprow.mycc { display: table-row; } |
+.comptable.deprecated .comprow { display: none; } |
+.comptable.deprecated .comprow.deprecated { display: table-row; } |
+ |
+/* The revision flipper. */ |
+.flipper { font-family: monospace; font-size: 120%; } |
+.flipper ul { list-style-type: none; padding: 0; margin: 0em 0.3em; } |
+.flipper b { margin: 0em 0.3em; } |
+ |
+.closed .ifOpened { display: none } |
+.closed .opened span.ifOpened { display: inline } |
+.opened .ifClosed { display: none } |
+.opened .closed span.ifClosed { display: inline } |
+ |
+a.star { |
+ text-decoration: none; |
+ cursor: pointer; |
+ display: inline-block; |
+ font-size: 18px; |
+} |
+ |
+a.spamflag { |
+ text-decoration: none; |
+ cursor: pointer; |
+} |
+ |
+.h3 { |
+ font-size: 130%; |
+ font-weight: bolder; |
+ font-family: "Geneva", arial, sans-serif; |
+} |
+input { padding-left: 1px; padding-right: 1px; } |
+textarea { padding-left: 1px; padding-right: 1px; } |
+ |
+.pagination { font-size: 100%; float: right; white-space: nowrap; } |
+.pagination a { margin-left: 0.3em; margin-right: 0.3em; } |
+ |
+.author { margin-bottom: 1em; } |
+ |
+#searchtips { padding-left: 2em; } |
+#searchtips p { margin-left: 2em; } |
+ |
+.issueList .inIssueList span, |
+.issueAdvSearch .inIssueAdvSearch a, |
+.issueSearchTips .inIssueSearchTips a { |
+ font-weight: bold; |
+ text-decoration: none; |
+ color: #000; |
+} |
+ |
+iframe[frameborder="1"] { |
+ border: 1px solid #999; |
+} |
+ |
+/* For project menu */ |
+.menuDiv { |
+ margin-top: 5px; |
+ border-color: #C9D7F1 #3366CC #3366CC #A2BAE7; |
+ border-style: solid; |
+ border-width: 1px; |
+ z-index: 1001; |
+ padding: 0; |
+ width: 175px; |
+ background: #fff; |
+ overflow: hidden; |
+} |
+.menuDiv .menuText { |
+ padding: 3px; |
+ text-decoration: none; |
+ background: #fff; |
+} |
+.menuDiv .menuItem { |
+ color: #0000CC; |
+ padding: 3px; |
+ text-decoration: none; |
+ background: #fff; |
+} |
+.menuDiv .menuItem:hover { |
+ color: #FFF; |
+ background: #3366CC; |
+} |
+.menuDiv .categoryTitle { |
+ padding-left: 1px; |
+} |
+.menuDiv .menuCategory, |
+.menuDiv .categoryTitle { |
+ margin-top: 4px; |
+} |
+.menuDiv .menuSeparator { |
+ margin: 0 0.5em; |
+ border: 0; |
+ border-top: 1px solid #C9D7F1; |
+} |
+ |
+.hostedBy { |
+ text-align: center; |
+ vertical-align: center; |
+} |
+ |
+.fullscreen-popup { |
+ position: fixed; |
+ right: 4%; |
+ left: 4%; |
+ top: 5%; |
+ max-height: 90%; |
+ opacity: 0.85; |
+ -moz-opacity: 0.85; |
+ -khtml-opacity: 0.85; |
+ filter: alpha(opacity=85); |
+ -moz-border-radius: 10px; |
+ |
+ background: #000; |
+ color: white; |
+ text-shadow: #000 1px 1px 7px; |
+ |
+ padding: 1em; |
+ z-index: 10; |
+ overflow-x: hidden; |
+ overflow-y: hidden; |
+} |
+ |
+/* Make links on this dark background a lighter blue. */ |
+.fullscreen-popup a { |
+ color: #dd0; |
+} |
+ |
+div#keys_help th { |
+ color: yellow; |
+ text-align: left; |
+} |
+ |
+div#keys_help td { |
+ font-weight: normal; |
+ color: white; |
+} |
+ |
+td.shortcut { |
+ text-align: right; |
+} |
+ |
+span.keystroke { |
+ color: #8d0; |
+ font-family: monospace; |
+ font-size: medium; |
+} |
+ |
+#ac-list { |
+ border: 1px solid #bbb; |
+ background: #fff; |
+ color: #00C; |
+ padding: 2px; |
+ z-index: 10; |
+ max-height: 18em; |
+ overflow-x: hidden; |
+ overflow-y: auto; |
+} |
+#ac-list { font-size: 95%; } |
+#ac-list tr { margin: 1px; cursor: pointer; padding: 0 10px; } |
+#ac-list th { color: #333; text-align: left; } |
+#ac-list .selected, |
+#ac-list .selected td { background: #c3d9ff; } |
+#ac-list td, #ac-list th { white-space: nowrap; padding-right: 22px} |
+ |
+.list { |
+ background-color:#fff; |
+ padding: 5px; |
+} |
+ |
+.list-foot { |
+ background-color:#fff; |
+ padding: 5px; |
+ height: 20px; |
+} |
+ |
+.graytext { |
+ color: #666; |
+} |
+ |
+.vspacer { |
+ margin-top: 1em; |
+} |
+ |
+.hspacer { |
+ margin-right: 1em; |
+} |
+ |
+.emphasis { |
+ font-weight: bold; |
+} |
+ |
+.formrow { |
+ vertical-align: top; |
+ padding-bottom: .569em; |
+ white-space: nowrap; |
+ overflow: hidden; |
+ padding-top: .2em; |
+} |
+ |
+.forminline { |
+ display: inline-block; |
+ vertical-align: top; |
+} |
+ |
+.formlabelgutter { |
+ margin-top: 0.3em; |
+ text-align: right; |
+ vertical-align: top; |
+ white-space: normal; |
+ width: 13em; |
+} |
+ |
+.formlabel { |
+ font-weight: bold; |
+ text-align: right; |
+} |
+ |
+.forminputgutter { |
+ margin-top: 0.3em; |
+ text-align: left; |
+ vertical-align: top; |
+ white-space: normal; |
+ width: 36em; |
+} |
+ |
+.forminput { |
+ width: 100%; |
+} |
+ |
+.formshortinput { |
+ width: 11em; |
+} |
+ |
+.formselectgutter { |
+ margin-top: 0.3em; |
+ text-align: left; |
+ vertical-align: top; |
+ white-space: normal; |
+ width: 18em; |
+} |
+ |
+.formselect { |
+ width: 18em; |
+} |
+ |
+.formqm { |
+ margin-left: 0.25em; |
+ margin-right: 0.25em; |
+} |
+ |
+.formerror { |
+ color: #a00; |
+ display: block; |
+ text-align: left; |
+} |
+ |
+.tablerow { |
+ vertical-align: top; |
+ padding-bottom: .569em; |
+ white-space: nowrap; |
+ overflow: hidden; |
+ padding-top: .2em; |
+} |
+ |
+.tablelabelgutter { |
+ margin-top: 0.3em; |
+ text-align: left; |
+ vertical-align: top; |
+ white-space: normal; |
+ width: 10em; |
+} |
+ |
+.tablelabel { |
+ font-weight: bold; |
+ text-align: left; |
+} |
+ |
+/* Gecko */ |
+html>body .goog-inline-block { |
+ display: -moz-inline-box; /* This is ignored by FF3 and later*/ |
+ display: inline-block; /* This is ignored by pre-FF3 Gecko */ |
+} |
+ |
+/* Default rule */ |
+.goog-inline-block { |
+ position: relative; |
+ display: inline-block; |
+} |
+ |
+/* Pre-IE7 */ |
+* html .goog-inline-block { |
+ display: inline; |
+} |
+ |
+/* IE7 */ |
+*:first-child+html .goog-inline-block { |
+ display: inline; |
+} |
+ |
+#popular { |
+ border: solid silver; |
+ border-width: 1px 0 1px 0; |
+ padding: 0.3em; |
+ width: 40em; |
+} |
+ |
+#popular table { |
+ width: 40em; |
+} |
+ |
+#popular td { |
+ padding: 2px; |
+ white-space: nowrap; |
+} |
+ |
+#intro { |
+ background:#ada; |
+ margin: 3em; |
+ width: 52em; |
+} |