Difference between revisions of "project10:Main"

From 100ybp
Jump to: navigation, search
(Undo revision 719 by Ginevra (talk))
(Undo revision 718 by Ginevra (talk))
Line 1: Line 1:
 
__NOTITLE__ __NOTOC__
 
__NOTITLE__ __NOTOC__
<html>
 
<link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
 
<style>
 
  
div#headercontainer {
+
[[File:sample.png | 850px]]
width: 850px;
+
<div style="height:30px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;">
height: 30px;
+
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
margin: 0px;
+
[[Project10:main|'''MAIN''']]
margin-bottom: 0px;
+
margin-top: -20px;
+
padding: 0px;
+
border: 0px;
+
background: #514E4F;}
+
 
+
div#Namecontainer {
+
width: 846px;
+
height: 20px;
+
margin: 0px;
+
margin-top: -7px;
+
padding: 0px;
+
border: 0px;
+
background: #808284;
+
text-align:center;
+
font-family: 'Roboto', sans-serif;
+
font-size: 20px;
+
color: #FFFFFF;
+
}
+
 
+
div#container {
+
width: 842px;
+
margin: 0px;
+
margin-top:-4px;
+
padding: 0px;
+
border: 4px;
+
border-style: solid;
+
border-color: #514E4F;
+
}
+
 
+
div#headline {
+
width: 846px;
+
height: 36px;
+
margin-top: 50px;
+
padding: 0px;
+
font-family: 'Roboto', sans-serif;
+
font-size: 50px;
+
color: #617dc6;
+
text-align:center;
+
}
+
 
+
div#button {
+
float: left;
+
width: 170px;
+
height: 40px;
+
margin-right: 0px;
+
margin-top: 10px;
+
opacity: 1;
+
background: #514E4F;
+
text-align:center;
+
font-family: 'Roboto', sans-serif;
+
font-size: 16px;
+
color:#617dc6;
+
}
+
 
+
div#buttonDarkBlue {
+
float: left;
+
width: 170px;
+
height: 40px;
+
margin-right: 0px;
+
margin-top: 10px;
+
opacity: 1;
+
background: #514E4F;
+
text-align:center;
+
font-family: 'Roboto', sans-serif;
+
font-size: 16px;
+
color:#617dc6;
+
}
+
 
+
div#buttonMediumBlue {
+
float: left;
+
width: 170px;
+
height: 40px;
+
margin-right: 0px;
+
margin-top: 10px;
+
opacity: 1;
+
background: #514E4F;
+
text-align:center;
+
font-family: 'Roboto', sans-serif;
+
font-size: 16px;
+
color:#01b9bb;
+
}
+
 
+
div#buttonYellow {
+
float: left;
+
width: 170px;
+
height: 40px;
+
margin-right: 0px;
+
margin-top: 10px;
+
opacity: 1;
+
background: #514E4F;
+
text-align:center;
+
font-family: 'Roboto', sans-serif;
+
font-size: 16px;
+
color:#f7d22b;
+
}
+
 
+
div#buttonMediumRed {
+
float: left;
+
width: 170px;
+
height: 40px;
+
margin-right: 0px;
+
margin-top: 10px;
+
opacity: 1;
+
background: #514E4F;
+
text-align:center;
+
font-family: 'Roboto', sans-serif;
+
font-size: 16px;
+
color:#f25e42;
+
}
+
 
+
div#buttonDarkRed {
+
float: left;
+
width: 170px;
+
height: 40px;
+
margin-right: 0px;
+
margin-top: 10px;
+
opacity: 1;
+
background: #514E4F;
+
text-align:center;
+
font-family: 'Roboto', sans-serif;
+
font-size: 16px;
+
color:#e26c7a;
+
}
+
 
+
div#buttonDarkBlue a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonDarkBlue a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonDarkBluen a:active  {background: #617dc6;color: #000000; text-decoration: none; opacity: 1;}
+
div#buttonDarkBlue a:hover      {color: #617dc6; text-decoration: none; opacity: 1; font-weight: bold;}
+
 
+
div#buttonMediumBlue a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonMediumBlue a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonMediumBlue a:active  {background: #01b9bb;color: #000000; text-decoration: none; opacity: 1;}
+
div#buttonMediumBlue a:hover      {color: #01b9bb; text-decoration: none; opacity: 1; font-weight: bold;}
+
 
+
div#buttonYellow a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonYellow a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonYellow a:active  {background: #f7d22b;color: #000000; text-decoration: none; opacity: 1;}
+
div#buttonYellow a:hover      {color: #f7d22b; text-decoration: none; opacity: 1; font-weight: bold;}
+
 
+
div#buttonMediumRed a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonMediumRed a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonMediumRed a:active  {background: #f25e42;color: #000000; text-decoration: none; opacity: 1;}
+
div#buttonMediumRed a:hover      {color: #f25e42; text-decoration: none; opacity: 1; font-weight: bold;}
+
 
+
div#buttonDarkRed a:link    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonDarkRed a:visited    {color: #A7A9AB; text-decoration: none; opacity: 1;}
+
div#buttonDarkRed a:active  {background: #e26c7a;color: #000000; text-decoration: none; opacity: 1;}
+
div#buttonDarkRed a:hover      {color: #e26c7a; text-decoration: none; opacity: 1; font-weight: bold;}
+
 
+
</style>
+
</html>
+
 
+
[[File:Robotcut.jpg | 850px]]
+
<div id="headercontainer">
+
<div id="buttonDarkBlue">
+
[[project10:Main|Main]]
+
 
</div>
 
</div>
<div id="buttonMediumBlue">
+
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
[[[project10:page1|P1]]
+
[[Project10:P1|'''P1''']]
</div>
+
<div id="buttonYellow">
+
[[[project10:page2|P2]]
+
</div>
+
<div id="buttonMediumRed">
+
[[[project10:page3|P3]]
+
</div>
+
<div id="buttonDarkRed">
+
[[[project10:page4|P4]]
+
</div>
+
 
+
<div id="headercontainer">
+
<div id="buttonDarkBlue">
+
[[project10:Main|Main]]
+
 
</div>
 
</div>
<div id="buttonMediumBlue">
+
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
[[project10:page1|P1]]]
+
[[Project10:P2|'''P2''']]
 
</div>
 
</div>
<div id="buttonYellow">
+
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
[[project10:page2|P2]]
+
[[Project10:P3|'''P3''']]
 
</div>
 
</div>
<div id="buttonMediumRed">
+
<div style="float:left; width: 158px; height 30px; border: 1px solid #aaa; margin-right:10px;" align="center">
[[project10:page3|P3]]
+
[[Project10:P4|'''P4''']]
 
</div>
 
</div>
<div id="buttonDarkRed">
 
[[project10:page4|P4]]
 
 
</div>
 
</div>
 +
<br>

Revision as of 17:49, 27 November 2018


Sample.png

MAIN

P1

P2

P3

P4