Difference between revisions of "Installation"

From diaspora* project wiki
Jump to: navigation, search
(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