Installation: Difference between revisions

From diaspora* project wiki
No edit summary
(try CSS3 flexbox for layout)
Line 3: Line 3:
{{#css:
{{#css:
   #installation {  
   #installation {  
     text-align: center;  
     display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
 
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
   }
   }
   #installation .option {
   #installation .option {
     display: inline-block;
     text-align: center;
    vertical-align: top;
     border: 1em solid #F5F5F5;
     border: 1em solid #F5F5F5;
     margin: 0 -1em -1em 0;
     margin: 0 -1em -1em 0;
Line 17: Line 24:
     height: 180px;
     height: 180px;
     vertical-align: middle;
     vertical-align: middle;
   }
   }  
   #installation .option table {
   #installation .option table {
     width: 100% !important;
     width: 100% !important;
Line 24: Line 31:
     margin: 0.5em;
     margin: 0.5em;
     list-style:none;
     list-style:none;
  }
  .flex-2third {
    -webkit-flex: 2 62.9%;
    -moz-flex: 2 62.9%;
    -ms-flex: 2 62.9%;
    flex: 2 62.9%;
  }
  .flex-1third {
    -webkit-flex: 1 30.9%;
    -moz-flex: 1 30.9%;
    -ms-flex: 1 30.9%;
    flex: 1 30.9%;
  }
  .flex-half {
    -webkit-flex: 1 47.9%;
    -moz-flex: 1 47.9%;
    -ms-flex: 1 47.9%;
    flex: 1 47.9%;
  }
  .flex-full {
    -webkit-flex: 1 97.9%;
    -moz-flex: 1 97.9%;
    -ms-flex: 1 97.9%;
    flex: 1 97.9%;
   }
   }
}}
}}


<div id="installation" style="text-align:center;">
<div id="installation">
   <div class="optrow">
   <div class="option flex-2third">
    <div class="option" style="width:63%;">


{{:User:Raven24/WIP:Installation/Linux}}
{{:User:Raven24/WIP:Installation/Linux}}


    </div><!-- /Linux --><!-- stupid whitespace
  </div><!-- /Linux --><!-- stupid whitespace
    --><div class="option" style="width:33%;">
  --><div class="option flex-1third">


{{:User:Raven24/WIP:Installation/Mac OS}}
{{:User:Raven24/WIP:Installation/Mac OS}}


    </div><!-- /MacOS --><!-- stupid whitespace
  </div><!-- /MacOS --><!-- stupid whitespace
   --></div><!-- /optrow --><!-- stupid whitespace
   --><div class="option flex-half">
  --><div class="optrow">
    <div class="option" style="width:48%;">


{{:User:Raven24/WIP:Installation/BSD}}
{{:User:Raven24/WIP:Installation/BSD}}


    </div><!-- /BSD --><!-- stupid whitespace
  </div><!-- /BSD --><!-- stupid whitespace
    --><div class="option" style="width:48%;">
  --><div class="option flex-half">


{{:User:Raven24/WIP:Installation/Windows}}
{{:User:Raven24/WIP:Installation/Windows}}


    </div><!-- /windows --><!-- stupid whitespace
  </div><!-- /windows --><!-- stupid whitespace
  --></div><!-- /optrow --><!-- stupid whitespace
   --><div class="option flex-full">
   --><div class="optrow">
    <div class="option" style="width:96%; padding-right:1em;">
        
        
{{:User:Raven24/WIP:Installation/Development Setup}}
{{:User:Raven24/WIP:Installation/Development Setup}}


    </div><!-- /development -->
  </div><!-- /development -->
  </div><!-- /optrow -->
</div><!-- /container -->
</div><!-- /container -->

Revision as of 12:12, 17 June 2013