start

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Next revisionBoth sides next revision
start [2019/11/09 17:47] – Fixed T-shirt link. opferstart [2020/01/17 14:45] – Fix scaled images problem for now lkastner
Line 6: Line 6:
    overflow: hidden; /* to make the div fit float imgs*/    overflow: hidden; /* to make the div fit float imgs*/
 } }
 +.hidden_image {}
 +.hidden_br {}
 .light { padding:30px 15px 30px 15px; overflow: hidden;} .light { padding:30px 15px 30px 15px; overflow: hidden;}
 .col-container { .col-container {
Line 19: Line 21:
   text-align: center;   text-align: center;
   vertical-align: top;   vertical-align: top;
 +}
 +.middleCol {
 +  display: table-cell;
 +  padding: 30px 30px 50px 30px;
 +  background-color: rgb(241, 241, 241);
 +  text-align: center;
 +  vertical-align: top;
 +}
 +.fixed_width_button {
 +  width: 150px;
 +}
 +@media (max-width: 1200px) { /*rearrange cells on mobile devices*/
 +  .middleCol { display: block; width: auto;
 +    padding: 0px 10px 0px 10px;
 +  }
 +  .hidden_image { height: 50px; width: 50px;}
 +  .hidden_br { display: none;}
 } }
 @media (max-width: 768px) { /*rearrange cells on mobile devices*/ @media (max-width: 768px) { /*rearrange cells on mobile devices*/
-  .col { display: block; width: auto; }+  .col { display: block; width: auto
 +    padding: 0px 10px 0px 10px; 
 +  } 
 +  .middleCol { display: block; width: auto; 
 +    padding: 0px 10px 0px 10px; 
 +  } 
 +  .hidden_image { display: none;} 
 +  .hidden_br { display: none;}
 } }
 a { color: rgb(167, 67, 26); } a { color: rgb(167, 67, 26); }
-.button { font-size: 20px; color: rgb(167, 67, 26); }+.button { font-size: 16px; color: rgb(167, 67, 26); }
       </style>       </style>
    </head>    </head>
Line 43: Line 69:
  
    <div class="col-container">    <div class="col-container">
-      <div class="col">+       <div class="middleCol"> 
 +           <a href="/doku.php/news/start"> 
 +              <img heigth="100" width="100" alt="news" src="/theme_files/images/news.png" style="margin:20px;" class="hidden_image"/> 
 +           </a> 
 +           <br class="hidden_br"> 
 +           <a href="/doku.php/news/start"> 
 +              <button class="button fixed_width_button">News</button> 
 +            </a> 
 +      </div> 
 +      <div class="middleCol">
            <a href="/doku.php/download/start">            <a href="/doku.php/download/start">
-              <img heigth="100" width="100" alt="Download" src="/theme_files/images/download-pm.png" style="margin:20px;"/>+              <img heigth="100" width="100" alt="Download" src="/theme_files/images/download-pm.png" style="margin:20px;" class="hidden_image"/>
            </a>            </a>
-           <br>+           <br class="hidden_br">
            <a href="/doku.php/download/start">            <a href="/doku.php/download/start">
-              <button class="button">Get Polymake!</button>+              <button class="button fixed_width_button">Get Polymake!</button>
             </a>             </a>
       </div>       </div>
-      <div class="col">+      <div class="middleCol">
          <a href="/doku.php/user_guide/start">          <a href="/doku.php/user_guide/start">
-            <img heigth="100" width="100" alt="Team" src="/theme_files/images/team-2.png" style="margin:20px;"/>+            <img heigth="100" width="100" src="/theme_files/images/db-pm.png" style="margin:20px;" class="hidden_image"/>
          </a>          </a>
-         <br>+         <br class="hidden_br">
          <a href="/doku.php/user_guide/start">          <a href="/doku.php/user_guide/start">
-            <button class="button">User Guide</button>+            <button class="button fixed_width_button">User Guide</button> 
 +         </a> 
 +      </div> 
 +      <div class="middleCol"> 
 +         <a href="/doku.php/workshops/start"> 
 +            <img heigth="100" width="100" src="/theme_files/images/team-2.png" style="margin:20px;" class="hidden_image"/> 
 +         </a> 
 +         <br class="hidden_br"> 
 +         <a href="/doku.php/workshops/start"> 
 +            <button class="button fixed_width_button">Workshops</button>
          </a>          </a>
       </div>       </div>
-      <div class="col">+      <div class="middleCol">
          <a href="/doku.php/documentation">          <a href="/doku.php/documentation">
-            <img heigth="100" width="100" alt="Documentation" src="/theme_files/images/research-pm.png"  style="margin:20px;"/>+            <img heigth="100" width="100" alt="Documentation" src="/theme_files/images/research-pm.png"  style="margin:20px;" class="hidden_image"/>
          </a>          </a>
-         <br>+         <br class="hidden_br">
          <a href="/doku.php/documentation">          <a href="/doku.php/documentation">
-            <button class="button">Documentation</button>+            <button class="button fixed_width_button">Documentation</button>
          </a>          </a>
       </div>       </div>
  • start.txt
  • Last modified: 2024/02/07 10:36
  • by lkastner