Team:NCTU Formosa/example.css

@CHARSET "ISO-8859-1"; /* Reset CSS

* --------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td {

   padding: 0;
   margin: 0;

} a{ text-decoration:none; } table {

   border-spacing: 0;

} fieldset,img {

   border: 0;

} address,caption,cite,code,dfn,em,strong,th,var {

   font-weight: normal;
   font-style: normal;

} strong{ font-weight: bold; } ol,ul {

   list-style: none;
   margin:0;
   padding:0;

} caption,th {

   text-align: left;

} h1,h2,h3,h4,h5,h6 {

   font-weight: normal;
   font-size: 100%;
   margin:0;
   padding:0;
   color:#444;

} q:before,q:after {

   content:;

} abbr,acronym { border: 0; }

/* Custom CSS

* --------------------------------------- */

body{ font-family: arial,helvetica; color: #333; color: rgba(0,0,0,0.5); } .wrap{ margin-left: auto; margin-right: auto; width: 960px; position: relative; } h1{ font-size: 6em; } p{ font-size: 2em; } .intro p{ width: 50%; margin: 0 auto; font-size: 1.5em; } .section{ text-align:center; }

1. menu li {

display:inline-block; margin: 10px; color: #000; background:#fff; background: rgba(255,255,255, 0.5); -webkit-border-radius: 10px;

           border-radius: 10px;

}

1. menu li.active{

background:#666; background: rgba(0,0,0, 0.5); color: #fff; }

1. menu li a{

text-decoration:none; color: #000; }

1. menu li.active a:hover{

color: #000; }

1. menu li:hover{

background: rgba(255,255,255, 0.8); }

1. menu li a,
2. menu li.active a{

padding: 9px 18px; display:block; }

1. menu li.active a{

color: #fff; }

1. menu{

position:fixed; top:0; left:0; height: 40px; z-index: 70; width: 100%; padding: 0; margin:0; } .twitter-share-button{ position: fixed; z-index: 99; right: 149px; top: 9px; }

1. download{

margin: 10px 0 0 0; padding: 15px 10px; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; vertical-align: middle; cursor: pointer; display: inline-block; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); }

1. download a{

text-decoration:none; color:#fff; }

1. download:hover{

text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-color: #2F96B4; background-position: 0 -15px; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -ms-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; }

1. infoMenu{

height: 20px; color: #f2f2f2; position:fixed; z-index:70; bottom:0; width:100%; text-align:right; font-size:0.9em; padding:8px 0 8px 0; }

1. infoMenu ul{

padding: 0 40px; }

1. infoMenu li a{

display: block; margin: 0 22px 0 0; color: #333; }

1. infoMenu li a:hover{

text-decoration:underline; }

1. infoMenu li{

display:inline-block; position:relative; }

1. examplesList{

display:none; background: #282828; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 20px; float: left; position: absolute; bottom: 29px; right: 0; width:638px; text-align:left; }

1. examplesList ul{

padding:0; }

1. examplesList ul li{

display:block; margin: 5px 0; }

1. examplesList ul li a{

color: #BDBDBD; margin:0; }

1. examplesList ul li a:hover{

color: #f2f2f2; }

1. examplesList .column{

float: left; margin: 0 20px 0 0; }

1. examplesList h3{

color: #f2f2f2; font-size: 1.2em; margin: 0 0 15px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1); padding: 0 0 5px 0; }

/* Demos Menu

* --------------------------------------- */
#demosMenu{

position:fixed; bottom: 10px; right:10px; z-index: 999;

}