|
|
(44 intermediate revisions by the same user not shown) |
Line 12: |
Line 12: |
| | LoginStatus= | | | LoginStatus= |
| | Frame= | | | Frame= |
− | | Centered=Yes | + | | Centered= |
| | MomentumMenuBackground= | | | MomentumMenuBackground= |
| | MomentumScrollOn=Yes | | | MomentumScrollOn=Yes |
| | Content=<html><style> | | | Content=<html><style> |
− | | + | .centered { |
− | #Manifesto {
| + | display: flex; |
− | position:relative; | + | justify-content: center; |
− | | + | align-items: center; |
− | width:700px;
| + | height: 500px; |
− | height:700px;
| |
− | | |
− | margin:0 auto;
| |
− | margin-top:20px; | |
− | margin-bottom:20px; | |
− | left:0; right:0;
| |
− | | |
− | font-size:24px;
| |
− | line-height:24px; | |
− | | |
− | text-align:center;
| |
− | | |
− | padding:50px;
| |
− | | |
− | background-color:#F7F7F7;
| |
− | | |
− | border:1px solid #E8E8E8;
| |
− | border-bottom-right-radius: 60px 5px;
| |
− | | |
| } | | } |
− | #Manifesto::after {
| + | .lowerright { |
− | content: "";
| + | position: fixed; |
− | | + | bottom: 50px; |
− | position:absolute; | + | right: 30px; |
− | bottom:20px; | + | background:white; |
− | right:-0px; | + | z-index:1000000; |
− | | |
− | width:200px;
| |
− | height: 25px;
| |
− | | |
− | background: rgba(0, 0, 0, 0.2); | |
− | | |
− | box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
| |
− | | |
− | -moz-transform: matrix(-1, -0.1, 0, 1, 0, 0);
| |
− | -webkit-transform: matrix(-1, -0.1, 0, 1, 0, 0);
| |
− | -o-transform: matrix(-1, -0.1, 0, 1, 0, 0);
| |
− | -ms-transform: matrix(-1, -0.1, 0, 1, 0, 0);
| |
− | transform: matrix(-1, -0.1, 0, 1, 0, 0);
| |
− | | |
− | z-index:-1; | |
| } | | } |
− | | + | </style><div class="centered"></html> |
− | #Manifesto #Logo {
| + | [[File:MutterpediaMotto.png|600px|center|link=//www.metapaper.app]] |
− | position:absolute;
| + | [[File:PoweredByMetaPaper_Transparent.png|400px|center|link=//www.metapaper.app]] |
− | top:60px;
| + | <html></div></html> |
− | | + | | ButtonOK= |
− | margin:0 auto;
| |
− | left:0; right:0;
| |
− | | |
− | width:200px;
| |
− | margin-bottom:20px;
| |
− | }
| |
− | | |
− | #Manifesto #Clause{
| |
− | position:absolute;
| |
− | top:270px;
| |
− | | |
− | margin:0 auto;
| |
− | left:0; right:0;
| |
− | | |
− | margin-bottom:20px;
| |
− | | |
− | font-size:24px;
| |
− | line-height:24px;
| |
− | font-weight:bold;
| |
− | }
| |
− | | |
− | #Manifesto #Source {
| |
− | position:absolute;
| |
− | top:400px;
| |
− | | |
− | margin:0 auto;
| |
− | left:0; right:0;
| |
− | | |
− | margin-bottom:20px;
| |
− | | |
− | font-size:24px;
| |
− | line-height:24px;
| |
− | }
| |
− | | |
− | #Manifesto #Commitment {
| |
− | position:absolute;
| |
− | top:500px;
| |
− | | |
− | margin:0 auto;
| |
− | left:0; right:0;
| |
− | | |
− | margin-bottom:20px;
| |
− | | |
− | font-size:36px;
| |
− | line-height:36px;
| |
− | color:blue;
| |
− | font-family: ReenieBeanie;
| |
− | | |
− | -ms-transform: rotate(-7deg);
| |
− | -moz-transform: rotate(-7deg);
| |
− | -webkit-transform: rotate(-7deg);
| |
− | transform: rotate(-7deg);
| |
− | | |
− | }
| |
− | | |
− | #Manifesto #Signature {
| |
− | position:absolute;
| |
− | top:100px;
| |
− | right:0;
| |
− | width:200px;
| |
− | | |
− | /*
| |
− | margin:0 auto;
| |
− | left:0; right:0;
| |
− | margin-bottom:20px;
| |
− | */
| |
− | | |
− | font-size:48px;
| |
− | line-height:48px;
| |
− | color:blue;
| |
− | font-family: ReenieBeanie;
| |
− | | |
− | -ms-transform: rotate(17deg);
| |
− | -moz-transform: rotate(17deg);
| |
− | -webkit-transform: rotate(17deg);
| |
− | transform: rotate(17deg);
| |
− | | |
− | }
| |
− | | |
− | #DummyBlock_Top {
| |
− | height:50px;
| |
− | }
| |
− | | |
− | #DummyBlock_Bottom {
| |
− | height:50px;
| |
− | }
| |
− | | |
− | #Signature {
| |
− | width:100%;
| |
− | text-align:center;
| |
− | font-size:24px;
| |
− | }
| |
− | | |
− | div#ImageHolder {
| |
− | position:fixed;
| |
− | /* position:absolute; */
| |
− | right:50px;
| |
− | bottom:50px;
| |
− | width:200px;
| |
− | height:150px;
| |
− | border-radius: 20px;
| |
− | margin:0 auto;
| |
− | background-color:white;
| |
− | background-image:url('../images/4/4e/IPad.png');
| |
− | background-position: 0px 0px;
| |
− | background-size: 100% 100%;
| |
− | background-repeat: repeat;
| |
− | /* border:1px red solid; */
| |
− | z-index:200; /* greater than the 100 of ButtonsControlBar defined in Template:KinderkaartStyle and Template:KinderkaartStyle_No_Momentum */
| |
− | }
| |
− | | |
− | </style><div id="DummyBlock_Top"></div><table style="width:100%;margin:0 auto; right:0; left:0;"><tr><td style="vertical-align:middle; text-align:center;"> | |
− | </html>[[File:MutterpediaMotto.png|600px|center|link=]]<html>
| |
− | <div id="Manifesto" class="rounded ButtonLikeImage">
| |
− | <img id="Logo" src='../images/4/49/UN_logo.png' />
| |
− | <div id="Clause"><b>ARTICLE 26.(1)</b><br />Everyone has the right to education.<br />Education shall be free ... <br />in the elementary and fundamental stages ...</div>
| |
− | <div id="Source">The United Nations Universal Declaration<br />of Human Rights (10 December, 1948)</div>
| |
− | <div id="Commitment">"TECHNOLOGY can <br>FREELY distribute WORLD-CLASS knowledge to<br>EVERY CHILD in the world."</div>
| |
− | <div id="Signature">"HELP children<br>understand<br>our world!"</div>
| |
− | </div>
| |
− | <div style="font-family:CrayonCrumble, Verdana, serif; font-size:1.8em; width:500px; margin:0 auto; left:0; right:0;">~ Empowering Children with Knowledge ~</div>
| |
− | </td></tr></table>
| |
− | <script>
| |
− | $("#Manifesto").on("click",function(){
| |
− | // setTimeout(function(){
| |
− | window.location="http://www.metapaper.app";
| |
− | // },500);
| |
− | });
| |
− | </script></html> | |
| | ButtonGoBack= | | | ButtonGoBack= |
| | ButtonLogin=Special:MyPage | | | ButtonLogin=Special:MyPage |
Line 214: |
Line 51: |
| | DropDownMenuList= | | | DropDownMenuList= |
| }} | | }} |
− | <html><div id="ImageHolder"></html>[[File:FamilyPoweredByTechnology.png|200px|center|link=Powered_By_Technology]]<html></div></html>
| |