Adding tiles to the install-dotnet page
This commit is contained in:
20
css/main.css
20
css/main.css
@@ -91,4 +91,24 @@ a:hover {
|
|||||||
margin-bottom: 35px;
|
margin-bottom: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Install button tiles */
|
||||||
|
.install-tile {
|
||||||
|
width: 150px;
|
||||||
|
height: 150px;
|
||||||
|
background-color: #682079;
|
||||||
|
/* add drop shadow here */
|
||||||
|
display: inline-block;
|
||||||
|
padding: 15px;
|
||||||
|
margin-right: 25px;
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'Roboto Condensed';
|
||||||
|
/*font-weight: bold;*/
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.install-tile:hover {
|
||||||
|
background-color: #932DAB;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -26,7 +26,8 @@
|
|||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<h2>Available .NET Versions</h2>
|
<h2>Available .NET Versions</h2>
|
||||||
<ul id="versions" class="list-group"></ul>
|
<!--<ul id="versions" class="list-group"></ul>-->
|
||||||
|
<div id="versionsList"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -51,7 +52,8 @@ $(document).ready(function() {
|
|||||||
|
|
||||||
if (val.category == "netfx")
|
if (val.category == "netfx")
|
||||||
{
|
{
|
||||||
$("#versions").append("<li class=list-group-item><a href=" + val.runtime[0].link + ">" + val.platform + "</a></li>");
|
//$("#versions").append("<li class=list-group-item><a href=" + val.runtime[0].link + ">" + val.platform + "</a></li>");
|
||||||
|
$("#versionsList").append("<a href='"+ val.runtime[0].link +"' class='install-tile'>"+ val.platform +"</a>");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user