Download as
Browse Code »

Commit 88163bbe4a4f28bb1fd1ee0464b5c179ba4cd9ca

Authored by Arthur Sturzbecher
1 parent 2446bd73

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>
Showing 1 changed file with 29 additions and 33 deletions   Show diff stats
css/software-pages.css
  Diff comments   View file @88163bb
1 1 /*** Software Header ***/
2   -#content .software-information-block{
  2 +#content .software-information-block {
3 3 margin-bottom: 60px;
4 4 }
5 5  
6   -#content #software-information-block-table{
  6 +#content #software-information-block-table {
7 7 width: auto;
8 8 margin: 0px 15px;
9 9 }
10 10  
11   -#content #software-information-block-table td{
  11 +#content #software-information-block-table td {
12 12 display: table-cell;
13 13 }
14 14  
... ... @@ -17,7 +17,7 @@
17 17 vertical-align: top;
18 18 }
19 19  
20   -#content #software-information-block-table #col-software-name h1{
  20 +#content #software-information-block-table #col-software-name h1 {
21 21 line-height: 37px;
22 22 font-size: 34px;
23 23 font-family: Arial, open_sansbold, Helvetica, sans-serif;
... ... @@ -25,7 +25,7 @@
25 25 text-align: left;
26 26 }
27 27  
28   -#content #software-information-block-table #col-software-name b{
  28 +#content #software-information-block-table #col-software-name b {
29 29 line-height: 21px;
30 30 font-weight: normal;
31 31 font-family: Arial, open_sansregular, Helvetica, sans-serif;
... ... @@ -38,38 +38,34 @@
38 38  
39 39 /* Software Download Block*/
40 40  
41   -#content .download-block #download-block-2{
  41 +#content .download-block {
42 42 margin: 0px 15px;
43 43 border:1px solid #D3D6DE;
44 44 border-radius: 10px;
45 45 }
46 46  
47   -#content .download-block #download-block-2 #download_spb-2{
48   - padding: 5px 10px;
  47 +#content .download-block .block-title {
  48 + padding: 11px 20px 7px 20px;
49 49 background-color: #D3D6DE;
50 50 border-top-left-radius: 8px;
51 51 border-top-right-radius: 8px;
52 52 font-family: Arial;
53   -}
54   -
55   -#content .download-block #download-block-2 #download_spb-2 h3{
56   - margin: 6px 0px 2px 10px;
  53 + margin: 0;
  54 + color: #172738;
57 55 font-size: 18px;
58 56 }
59 57  
60   -#content .download-block #download-block-2 #download-info-1,
61   -#content .download-block #download-block-2 #download-info-2,
62   -#content .download-block #download-block-2 #download-info-3{
  58 +#content .download-block .download-list li {
63 59 padding: 30px 10px 30px 10px;
64 60 clear: both;
65 61 border-top: 1px solid #D3D6DE;
66 62 }
67 63  
68   -#content .download-block #download-block-2 #download-info-2{
  64 +#content .download-block .download-list li:nth-child(even) {
69 65 background: #ECEDF1;
70 66 }
71 67  
72   -#content .download-block #download-block-2 #version01{
  68 +#content .download-block .download-button {
73 69 width: 80px;
74 70 float: left;
75 71 margin-right: 20px;
... ... @@ -77,7 +73,7 @@
77 73 clear: both;
78 74 }
79 75  
80   -#content .download-block #download-block-2 #version01 #image-download{
  76 +#content .download-block .download-button .download-image {
81 77 display: block;
82 78 height: 18px; /*fix when display file size*/
83 79 padding: 50px 0px 8px 0px;
... ... @@ -89,7 +85,7 @@
89 85 border-radius: 8px; /*fix when display file size*/
90 86 }
91 87  
92   -#content .download-block #download-block-2 #version01 #size-download{
  88 +#content .download-block .download-button #download-size {
93 89 display: none; /*fix when display file size*/
94 90 color: #ffffff;
95 91 background-color: #1a397d;
... ... @@ -100,33 +96,33 @@
100 96 text-align: center;
101 97 }
102 98  
103   -#content .download-block #download-block-2 #info-software-download{
  99 +#content .download-block .download-info {
104 100 position: relative;
105 101 margin: 5px 0px 0px 100px;
106 102 font-size: 16px;
107 103 }
108 104  
109   -#content .download-block #download-block-2 #info-software-download .download-name{
  105 +#content .download-block .download-info .download-name {
110 106 display: block;
111 107 font-weight: bold;
112 108 }
113 109  
114   -#content .download-block #download-block-2 #info-software-download .download-system{
  110 +#content .download-block .download-info .download-platform {
115 111 display: block;
116 112 font-size: 14px;
117 113 }
118 114  
119   -#content .download-block #download-block-2 #info-software-download .req_min_spb{
  115 +#content .download-block .download-info .min-requirements {
120 116 font-size: 12px;
121 117 }
122 118  
123   -#content .download-block #download-block-2 #info-software-download .req_min_spb a{
  119 +#content .download-block .download-info .req_min_spb a {
124 120 color: #3E67B1;
125 121 line-height: 40px;
126 122 text-decoration: underline;
127 123 }
128 124  
129   -#content .download-block #download-block-2 #licensed-software{
  125 +#content .download-block #licensed-software {
130 126 padding:14px;
131 127 background-color: #D3D6DE;
132 128 border-top: 1px solid #D3D6DE;
... ... @@ -136,14 +132,14 @@
136 132 text-align: right;
137 133 }
138 134  
139   -#content .download-block #download-block-2 #licensed-software a{
  135 +#content .download-block #licensed-software a {
140 136 color: #3e67b1;
141 137 text-decoration: underline;
142 138 }
143 139  
144 140 /* About Software - Article on homepage */
145 141  
146   -.profile-homepage #article h1{
  142 +.profile-homepage #article h1 {
147 143 padding: 0;
148 144 margin: 0 0 10px;
149 145 color: #172738;
... ... @@ -154,28 +150,28 @@
154 150 line-height: 1.3em;
155 151 }
156 152  
157   -.profile-homepage #article #article-header h1.title{
  153 +.profile-homepage #article #article-header h1.title {
158 154 border: none;
159 155 }
160 156  
161   -.profile-homepage #article #article-header .publishing-info{
  157 +.profile-homepage #article #article-header .publishing-info {
162 158 display: none;
163 159 }
164 160  
165   -.profile-homepage #article .article-body h1{
  161 +.profile-homepage #article .article-body h1 {
166 162 padding-top: 25px;
167 163 border-top: 1px solid #ECEDF1;
168 164 border-bottom: none;
169 165 }
170 166  
171   -.profile-homepage #article .article-body p{
  167 +.profile-homepage #article .article-body p {
172 168 text-align: left;
173 169 font-size: 15px;
174 170 line-height: 21px;
175 171 margin-bottom: 20px;
176 172 }
177 173  
178   -.profile-homepage #article .article-body hr{
  174 +.profile-homepage #article .article-body hr {
179 175 display: none;
180 176 }
181 177  
... ... @@ -185,7 +181,7 @@
185 181 background-repeat: no-repeat;
186 182 }
187 183  
188   -.profile-homepage #article .article-body ul li{
  184 +.profile-homepage #article .article-body ul li {
189 185 list-style: inherit;
190 186 text-align: left;
191 187 font-size: 15px;
... ...