change: style of hive tables

This commit is contained in:
iampratiktandel 2020-06-16 14:51:06 +05:30
parent 5fe10bd7fc
commit cc2d153229
2 changed files with 80 additions and 38 deletions

View file

@ -118,10 +118,16 @@ nav {
.lbry-teal-green {
background-color: #28D4E2;
color: #ffffff;
}
.lbry-dark-green {
background-color: #00303C;
color: #ffffff;
}
.lbry-dark-green:hover{
color: #28D4E2;
}
.dropdown-item.active {

View file

@ -179,63 +179,66 @@
<div class="card lbry-dark text-center">
<span class="mt-3">Click on a hive to see details</span>
<div class="card-body">
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#developersModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#developersModal">
Developers
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#contributorsModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#contributorsModal">
Contributors
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#creatorsModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#creatorsModal">
Creators
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#translatorsModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#translatorsModal">
Translators
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_ScienceModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_ScienceModal">
LBRY.Science
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_EspanolModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_EspanolModal">
LBRY.Español
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_recordsModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_recordsModal">
LBRY.records
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Open_Source_LBRYModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Open_Source_LBRYModal">
Open Source LBRY
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Watch_on_LBRY_PluginModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Watch_on_LBRY_PluginModal">
Watch on LBRY Plugin
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Wallet_ServersModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Wallet_ServersModal">
Wallet Servers
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#RedditModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#RedditModal">
Reddit
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LazyBitModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LazyBitModal">
LazyBit
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_IndiaModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_IndiaModal">
LBRY India
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Makerspace_HiveModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Makerspace_HiveModal">
Makerspace Hive
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_SocialModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_SocialModal">
LBRY Social
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_TurkeyModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_TurkeyModal">
LBRY Turkey
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRY_CommunityModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRY_CommunityModal">
LBRY Community (LBRYC)
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#Beat_SaberModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#Beat_SaberModal">
Beat Saber
</button>
<button type="button" class="btn btn-primary mb-3 mr-3" data-toggle="modal" data-target="#LBRYans_UnitedModal">
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRYans_UnitedModal">
LBRYans United
</button>
<button type="button" class="btn lbry-dark-green mb-3 mr-3" data-toggle="modal" data-target="#LBRYian_comModal">
LBRYian.com
</button>
</div>
</div>
</div>
@ -313,7 +316,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -346,7 +349,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -378,7 +381,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -410,7 +413,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -443,7 +446,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -473,7 +476,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -506,7 +509,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -538,7 +541,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -569,7 +572,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -610,7 +613,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -643,7 +646,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -674,7 +677,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -709,7 +712,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -740,7 +743,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -773,7 +776,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -806,7 +809,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -839,7 +842,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -874,7 +877,7 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
@ -907,7 +910,40 @@
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- /LBRYans United -->
<!-- LBRYian.com -->
<div class="modal fade" id="LBRYian_comModal" tabindex="-1" role="dialog" aria-labelledby="LBRYian_comModal" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content lbry-dark text-white">
<div class="modal-header">
<h3 class="modal-title" id="LBRYian_comModal">LBRYian.com</h3>
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<h4>Chat Room or Forum</h4>
<p><a href="https://discord.gg/cqNDrm9">https://discord.gg/cqNDrm9</a></p>
<h4>Website</h4>
<p><a href="https://lbryian.com/">https://lbryian.com/</a></p>
<h4>Description</h4>
<p>
LBRYian.com is building Social Media Network among students to promote LBRY technology
and spreading awareness about how LBRY can help to protect our privacy, and freedom
of our content by doing meetups and making meaningful memes that describe LBRY in fun way. <br>
Our Main Focus is to trend #lbryian in social media by our memes and meetups.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn lbry-dark-green" data-dismiss="modal">Close</button>
</div>
</div>
</div>