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 { .lbry-teal-green {
background-color: #28D4E2; background-color: #28D4E2;
color: #ffffff;
} }
.lbry-dark-green { .lbry-dark-green {
background-color: #00303C; background-color: #00303C;
color: #ffffff;
}
.lbry-dark-green:hover{
color: #28D4E2;
} }
.dropdown-item.active { .dropdown-item.active {

View file

@ -179,63 +179,66 @@
<div class="card lbry-dark text-center"> <div class="card lbry-dark text-center">
<span class="mt-3">Click on a hive to see details</span> <span class="mt-3">Click on a hive to see details</span>
<div class="card-body"> <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 Developers
</button> </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 Contributors
</button> </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 Creators
</button> </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 Translators
</button> </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 LBRY.Science
</button> </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 LBRY.Español
</button> </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 LBRY.records
</button> </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 Open Source LBRY
</button> </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 Watch on LBRY Plugin
</button> </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 Wallet Servers
</button> </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 Reddit
</button> </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 LazyBit
</button> </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 LBRY India
</button> </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 Makerspace Hive
</button> </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 LBRY Social
</button> </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 LBRY Turkey
</button> </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) LBRY Community (LBRYC)
</button> </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 Beat Saber
</button> </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 LBRYans United
</button> </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> </div>
</div> </div>
@ -313,7 +316,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -346,7 +349,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -378,7 +381,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -410,7 +413,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -443,7 +446,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -473,7 +476,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -506,7 +509,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -538,7 +541,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -569,7 +572,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -610,7 +613,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -643,7 +646,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -674,7 +677,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -709,7 +712,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -740,7 +743,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -773,7 +776,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -806,7 +809,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -839,7 +842,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -874,7 +877,7 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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>
</div> </div>
@ -907,7 +910,40 @@
</p> </p>
</div> </div>
<div class="modal-footer"> <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> </div>
</div> </div>