Difference between revisions of "Template:NYMU-Taipei2"

Line 120: Line 120:
 
}
 
}
  
/* Other Styles */
 
#Overview {
 
width: 100%;
 
background: #E7E7E7;
 
padding: 25px 7.5% 40px 5%;
 
box-shadow: inset 0 0 20px 5px #888888;
 
text-align: left;
 
}
 
  
#Overview p {
 
margin: 18px 0 0 30px;
 
text-indent: 50px;
 
}
 
 
#Overview i, #Overview em, #Overview b, #Overview strong {
 
font-size: 18px;
 
}
 
 
#SectionLinks {
 
overflow: hidden;
 
width: 100%;
 
background: #383132;
 
margin: 0 auto;
 
padding: 10px;
 
text-align: center;
 
}
 
 
#SectionLinks a:hover {
 
text-decoration: none;
 
}
 
 
#SectionLinks .DescriptionLink {
 
float: left;
 
margin: 3%;
 
height: 400px;
 
width: 440px;
 
}
 
 
#SectionLinks .DescriptionLink h2 {
 
margin: 0;
 
}
 
 
#SectionLinks .Clear {
 
clear: both;
 
}
 
 
#SectionLinks .Wrap {
 
margin: auto;
 
min-width: 270px;
 
max-width: 1000px;
 
display: block;
 
margin: auto;
 
border: 0;
 
padding: 0;
 
}
 
 
#SectionLinks .DescriptionLink {
 
background: #4F494A;
 
padding: 20px;
 
position: relative;
 
}
 
 
#SectionLinks .DescriptionLink p {
 
padding-left: 0;
 
text-indent: 0;
 
position: absolute;
 
bottom: 10px;
 
padding-right: 20px;
 
}
 
 
#SectionLinks #DescriptionLink1 {
 
background: #299D77;
 
}
 
 
#SectionLinks #DescriptionLink1:hover {
 
background: #53B092;
 
}
 
 
#SectionLinks #DescriptionLink2 {
 
background: #87CA7A;
 
}
 
 
#SectionLinks #DescriptionLink2:hover {
 
background: #9FD494;
 
}
 
 
#SectionLinks #DescriptionLink3 {
 
background: #E68930;
 
}
 
 
#SectionLinks #DescriptionLink3:hover {
 
background: #EBA059;
 
}
 
 
#SectionLinks #DescriptionLink4 {
 
background: #EDB74B;
 
}
 
 
#SectionLinks #DescriptionLink4:hover {
 
background: #F0C56E;
 
}
 
  
 
h1, h2, h3 {
 
h1, h2, h3 {
Line 484: Line 384:
  
  
<div id="Slider">
+
                        <div id="Slider">
<div id="Slide0" class="Slides current"><div id="stc">
+
<div id="Slide0" class="Slides current">
      <p>Fight the Blight
+
                                  <div id="stc">
    </p>
+
                                    <p>Fight the Blight
    </div></div>
+
                                    </p>
 +
                                  </div>
 +
                        </div>
 
<div id="Slide1" class="Slides"></div>
 
<div id="Slide1" class="Slides"></div>
 
<div id="Slide2" class="Slides"></div>
 
<div id="Slide2" class="Slides"></div>
Line 497: Line 399:
 
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 
<div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 
<ul id="BottomLinks">
 
<ul id="BottomLinks">
<li id="Link0" class="SlideLink">Intro</li><li id="Link1" class="SlideLink">Problem</li><li id="Link2" class="SlideLink">Situation</li><li id="Link3" class="SlideLink">Idea</li><li id="Link4" class="SlideLink">Solution</li><li id="Link5" class="SlideLink">Platform</li>
+
<li id="Link0" class="SlideLink">Intro</li>
 +
                                        <li id="Link1" class="SlideLink">Problem</li>
 +
                                        <li id="Link2" class="SlideLink">Situation</li>
 +
                                        <li id="Link3" class="SlideLink">Idea</li>
 +
                                        <li id="Link4" class="SlideLink">Solution</li>
 +
                                        <li id="Link5" class="SlideLink">Platform</li>
 
</ul>
 
</ul>
 
</div>
 
</div>

Revision as of 09:23, 5 August 2015

Fight the Blight

About Our Project

Judging Form

Experiment

Policy & Practice