diff --git a/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/mitkworkbenchwelcomeview.html b/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/mitkworkbenchwelcomeview.html index aac502eeb3..3e2cc5ba17 100644 --- a/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/mitkworkbenchwelcomeview.html +++ b/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/mitkworkbenchwelcomeview.html @@ -1,48 +1,49 @@ MITK Workbench - +

Welcome to the MITK Workbench!

- This application was developed at the German Cancer Research Center (DKFZ). It is based on the well established, free open source Medical Imaging Interaction Toolkit MITK. +

This application was developed at the German Cancer Research Center (DKFZ). It is based on the well established, free open source Medical Imaging Interaction Toolkit MITK.

+ +

Here you can find the Welcome Tutorial, to get a first overview!

-
-
- - Here you can find the Welcome Tutorial, to get a first overview! -
-
- -
- Welcome Tutorial -
+ +
+ +
+ + +
+ + +
-
- -
+ +
- -
-
- + +
- \ No newline at end of file + diff --git a/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/style.css b/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/style.css index 81a08b789d..12bbd7a146 100644 --- a/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/style.css +++ b/Plugins/org.mitk.gui.qt.extapplication/resources/welcome/style.css @@ -1,207 +1,207 @@ @charset "utf-8"; body{ margin:0px 0px; padding: 0px 0px; } h1{ margin: 0px; - padding: 0px; + padding: 5px; font-family: "Open Sans", sans-serif; color: rgb(255, 255, 255); + background: rgba(45, 92, 126, 1); } img{border:none;} #screen{ width:100%; min-height:1060px; height:100%; padding-top: 1%; - background: linear-gradient(to bottom, rgba(45, 92, 136, 1) 0%, rgba(45, 92, 126, 1) 5.49%, rgb(255, 255, 255) 5.5%, rgba(45, 92, 126, 0.15) 100%); } #welcome{ min-width: 500px; max-width: 700px; height: 120px; margin: 0px auto; padding:5px; color: #000; } #welcomeText{ margin-top: 2%; font-family: "Open Sans", sans-serif; margin-bottom:15px; z-index:1; } #manualButtonField { min-width:500px; max-width:700px; - height: 200px; margin: auto; } #popupAnchor{ margin: auto; } #generatedButtonField{ min-width:500px; max-width:700px; - height: 220px; margin: auto; } .fontDefinition { font-family: "Open Sans", sans-serif; } .bttnWrap{ position:relative; float:left; width:140px; height:190px; margin-right:32px; margin-top:5px; z-index:2; + text-align: center; } .genericButton{ background-size: 100% 100%; background-repeat: no-repeat; display: inline-block; height: 92px; width: 100px; overflow: hidden; text-indent: 100%; white-space: nowrap; border: 2px solid rgba(45, 92, 136, 0.5); border-radius: 10px 10px 10px 10px; margin: 20px; transform: translateZ(0); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .genericButton:hover, .genericButton:focus, .genericButton:active { transform: scale(1.15); border: 2px solid rgba(45, 92, 136, 1); } -.welcomTutorialButton { +.welcomeTutorialButton { background-image: url(qrc:/org.mitk.gui.qt.welcomescreen/pics/WelcomeMITK.png); } .textLink{ font-family: "Open Sans", sans-serif; font-size: 15px; font-weight: bold; text-decoration: none; cursor: pointer; color: #2d5a88; - padding-left: 10px; + padding-left: 0px; + margin: auto; } .textLink:hover{ text-decoration: underline; } .mitk-logo { background-image: url(qrc:/org.mitk.gui.qt.welcomescreen/pics/button_mitk.png); background-size: 100px; display: inline-block; height: 92px; width: 100px; overflow: hidden; text-indent: 100%; white-space: nowrap; border: 2px solid rgba(45, 92, 136, 0.5); border-radius: 10px 10px 10px 10px; margin: 20px; transform: translateZ(0); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; } .mitk-logo:hover, .mitk-logo:focus, .mitk-logo:active { transform: scale(1.15); border: 2px solid rgba(45, 92, 136, 1); } #popup{ position:relative; margin-left: auto; margin-right: auto; max-width:690px; min-width:150px; background-color:#000000; opacity: 0.8; -webkit-border-radius: 1em; font-family: "Open Sans", sans-serif; color:#FFF; z-index:2; } #bttnClose{ position:relative; right:10px; top:10px; cursor:pointer; } #contHeadline{ max-width:690px; min-width:150px; margin-left:10px; margin-right:10px; font-weight:bold; font-size:14px; text-align:left; } #contDescription{ max-width:690px; min-width:150px; margin-top:15px; margin-bottom:15px; margin-left:10px; margin-right:10px; line-height:21px; font-family: "Open Sans", sans-serif; font-weight:normal; font-size:14px; text-align:left; } #contModLink{ max-width:690px; min-width:150px; height:50px; margin-left:10px; margin-right:10px; text-align:left; } .popUpLink{ font-family: "Open Sans", sans-serif; font-size:14px; font-weight:normal; line-height:16px; padding-left: 10px; color:#333; } .popUpLink:hover{ text-decoration:underline; cursor:pointer; } -.clearfloat{clear:both;} \ No newline at end of file +.clearfloat{clear:both;}