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

Line 2: Line 2:
  
 
<style>
 
<style>
−
#a {
 
−
}
 
−
#a li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:10%;
 
−
　　　}
 
−
#a li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
 
−
#a div
 
−
{
 
−
position: absolute;
 
−
visibility: hidden;
 
−
margin-top:5%;
 
−
margin-left:0%;
 
−
margin-right:0%;
 
−
 
−
padding: 0;
 
−
background:#39919F;
 
−
}
 
−
#a div a
 
−
{ position: relative;
 
−
display: block;
 
−
margin: 0;
 
−
width:auto;
 
−
white-space: nowrap;
 
−
text-align: left;
 
−
text-decoration: none;
 
−
background: #39919F;
 
−
color: #FFF;
 
−
font-size:15px;
 
−
font-family:Calibri;
 
−
font-weight:300;
 
−
}
 
−
#bb {
 
−
}
 
−
#bb li {
 
−
list-style-type:none;
 
−
text-align:left;
 
−
letter-spacing: 1px;
 
−
float: left;
 
−
width:8%;
 
−
　　　}
 
−
#bb li a {
 
−
float: left;
 
−
font-size: 20px;
 
−
padding-bottom:0px;
 
−
color: #000;
 
−
text-decoration:none;
 
−
　　　}
 
−
#bb li a:hover{
 
−
background:#39919F;
 
−
color: #FFF;
 
−
 
−
}
 
−
#bb div
 
−
{
 
−
position: absolute;
 
−
visibility: hidden;
 
−
margin-top:5%;
 
−
padding: 0;
 
−
background:#39919F;
 
−
}
 
−
#bb div a
 
−
{ position: relative;
 
−
display: block;
 
−
margin: 0;
 
−
padding: 3px 7px;
 
−
width:auto;
 
−
white-space: nowrap;
 
−
text-align: left;
 
−
text-decoration: none;
 
−
background: #39919F;
 
−
color: #FFF;
 
−
font-size:15px;
 
−
font-family:Calibri;
 
−
font-weight:300;
 
−
}
 
−
#bb div a:hover
 
−
{ background: #39919F;
 
−
color: #FFF;
 
−
}
 
−
 
−
.gg a:link img {
 
−
 
−
opacity: .6;
 
−
 
−
filter: Alpha(Opacity=60);
 
−
 
−
}
 
−
 
−
.gg a:visited img {
 
−
 
−
opacity: .6;
 
−
 
−
filter: Alpha(Opacity=60);
 
−
 
−
}
 
−
 
−
.gg a:hover img {
 
−
 
−
opacity: 1;
 
−
 
−
filter: Alpha(Opacity=100);
 
−
 
−
}
 
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
 
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
−
body {background-color:#FFCC99; }
+
body {background-color:#FFCC99;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
Line 131: Line 17:
 
padding:0px;
 
padding:0px;
 
float:left;  
 
float:left;  
−
background-color:#FFCC99;  
+
/*background-color:#FF9999;*/
 +
                background-color:#FFCC99;
 
text-align:left;
 
text-align:left;
 
}
 
}
Line 140: Line 27:
 
margin:-2px 0px 0px -20px;  
 
margin:-2px 0px 0px -20px;  
 
padding: 10px 10px;   
 
padding: 10px 10px;   
 +
/*border-bottom: 1px solid #d3d3d3; */
 
font-weight:bold;
 
font-weight:bold;
 
color:#000000;  
 
color:#000000;  
Line 282: Line 170:
 
padding:10px 0px;  
 
padding:10px 0px;  
 
float:left;  
 
float:left;  
−
background-color:#FFCC99;  
+
background-color:#FFCC99;
 
}
 
}
  
Line 386: Line 274:
 
}
 
}
  
−
/* Table */
+
/* Table */
 
.content_wrapper table {  
 
.content_wrapper table {  
 
width: 97%;  
 
width: 97%;  
Line 432: Line 320:
 
}
 
}
  
 +
/********************************* RESPONSIVE STYLING ********************************/
 +
 +
/* IF THE SCREEN IS LESS THAN 1000PX */
 +
 +
@media only screen and (max-width: 1000px) {
 +
 +
#content {width:100%; }
 +
.menu_wrapper {width:15%;}
 +
.content_wrapper {margin-left: 15%;}
 +
.menu_item {display:block;}
 +
.icon {display:none;}
 +
.highlight {padding:10px 0px;}
 +
}
 +
 +
 +
/* IF THE SCREEN IS LESS THAN 680PX */
 +
 +
@media only screen and (max-width: 680px) {
 +
.collapsable_menu_control { display:block;}
 +
.menu_item {display:none;}
 +
.menu_wrapper { width:100%; height: 15%; position:relative;}
 +
.icon {display:block;}
 +
.highlight {padding:15px 5px;}
 +
}
 
/********************************* RESPONSIVE STYLING ********************************/
 
/********************************* RESPONSIVE STYLING ********************************/
  

Revision as of 01:21, 5 August 2016