Difference between revisions of "Template:CIEI-China"

Line 13: Line 13:
 
         #left-fix{
 
         #left-fix{
 
             position: fixed;
 
             position: fixed;
float: left;
+
float: left;
margin: 150px 0 0 -25px;
+
margin: 150px 0 0 -25px;
 
             width: 160px;  
 
             width: 160px;  
background-color: #cccccc;  
+
background-color: #cccccc;  
 
         }
 
         }
  
Line 24: Line 24:
 
             right: 10px;
 
             right: 10px;
 
         }
 
         }
  #mycontent {
+
 
    padding-top: 20px;
+
  mycontent {
    margin-left: 150px;
+
    padding-top: 20px;
  }
+
    margin-left: 150px;
 +
  }
  
 +
        #content{
 +
        width: auto;
 +
        }
 +
       
 
         #top_title{
 
         #top_title{
 
             display: none;
 
             display: none;
 
         }
 
         }
 +
       
 
         #sideMenu{
 
         #sideMenu{
 
             display: none;
 
             display: none;
Line 46: Line 52:
 
             padding: 0;
 
             padding: 0;
 
         }
 
         }
 +
       
 
         .nav_bar ul li{
 
         .nav_bar ul li{
 
             float: left;
 
             float: left;
 
         }
 
         }
 +
       
 
         .nav_bar ul li a{
 
         .nav_bar ul li a{
 
             padding: 10px 20px;
 
             padding: 10px 20px;
Line 62: Line 70:
  
 
         }
 
         }
         .nav .dropdown-toggle li:hover ul{ display:block;}
+
       
 +
         .nav .dropdown-toggle li:hover ul{
 +
        display:block;
 +
        }
 +
       
 
         .logo{
 
         .logo{
 
             width: 50px;
 
             width: 50px;
 
         }
 
         }
 +
   
 
     </style>
 
     </style>
 
</head>
 
</head>
Line 71: Line 84:
  
 
<div id="left-fix">
 
<div id="left-fix">
<div>
+
<div>  
    <a href="#link1">Link1</a>
+
    <a href="#link1">Link1</a>
</div>
+
</div>
<div>
+
    <a href="#link2">Link2</a>
+
<div>
</div>
+
    <a href="#link2">Link2</a>
<div>
+
</div>
    <a href="#link3">Link3</a>
+
</div>
+
<div>
<div>
+
    <a href="#link3">Link3</a>
    <a href="#link4">Link4</a>
+
</div>
</div>
+
<div>
+
<div>
    <a href="#link5">Link5</a>
+
    <a href="#link4">Link4</a>
</div>
+
</div>
 +
 
 +
<div>
 +
    <a href="#link5">Link5</a>
 +
</div>
  
 
</div>
 
</div>
  
 
<div id="backtop">
 
<div id="backtop">
<a href="#">我要回到顶部</a>
+
<a href="#">我要回到顶部</a>
 
</div>
 
</div>
  

Revision as of 14:08, 3 October 2017

Bootstrap 101 Template