Difference between revisions of "Team:Lanzhou/Testing"

Line 6: Line 6:
 
   <title>Team:LZU 2015</title>
 
   <title>Team:LZU 2015</title>
 
   <link rel="shortcut icon" href="http://7xkks8b.com1.z0.glb.clouddn.com/imgfavicon.ico" />
 
   <link rel="shortcut icon" href="http://7xkks8b.com1.z0.glb.clouddn.com/imgfavicon.ico" />
−
<style type="text/css">
 
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 
−
#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; 
 
−
}
 
−
</style>
 
−
 
−
 
−
 
 
   <!-- CSS
 
   <!-- CSS
 
   <link href="http://7xlqzr.com1.z0.glb.clouddn.com/materialize" type="text/css" rel="stylesheet" media="screen,projection"/>
 
   <link href="http://7xlqzr.com1.z0.glb.clouddn.com/materialize" type="text/css" rel="stylesheet" media="screen,projection"/>
Line 31: Line 11:
 
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
   -->
 
   -->
 +
<style type="text/css">
 +
  #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
 +
  #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; 
 +
  }
 +
</style>
 
</head>
 
</head>
  
Line 36: Line 33:
  
  
−
<body>
 
  
  
  
 +
 +
<body>
  
 
<div style="width: 100%; height: 100%;border: 0px;background-color: transparent;margin: 0px;padding: 0px;">
 
<div style="width: 100%; height: 100%;border: 0px;background-color: transparent;margin: 0px;padding: 0px;">
 
<div style="width: 100%; height: 100%; background-color: transparent; ">
 
<div style="width: 100%; height: 100%; background-color: transparent; ">
−
<header style="margin-top:16px;z-index=9999">
 
−
 
−
 
  
 +
<!--nav testing begin-->
 +
<header style="margin-top:16px;z-index=9999">
 
   <nav class="white" role="navigation">
 
   <nav class="white" role="navigation">
 
     <div class="nav-wrapper container">
 
     <div class="nav-wrapper container">
Line 76: Line 73:
 
         </li>
 
         </li>
 
       </ul>
 
       </ul>
−
 
 
       <ul id="nav-mobile" class="side-nav">
 
       <ul id="nav-mobile" class="side-nav">
 
         <li><a href="#">Main</a></li>
 
         <li><a href="#">Main</a></li>
Line 89: Line 85:
 
   </nav>
 
   </nav>
 
</header>
 
</header>
 +
<!--nav testing end-->
 +
 +
  
  
 +
<!--grid testing begin-->
 
<div class="container">
 
<div class="container">
 
   <div class="row">
 
   <div class="row">
Line 107: Line 107:
 
     </div>
 
     </div>
 
</div>
 
</div>
−
 
  
 
<div class="container">
 
<div class="container">
Line 116: Line 115:
 
     </div>
 
     </div>
 
</div>
 
</div>
 +
<!--grid testing end-->
  
  
−
<blockquote>
+
 
 +
 
 +
<!--blockquote testing begin-->
 +
      <blockquote>
 
         这是一个用了blockquote的例子。
 
         这是一个用了blockquote的例子。
−
    </blockquote>
+
      </blockquote>
 +
<!--blockquote testing end-->
  
  
  
−
<div class="collection">
+
 
 +
<!--badge testing begin-->
 +
    <div class="collection">
 
       <a href="#!" class="collection-item">Alan<span class="badge">1</span></a>
 
       <a href="#!" class="collection-item">Alan<span class="badge">1</span></a>
 
       <a href="#!" class="collection-item">Alan<span class="new badge">4</span></a>
 
       <a href="#!" class="collection-item">Alan<span class="new badge">4</span></a>
Line 130: Line 136:
 
       <a href="#!" class="collection-item">Alan<span class="badge">14</span></a>
 
       <a href="#!" class="collection-item">Alan<span class="badge">14</span></a>
 
     </div>
 
     </div>
 +
<!--badge testing end-->
 +
 +
  
  
−
<ul id="dropdown2" class="dropdown-content">
+
<!--dropdown testing begin-->
 +
    <ul id="dropdown2" class="dropdown-content">
 
       <li><a href="#!">one<span class="badge">1</span></a></li>
 
       <li><a href="#!">one<span class="badge">1</span></a></li>
 
       <li><a href="#!">two<span class="new badge">1</span></a></li>
 
       <li><a href="#!">two<span class="new badge">1</span></a></li>
 
       <li><a href="#!">three</a></li>
 
       <li><a href="#!">three</a></li>
 
     </ul>
 
     </ul>
−
     <a class="btn dropdown-button" href="#!" data-activates="dropdown2">Dropdown<i
+
     <a class="btn dropdown-button" href="#!" data-activates="dropdown2">Dropdown<i class="mdi-navigation-arrow-drop-down right"></i></a>
−
    class="mdi-navigation-arrow-drop-down right"></i></a>
+
<!--dropdown testing begin-->
  
  
−
<a class="waves-effect waves-light btn-large">Button</a>
+
 
 +
 
 +
<!-- button testing begin -->
 +
  <a class="waves-effect waves-light btn-large">Button</a>
 
   <a class="waves-effect waves-light btn-large"><i class="mdi-file-cloud left"></i>button</a>
 
   <a class="waves-effect waves-light btn-large"><i class="mdi-file-cloud left"></i>button</a>
 
   <a class="waves-effect waves-light btn-large"><i class="mdi-file-cloud right"></i>button</a>
 
   <a class="waves-effect waves-light btn-large"><i class="mdi-file-cloud right"></i>button</a>
 
              
 
              
−
 
+
  <a class="waves-effect waves-light btn">Stuff</a>
−
<a class="waves-effect waves-light btn">Stuff</a>
+
 
   <a class="waves-effect waves-light btn"><i class="mdi-file-cloud left"></i>button</a>
 
   <a class="waves-effect waves-light btn"><i class="mdi-file-cloud left"></i>button</a>
 
   <a class="waves-effect waves-light btn"><i class="mdi-file-cloud right"></i>button</a>
 
   <a class="waves-effect waves-light btn"><i class="mdi-file-cloud right"></i>button</a>
  
 +
  <a class="btn-large disabled">Button</a>
 +
  <a class="btn disabled">Button</a>
 +
  <a class="btn-flat disabled">Button</a>
 +
  <a class="btn-floating disabled"><i class="mdi-content-add"></i></a>
  
 +
  <a class="btn-floating btn-large waves-effect waves-light red"><i class="mdi-content-add"></i></a>
  
 +
  <button class="btn waves-effect waves-light" type="submit" name="action">Submit
 +
      <i class="mdi-content-send right"></i>
 +
  </button>
 +
<!-- button testing end -->
  
  
  
  
−
<a class="btn-floating btn-large waves-effect waves-light red"><i class="mdi-content-add"></i></a>
+
<!--shadow testing begin-->
−
 
+
   <div class="col s12 m2">
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<button class="btn waves-effect waves-light" type="submit" name="action">Submit
+
−
    <i class="mdi-content-send right"></i>
+
−
   </button>
+
−
   
+
−
<div class="col s12 m2">
+
 
     <p class="z-depth-1">z-depth-1</p>
 
     <p class="z-depth-1">z-depth-1</p>
 
   </div>
 
   </div>
Line 182: Line 193:
 
     <p class="z-depth-5">z-depth-5</p>
 
     <p class="z-depth-5">z-depth-5</p>
 
   </div>
 
   </div>
 +
<!--shadow testing end-->
 +
 +
 +
  
−
    <!--Footer begin-->
+
<!--Footer testing begin-->
 
   <footer class="page-footer teal">
 
   <footer class="page-footer teal">
 
     <div class="container">
 
     <div class="container">
Line 213: Line 228:
 
     </div>
 
     </div>
 
   </footer>
 
   </footer>
−
<!--Footer end-->
+
<!--Footer testing end-->
 
          
 
          
  

Revision as of 09:14, 27 September 2016

Team:LZU 2015

1
2
3
4
5
6
7
8
9
10
11
12
This div is 12-columns wide
This div is 6-columns wide
This div is 6-columns wide
这是一个用了blockquote的例子。
Alan1 Alan4 Alan Alan14
Dropdown Button button button Stuff button button Button Button Button

z-depth-1

z-depth-2

z-depth-3

z-depth-4

z-depth-5

Code by Tigeraus