Difference between revisions of "Main Page"

From apertus wiki
Jump to: navigation, search
m
(13 intermediate revisions by 4 users not shown)
Line 25: Line 25:
     margin-top: 1em;
     margin-top: 1em;
     margin-bottom: 1em;
     margin-bottom: 1em;
     background: #f5f5f5;
     background: #f8f8f8;
     /* flex-wrap: wrap; */
     /* flex-wrap: wrap; */
     flex-direction: row;
     flex-direction: row;
Line 103: Line 103:
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
     background: #f5f5f5;
     background: #f8f8f8;
}
}


Line 129: Line 129:
   <div class="camera-column">
   <div class="camera-column">
       <div class="column-header">Alpha</div>
       <div class="column-header">Alpha</div>
       <div class="camera-image-container">[[File:Axiom-alpha-small.png | link=AXIOM Alpha]]</div>
       <div class="camera-image-container">[[File:Axiom-alpha-small Wiki sm.png | link=AXIOM Alpha]]</div>
         <div class="camera-links">
         <div class="camera-links">
[[AXIOM Alpha]] (prototype)
[[AXIOM Alpha]] (prototype)
Line 157: Line 157:
<div class="camera-column">
<div class="camera-column">
       <div class="column-header">Gamma</div>
       <div class="column-header">Gamma</div>
       <div class="camera-image-container">[[File:Gamma.jpeg | link=AXIOM Gamma]]</div>
       <div class="camera-image-container">[[File:Axiom-Gamma-small Wiki sm.png  | link=AXIOM Gamma]]</div>
         <div class="camera-links">
         <div class="camera-links">
[[AXIOM Gamma]] (prototype workings)
[[AXIOM Gamma]] (prototype workings)
Line 182: Line 182:
[[Wifi Remote]] - Web-based GUI for AXIOM.
[[Wifi Remote]] - Web-based GUI for AXIOM.


[[Websites]]
       </div>
       </div>
       <div class="link-column">
       <div class="link-column">

Revision as of 18:40, 30 December 2017

<css> .apertus-header {

   width: 100%;
   margin: 1em 0 1em 0;
   background: #ebebeb;
   /* border: 1px solid #ddd; */
   justify-content: center;
   display: flex;

}

.useful-links {

   margin: 0 auto;
   background: #ebebeb;
   font-size: 1.3em;
   font-weight: bold;
   text-align: center;
   padding: 0.5em;
   width: 100%;

}

.camera-overview {

   display: flex;
   width: 100%;
   margin-top: 1em;
   margin-bottom: 1em;
   background: #f8f8f8;
   /* flex-wrap: wrap; */
   flex-direction: row;
   font-size: 1.2em;

}

.camera-column {

   display: flex;
   flex-direction: column;
   flex-grow: 1;
   flex-basis: 0;
   border: 1px solid #ddd;
   /* height: 70vh; */

}

.column-header {

   margin: 0;
   background: #ebebeb;
   font-size: 1.4em;
   height: 2.5em;
   font-weight: bold;
   line-height: 2.5em;
   outline: 1px solid #ddd;
   text-align: center;
   color: #474747;
   /* padding: 0.2em 0.4em; */
   /* flex: 0 0 calc(100% / 3); */

}

.links-column-header {

   margin: 0;
   background: #ebebeb;
   font-size: 1.2em;
   height: 2em;
   font-weight: bold;
   line-height: 2em;
   outline: 1px solid #ddd;
   color: #474747;
   box-sizing: border-box;
   padding-left: 0.5em;
   margin-bottom: 1em;
}

.camera-image-container {

   /*flex: 0 0 calc(100% / 3);*/
   /* width: 33%; */
   border-bottom: 1px solid #ddd;
   box-sizing: border-box;
   width: 100%;
   padding: 0.5em;
   height: 12em;
   display: flex;
   align-items: center;
   justify-content: center;

}

.camera-links {

   box-sizing: border-box;
   padding: 1em;

}

.camera-image-container img {

   max-height: 11em;
   width: auto;

}

.link-overview {

   display: flex;
   flex-direction: row;
   width: 100%;
   font-size: 1.1em;

}

.flex-column {

   border: 1px solid #ddd;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   background: #f8f8f8;

}

.left-column {

   flex-basis: 55%;
   margin-right: 0.5em;

}

.right-column {

   flex-basis: 45%;
   margin-left: 0.5em;

}

.link-column {

   box-sizing: border-box;
   padding: 0.5em;

} </css>

Apertus-Logo