slapos_web: include more style for free trial layout.

master/bt5/slapos_web/SkinTemplateItem/portal_skins/vifib_jauks_theme/vifib_style/vifib.css.zpt

@@ -358,4 +358,170 @@ button.hidden-button {
   word-break: keep-all;
 }
 
+
+.non-editable > div.input {border: 1px solid rgb(201, 201, 201); padding: 5px; background: white; font-weight: normal;
+margin: 5px 0 10px; max-height: 250px; width: 80%;}
+
+.subfield {
+  padding-left: 20px;
+} 
+
+label.slapos-parameter-dict-key::before {
+  content: "Parameter Entry: ";
+}
+
+label.slapos-parameter-dict-key {
+  font-color: "red";
+}
+
+div.slapos-parameter-dict-key {
+  margin-top: 10px;
+  margin-left: 6px;
+}
+
+.subfield {
+  padding-top: 3px;
+}
+
+textarea.slapos-parameter {
+  width: 400px;
+  height: 100px;
+}
+
+button.hidden-button {
+  display: none;
+}
+
+.add-sub-form {
+  background: #3498db;
+  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
+  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
+  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
+  background-image: -o-linear-gradient(top, #3498db, #2980b9);
+  background-image: linear-gradient(to bottom, #3498db, #2980b9);
+  -webkit-border-radius: 28;
+  -moz-border-radius: 28;
+  border-radius: 28px;
+  font-family: Arial;
+  color: #ffffff;
+  font-size: 12px;
+  padding: 5px 20px 5px 20px;
+  text-decoration: none;
+}
+
+.add-sub-form:hover {
+  background: #3cb0fd;
+  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
+  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
+  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
+  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
+  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
+  text-decoration: none;
+}
+
+/*====================
+ 
+   CSS for offer on front page!
+  
+  ===================*/
+
+.offer {
+	
+}
+
+.offer ul {
+	margin: 0;
+	padding: 31px 0 0 0;
+	list-style-type: none;
+	text-align: center;
+}
+
+.offer ul li {
+	display: inline;
+	width: 278px;
+	padding: 0;
+	margin: 0;
+}
+
+.offer ul li .theoffer {
+	display: inline-block;
+	width: 277px;
+	color: #fff;
+	margin: 0 auto 45px auto;
+	text-decoration: none;
+}
+
+.offer ul li .theoffer a:visited, 
+.offer ul li .theoffer a {
+	color: #fff;
+	text-decoration: none;
+}
+
+
+.offer ul li .theoffer span {
+	display: block;
+}
+
+.offer .top {
+	background: rgb(107,139,155);
+	-webkit-box-shadow: inset 0 0px 70px rgba(0,0,0,0.1);
+        -moz-box-shadow: inset 0 0px 70px rgba(0,0,0,0.1);
+            box-shadow: inset 0 0px 70px rgba(0,0,0,0.1);
+}
+
+.offer .conditions {
+	width: 100%;
+	margin-top: 1px;
+	background: rgb(119,158,177);
+	-webkit-box-shadow: inset 0 0px 70px rgba(0,0,0,0.1);
+        -moz-box-shadow: inset 0 0px 70px rgba(0,0,0,0.1);
+            box-shadow: inset 0 0px 70px rgba(0,0,0,0.1);
+}
+
+.offer a.conditions {
+	text-decoration: none;
+	text-transform: uppercase;
+	display: inline-block;
+	color: #fff;
+}
+
+
+.offer a.conditions:hover {
+	background: rgb(62,102,122);
+}
+
+.offer .system,
+.offer .terms {
+	font-size: 0.9em;
+	text-transform: uppercase;
+	padding: 17px 0;
+}
+
+.offer .offername {
+	font-size: 3.7em;
+	font-weight: 700;
+	padding: 12px 0 14px 0;
+}
+
+.offer .conditions strong {
+	display: inline-block;
+	padding: 12px 0 8px 0;
+	margin: 0;
+	font-size: 1.5em;
+	font-weight: 600;
+	text-transform: uppercase;
+}
+
+.offer .desc {
+	padding: 0 0 10px 0;
+	font-size: 0.9em;
+}
+
+.offer ul li .theoffer {
+   margin: 0 20px 45px 20px;
+  }
+
+li {
+  margin-left: 20px;
+}
 </tal:block>
\ No newline at end of file