Changes in software page - #108

Restructuring elements iteration to ul li renaming classes and ids Signed-off-by: ArthurJahn <stutrzbecher@gmail.com> Signed-off-by: Alvaro Fernando <alvarofernandoms@gmail.com>

Changes in software page - #108
Restructuring elements iteration to ul li renaming classes and ids Signed-off-by: ArthurJahn <stutrzbecher@gmail.com> Signed-off-by: Alvaro Fernando <alvarofernandoms@gmail.com>
Arthur Sturzbecher
1 parent 67de0ed0
Showing 1 changed file with 29 additions and 33 deletions Show diff stats
css/software-pages.css
 /*** Software Header ***/
-#content .software-information-block{
+#content .software-information-block {
 	margin-bottom: 60px;
 }
-#content #software-information-block-table{
+#content #software-information-block-table {
   width: auto;
   margin: 0px 15px;
 }
-#content #software-information-block-table td{
+#content #software-information-block-table td {
 	display: table-cell;
 }
@@ -17,7 +17,7 @@
   vertical-align: top;
 }
-#content #software-information-block-table #col-software-name h1{
+#content #software-information-block-table #col-software-name h1 {
   line-height: 37px;
   font-size: 34px;
   font-family: Arial, open_sansbold, Helvetica, sans-serif;
@@ -25,7 +25,7 @@
   text-align: left;
 }
-#content #software-information-block-table #col-software-name b{
+#content #software-information-block-table #col-software-name b {
   line-height: 21px;
   font-weight: normal;
   font-family: Arial, open_sansregular, Helvetica, sans-serif;
@@ -38,38 +38,34 @@
 /* Software Download Block*/
-#content .download-block #download-block-2{
+#content .download-block {
   margin: 0px 15px;
   border:1px solid #D3D6DE;
   border-radius: 10px;
 }
-#content .download-block #download-block-2 #download_spb-2{
-  padding: 5px 10px;
+#content .download-block .block-title {
+  padding: 11px 20px 7px 20px;
   background-color: #D3D6DE;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   font-family: Arial;
-}
-
-#content .download-block #download-block-2 #download_spb-2 h3{
-  margin: 6px 0px 2px 10px;
+  margin: 0;
+  color: #172738;
   font-size: 18px;
 }
-#content .download-block #download-block-2 #download-info-1,
-#content .download-block #download-block-2 #download-info-2,
-#content .download-block #download-block-2 #download-info-3{
+#content .download-block .download-list li {
   padding: 30px 10px 30px 10px;
   clear: both;
   border-top: 1px solid #D3D6DE;
 }
-#content .download-block #download-block-2 #download-info-2{
+#content .download-block .download-list li:nth-child(even) {
   background: #ECEDF1;
 }
-#content .download-block #download-block-2 #version01{
+#content .download-block .download-button {
   width: 80px;
   float: left;
   margin-right: 20px;
@@ -77,7 +73,7 @@
   clear: both;
 }
-#content .download-block #download-block-2 #version01 #image-download{
+#content .download-block .download-button .download-image {
   display: block;
   height: 18px; /*fix when display file size*/
   padding: 50px 0px 8px 0px;
@@ -89,7 +85,7 @@
   border-radius: 8px; /*fix when display file size*/
 }
-#content .download-block #download-block-2 #version01 #size-download{
+#content .download-block .download-button #download-size {
   display: none; /*fix when display file size*/
   color: #ffffff;
   background-color: #1a397d;
@@ -100,33 +96,33 @@
   text-align: center;
 }
-#content .download-block #download-block-2 #info-software-download{
+#content .download-block .download-info {
   position: relative;
   margin: 5px 0px 0px 100px;
   font-size: 16px;
 }
-#content .download-block #download-block-2 #info-software-download .download-name{
+#content .download-block .download-info .download-name {
   display: block;
   font-weight: bold;
 }
-#content .download-block #download-block-2 #info-software-download .download-system{
+#content .download-block .download-info .download-platform {
   display: block;
   font-size: 14px;
 }
-#content .download-block #download-block-2 #info-software-download .req_min_spb{
+#content .download-block .download-info .min-requirements {
   font-size: 12px;
 }
-#content .download-block #download-block-2 #info-software-download .req_min_spb a{
+#content .download-block .download-info .req_min_spb a {
   color: #3E67B1;
   line-height: 40px;
   text-decoration: underline;
 }
-#content .download-block #download-block-2 #licensed-software{
+#content .download-block #licensed-software {
   padding:14px;
   background-color: #D3D6DE;
   border-top: 1px solid #D3D6DE;
@@ -136,14 +132,14 @@
   text-align: right;
 }
-#content .download-block #download-block-2 #licensed-software a{
+#content .download-block #licensed-software a {
   color: #3e67b1;
   text-decoration: underline;
 }
 /* About Software - Article on homepage */
-.profile-homepage #article h1{
+.profile-homepage #article h1 {
   padding: 0;
   margin: 0 0 10px;
   color: #172738;
@@ -154,28 +150,28 @@
   line-height: 1.3em;
 }
-.profile-homepage #article #article-header h1.title{
+.profile-homepage #article #article-header h1.title {
   border: none;  
 }
-.profile-homepage #article #article-header .publishing-info{
+.profile-homepage #article #article-header .publishing-info {
   display: none;
 }
-.profile-homepage #article .article-body h1{
+.profile-homepage #article .article-body h1 {
   padding-top: 25px;
   border-top: 1px solid #ECEDF1;
   border-bottom: none;
 }
-.profile-homepage #article .article-body p{
+.profile-homepage #article .article-body p {
 	text-align: left;
 	font-size: 15px;
 	line-height: 21px;
 	margin-bottom: 20px;
 }
-.profile-homepage #article .article-body hr{
+.profile-homepage #article .article-body hr {
   display: none;
 }
@@ -185,7 +181,7 @@
   background-repeat: no-repeat;
 }
-.profile-homepage #article .article-body ul li{
+.profile-homepage #article .article-body ul li {
   list-style: inherit;
   text-align: left;
 	font-size: 15px;