Difference between revisions of "Template:TCU Taiwan/CSS"

Line 2: Line 2:
 
<head>
 
<head>
 
<style type="text/css">
 
<style type="text/css">
−
<script>    $('head').empty(); </script>
 
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear
 
−
{display: none;} /*-- hides default wiki settings --*/
 
  
−
html, body {
+
#contentSub, #footer-box, #catlinks, #search-controls,
−
    width: auto !important;
+
#p-logo, .printfooter, .firstHeading, .visualClear {
−
    /*overflow-x: hidden !important;*/
+
display: none;
−
    height: 100% !important;
+
}
−
  }
+
−
 
+
−
.firstHeading {
+
−
width: 975px;
+
−
margin: 0px auto;
+
−
padding-top: 100px;
+
−
margin-bottom: 20px;
+
−
font-family: Georgia, Times, "Times New Roman", serif;
+
−
}
+
−
 
+
−
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
+
−
 
+
−
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
+
−
background-color: #383838;
+
−
border: 0 none;
+
−
height: 14px;
+
−
z-index: 100;
+
−
top: 0;
+
−
position: fixed;
+
−
width: 975px;
+
−
left: 50%;
+
−
margin-left: -487px;
+
−
}
+
−
 
+
−
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
+
−
background-color: #383838;
+
−
height: 14px;
+
−
display: block;
+
−
z-index: 10;
+
−
position: fixed;
+
−
width: 100%;
+
−
top: 0;
+
−
}
+
−
 
+
−
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
+
−
color: #727272;
+
−
text-decoration: none;
+
−
background-color: transparent;
+
−
}
+
−
 
+
−
body {
+
−
background-color: #fff;
+
−
}
+
−
 
+
−
#globalWrapper, #content { /*-- changes default wiki settings --*/
+
−
width: 100%;
+
−
height: 100%;
+
−
border: 0px;
+
−
background-color: transparent;
+
−
margin: 0px;
+
−
padding: 0px;
+
−
}
+
−
 
+
−
html, body, .wrapper { /*-- changes default wiki settings --*/
+
−
width: 100%;
+
−
height: 100%;
+
−
background-color: transparent;
+
−
}
+
−
 
+
−
#contentcontainer { /*-- creates container for all content on page --*/
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
font-weight: normal;
+
−
font-size: 14px;
+
−
color: #414141;
+
−
width: 960px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
background-color: #transparent;
+
−
margin-top: 0px;
+
−
}
+
−
 
+
−
.sidemenu, .sidemenu li {  
+
−
list-style-type: none;
+
−
list-style-image: none;
+
−
font-family: verdana;
+
−
text-decoration: none;
+
−
color:#000;
+
−
font-size: 14px;
+
−
}
+
−
 
+
−
.sidemenu li {display: block;}
+
−
 
+
−
.sidemenu a {
+
−
text-decoration:none;  
+
−
color: #000;
+
−
display: block;
+
−
width: 180px;
+
−
height: 100%;
+
−
padding: 3px 5px;
+
−
transition: .25s ease-in-out;
+
−
-moz-transition: .25s ease-in-out;
+
−
-webkit-transition: .25s ease-in-out;
+
−
}
+
−
 
+
−
.sidemenu a.greyout { color: #909090; }
+
−
 
+
−
.sidemenu a:hover {
+
−
color:#666;
+
−
background-color: #d9f5aa;
+
−
}
+
−
 
+
−
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
+
−
.sub-sidemenu a {color: #666;}
+
−
 
+
−
div.underconst
+
−
{
+
−
padding:10px;
+
−
border-radius:5px;
+
−
background-color:pink;
+
−
text-align:center;
+
−
}
+
−
 
+
−
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
+
−
 
+
−
.contentpara {margin-bottom: 30px;}
+
−
 
+
−
span.email{font-family: monospace; font-weight: normal;}
+
−
 
+
−
fieldset {border: 1px solid #337f53;}
+
−
 
+
−
.greyout {color: #A0A0A0;}
+
−
.highlightme {background-color: #FFFF00;}
+
−
 
+
−
#alertContainer { margin-bottom: 10px; width: 936px;}
+
−
#annContainer {margin-left: 8px;}
+
−
#newsContainer {border: 1px solid #ccc;}
+
−
 
+
−
.newsTitle {
+
−
display: block;
+
−
color: #414141;
+
−
font-size: 25px; 
+
−
        font-family: Georgia, Times, "Times New Roman", serif;
+
−
padding: 10px 15px 5px 10px;
+
−
border-bottom: 1px solid #ccc;
+
−
margin-bottom: 0px;
+
−
}
+
−
 
+
−
.newsItem {
+
−
border-bottom: 1px solid #ccc;
+
−
display: block;
+
−
padding: 5px 15px 0px 10px;
+
−
margin-bottom: 0px;
+
−
}
+
−
 
+
−
.newsItem h3 {
+
−
width: auto;
+
−
display: inline;
+
−
font-size: 14px;
+
−
font-family: Arial, Helvetica, sans-serif;
+
−
padding: 0px;
+
−
margin: 0px;
+
−
}
+
−
 
+
−
.newsItem img {
+
−
float: right;
+
−
clear: right;
+
−
width: 80px;
+
−
padding-left: 15px;
+
−
display: inline-block;
+
−
}
+
−
 
+
−
.newsItem .newsDate {
+
−
font-style: italic;
+
−
font-size: 14px;
+
−
display: inline-block;
+
−
color: #999;
+
−
float: right;
+
−
padding: 0px 0px 10px 15px;
+
−
}
+
−
 
+
−
.newsItem p, .newsItem ul, .newsItem li {
+
−
padding: 0px;
+
−
margin-left: 20px;
+
−
font-size: 12px;
+
−
line-height: 1.2;
+
−
}
+
−
 
+
−
.newsItem p {margin-top: 10px;}
+
−
 
+
−
.annItem {
+
−
border: 2px solid #414141;
+
−
display: block;
+
−
padding: 0px 15px 10px 10px;
+
−
margin-bottom: 18px;
+
−
position: relative;
+
−
height: 160px;
+
−
vertical-align: middle;
+
−
}
+
−
 
+
−
.annItem .annCentered {
+
−
display: table-cell;
+
−
vertical-align: middle;
+
−
height: 160px;
+
−
}
+
−
 
+
−
.annCentered h3 {
+
−
padding: 0px;
+
−
display: block;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
+
−
.annItem li {list-style: none; margin: 5px}
+
  
 +
#top-section {
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
font-size: 100%;
 +
}
 +
 +
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
  
 +
.navbar {
 +
margin: 0 auto;
 +
margin-top: 1em;
 +
padding: 1em;
 +
border-radius: 10px;
 +
}
  
 
</style>
 
</style>
−
</style>
+
</head>
−
 
+
  
  
 
</html>
 
</html>

Revision as of 17:42, 30 May 2015