diff --git a/config/routes.php b/config/routes.php index 3019465..6d4870d 100644 --- a/config/routes.php +++ b/config/routes.php @@ -47,6 +47,7 @@ Router::scope('/', function (RouteBuilder $routes) { $routes->connect('/', ['controller' => 'Main', 'action' => 'index']); $routes->connect('/address/*', ['controller' => 'Main', 'action' => 'address']); $routes->connect('/blocks/*', ['controller' => 'Main', 'action' => 'blocks']); + $routes->connect('/claims/*', ['controller' => 'Main', 'action' => 'claims']); $routes->connect('/find', ['controller' => 'Main', 'action' => 'find']); $routes->connect('/realtime', ['controller' => 'Main', 'action' => 'realtime']); $routes->connect('/tx/*', ['controller' => 'Main', 'action' => 'tx']); @@ -69,4 +70,3 @@ Router::scope('/', function (RouteBuilder $routes) { * how to customize the loading of plugin routes. */ Plugin::routes(); - diff --git a/src/Controller/MainController.php b/src/Controller/MainController.php index ec9b0c6..d779347 100644 --- a/src/Controller/MainController.php +++ b/src/Controller/MainController.php @@ -56,13 +56,6 @@ class MainController extends AppController { if ($diffMinutes >= 15) { // 15 minutes $shouldRefreshPrice = true; } - - /* - $diffHours = $diff->h; - $diffHours = $diffHours + ($diff->days * 24); - if ($diffHours >= 3) { - $shouldRefreshPrice = true; - }*/ } } @@ -114,6 +107,62 @@ class MainController extends AppController { $this->set('hashRate', $hashRate); } + public function claims($id = null) { + $this->loadModel('Claims'); + $this->loadModel('Transactions'); + + if (!$id) { + $claims = $this->Claims->find()->contain(['Stream', 'Publisher' => ['fields' => ['Name']]])->order(['Claims.Created' => 'DESC'])->limit(96)->toArray(); + for ($i = 0; $i < count($claims); $i++) { + if (isset($claims[$i]->Stream)) { + $json = json_decode($claims[$i]->Stream->Stream); + if (isset($json->metadata->license)) { + $claims[$i]->License = $json->metadata->license; + } + if (isset($json->metadata->licenseUrl)) { + $claims[$i]->LicenseUrl = $json->metadata->licenseUrl; + } + } + } + $this->set('claims', $claims); + } else { + $claim = $this->Claims->find()->contain(['Stream', 'Publisher' => ['fields' => ['ClaimId', 'Name']]])->where(['Claims.ClaimId' => $id])->first(); + if (!$claim) { + return $this->redirect('/'); + } + + $json = json_decode($claim->Stream->Stream); + if (isset($json->metadata->license)) { + $claim->License = $json->metadata->license; + } + if (isset($json->metadata->licenseUrl)) { + $claim->LicenseUrl = $json->metadata->licenseUrl; + } + + $moreClaims = []; + if (isset($claim->Publisher)) { + // find more claims for the publisher + $moreClaims = $this->Claims->find()->contain(['Stream', 'Publisher' => ['fields' => ['Name']]])-> + where(['Claims.ClaimType' => 2, 'Claims.Id <>' => $claim->Id, 'Claims.PublisherId' => $claim->Publisher->ClaimId])-> + limit(9)->order(['RAND()' => 'DESC'])->toArray(); + for ($i = 0; $i < count($moreClaims); $i++) { + if (isset($moreClaims[$i]->Stream)) { + $json = json_decode($moreClaims[$i]->Stream->Stream); + if (isset($json->metadata->license)) { + $moreClaims[$i]->License = $json->metadata->license; + } + if (isset($json->metadata->licenseUrl)) { + $moreClaims[$i]->LicenseUrl = $json->metadata->licenseUrl; + } + } + } + } + + $this->set('claim', $claim); + $this->set('moreClaims', $moreClaims); + } + } + public function realtime() { $this->loadModel('Blocks'); $this->loadModel('Transactions'); @@ -187,6 +236,7 @@ class MainController extends AppController { } $this->loadModel('Blocks'); + $this->loadModel('Claims'); $this->loadModel('Addresses'); $this->loadModel('Transactions'); @@ -196,13 +246,19 @@ class MainController extends AppController { if ($block) { return $this->redirect('/blocks/' . $height); } - } else if (strlen(trim($criteria)) <= 40) { + } else if (strlen(trim($criteria)) === 34) { // Address $address = $this->Addresses->find()->select(['Id', 'Address'])->where(['Address' => $criteria])->first(); if ($address) { return $this->redirect('/address/' . $address->Address); } - } else { + } else if (strlen(trim($criteria)) === 40) { + // Claim ID + $claim = $this->Claims->find()->select(['ClaimId'])->where(['ClaimId' => $criteria])->first(); + if ($claim) { + return $this->redirect('/claim/' . $claim->ClaimId); + } + } else if (strlen(trim($criteria)) === 64) { // block or tx hash // Try block hash first $block = $this->Blocks->find()->select(['Height'])->where(['Hash' => $criteria])->first(); if ($block) { @@ -213,6 +269,12 @@ class MainController extends AppController { return $this->redirect('/tx/' . $tx->Hash); } } + } else { + // finally, try exact claim name match + $claim = $this->Claims->find()->select(['ClaimId'])->where(['Name' => $criteria])->first(); + if ($claim) { + return $this->redirect('/claims/' . $claim->ClaimId); + } } // Not found, redirect to index diff --git a/src/Model/Table/ClaimsTable.php b/src/Model/Table/ClaimsTable.php index da80139..4177faa 100644 --- a/src/Model/Table/ClaimsTable.php +++ b/src/Model/Table/ClaimsTable.php @@ -20,6 +20,14 @@ class ClaimsTable extends Table { 'bindingKey' => 'ClaimId', 'propertyName' => 'Publisher' ] + ], + 'hasOne' => [ + 'Stream' => [ + 'className' => 'App\Model\Table\ClaimStreamsTable', + 'foreignKey' => 'Id', + 'bindingKey' => 'Id', + 'propertyName' => 'Stream' + ] ] ]); } diff --git a/src/Template/Element/header.ctp b/src/Template/Element/header.ctp index 861478e..1a561f1 100644 --- a/src/Template/Element/header.ctp +++ b/src/Template/Element/header.ctp @@ -5,7 +5,7 @@
- +
diff --git a/src/Template/Main/claims.ctp b/src/Template/Main/claims.ctp new file mode 100644 index 0000000..b5f9fc8 --- /dev/null +++ b/src/Template/Main/claims.ctp @@ -0,0 +1,344 @@ +start('script'); ?> + +end(); ?> +element('header') ?> + +Name; +if (isset($claim->Publisher->Name)) { + $link = $claim->Publisher->Name . '/' . $link; +} +$link = 'lbry://' . $link; +if ($claim->ClaimType == 1) { $autoThumbText = strtoupper(substr($claim->Name, 1, min( strlen($claim->Name), 10 ))); } else { + $str = str_replace(' ', '', (strlen(trim($claim->Title)) > 0) ? $claim->Title : $claim->Name); + $autoThumbText = strtoupper(substr($str, 0, min( strlen($str), 10 ))); +} + +$desc = $claim->Description; +if (strlen(trim($desc)) == 0) { + $desc = 'No description available.'; +} else { + $desc = preg_replace('#((https?|ftp)://(\S*?\.\S*?))([\s)\[\]{},;"\':<]|\.\s|$)#i','$1$4', $desc); + $desc = preg_replace('/(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/is', '$0', $desc); +} + +?> + +assign('title', 'Claim • ' . $claim->Name) ?> + +
+

LBRY Claims • Name ?>

+

ClaimId ?>

+
+ +
+
+
+ IsNSFW && strlen(trim($claim->ThumbnailUrl)) > 0): ?> + + +
+ +
+ +
+ ClaimType == 2): ?> +
Published by
+
+ Publisher)): ?> + Publisher->Name ?> + + Anonymous + +
+ + +
Created
+
Created->format('j M Y H:i:s') ?> UTC
+ +
Transaction
+
TransactionHash ?>
+ + ClaimType == 2): ?> +
NSFW
+
IsNSFW ? 'Yes' : 'No' ?>
+ +
+
+ +
+ ClaimType == 1): ?> +
Identity Claim
+
This is an identity claim.
+ +
Title ?>
+
', $desc) ?>
+ +
+
Author
+
Content Type
+ + +
Author)) > 0 ? $claim->Author : 'Unspecified' ?>
+
ContentType)) > 0 ? $claim->ContentType : 'Unspecified' ?>
+ +
License
+
Language
+ +
License)) > 0): ?> title="License ?>"> + LicenseUrl)) > 0): ?> + License)) > 0 ? $claim->License : 'Unspecified' ?> + LicenseUrl))): ?> +
+
Language)) > 0 ? ($claim->Language == 'en' ? 'English' : '') : 'Unspecified' ?>
+
+ + Open in LBRY +
+ +
+ + + 0): ?> + +
+

More from the publisher

+ +
+ Name; + if (isset($claim->Publisher->Name)) { + $link = $claim->Publisher->Name . '/' . $link; + } + $link = 'lbry://' . $link; + + // content type + $ctTag = null; + if (substr($claim->ContentType, 0, 5) === 'audio') { + $ctTag = 'audio'; + } else if (substr($claim->ContentType, 0, 5) === 'video') { + $ctTag = 'video'; + } else if (substr($claim->ContentType, 0, 5) === 'image') { + $ctTag = 'image'; + } + + if (!$ctTag && $claim->ClaimType == 1) { + $ctTag = 'identity'; + } + + if ($claim->ClaimType == 1) { $autoThumbText = strtoupper(substr($claim->Name, 1, min( strlen($claim->Name), 10 ))); } else { + $str = str_replace(' ', '', (strlen(trim($claim->Title)) > 0) ? $claim->Title : $claim->Name); + $autoThumbText = strtoupper(substr($str, 0, min( strlen($str), 10 ))); + } + + ?> +
+
+ +
+ + IsNSFW): ?> +
NSFW
+ +
+ +
+ IsNSFW && strlen(trim($claim->ThumbnailUrl)) > 0): ?> + + +
+ +
+ +
+
ClaimType == 1 ? $claim->Name : ((strlen(trim($claim->Title)) > 0) ? $claim->Title : 'No Title') ?>
+
+ +
Description)) > 0 ? $claim->Description : 'No description available' ?>
+ +
Transaction
+
Created
+ +
TransactionHash ?>
+
+ Created->format('U'))->diffForHumans(); ?> +
+ +
+ + ClaimType == 2): ?> +
Content type
+
Language
+ +
ContentType ?>
+
Language == 'en' ? 'English' : $claim->Language ?>
+ +
+ +
Author
+
License
+ +
Author)) > 0 ? $claim->Author : 'Unspecified' ?>
+
+ LicenseUrl)) > 0): ?> + License)) > 0 ? $claim->License : 'Unspecified' ?> + LicenseUrl))): ?> +
+ + + +
+
+ + +
+
+
+ + + +
+ + + +assign('title', 'Claims Explorer') ?> + +
+

Claims Explorer

+
+ +
+ Name; + if (isset($claim->Publisher->Name)) { + $link = $claim->Publisher->Name . '/' . $link; + } + $link = 'lbry://' . $link; + + // content type + $ctTag = null; + if (substr($claim->ContentType, 0, 5) === 'audio') { + $ctTag = 'audio'; + } else if (substr($claim->ContentType, 0, 5) === 'video') { + $ctTag = 'video'; + } else if (substr($claim->ContentType, 0, 5) === 'image') { + $ctTag = 'image'; + } + + if (!$ctTag && $claim->ClaimType == 1) { + $ctTag = 'identity'; + } + + if ($claim->ClaimType == 1) { $autoThumbText = strtoupper(substr($claim->Name, 1, min( strlen($claim->Name), 10 ))); } else { + $str = str_replace(' ', '', (strlen(trim($claim->Title)) > 0) ? $claim->Title : $claim->Name); + $autoThumbText = strtoupper(substr($str, 0, min( strlen($str), 10 ))); + } + + ?> +
+
+ +
+ + IsNSFW): ?> +
NSFW
+ +
+ +
+ IsNSFW && strlen(trim($claim->ThumbnailUrl)) > 0): ?> + + +
+ +
+ +
+
ClaimType == 1 ? $claim->Name : ((strlen(trim($claim->Title)) > 0) ? $claim->Title : 'No Title') ?>
+
+ +
Description)) > 0 ? $claim->Description : 'No description available' ?>
+ +
Transaction
+
Created
+ +
TransactionHash ?>
+
+ Created->format('U'))->diffForHumans(); ?> +
+ +
+ + ClaimType == 2): ?> +
Content type
+
Language
+ +
ContentType ?>
+
Language == 'en' ? 'English' : $claim->Language ?>
+ +
+ +
Author
+
License
+ +
Author)) > 0 ? $claim->Author : 'Unspecified' ?>
+
+ LicenseUrl)) > 0): ?> + License)) > 0 ? $claim->License : 'Unspecified' ?> + LicenseUrl))): ?> +
+ + + +
+
+ + +
+
+ + \ No newline at end of file diff --git a/src/Template/Main/index.ctp b/src/Template/Main/index.ctp index d2aa613..327824e 100644 --- a/src/Template/Main/index.ctp +++ b/src/Template/Main/index.ctp @@ -95,7 +95,7 @@
LBRY Block Explorer
- +
Realtime
@@ -155,8 +155,9 @@

Recent Claims

- Claim Explorer + Name; if (isset($claim->Publisher->Name)) { diff --git a/webroot/css/main.css b/webroot/css/main.css index b93a9cf..c5cef35 100644 --- a/webroot/css/main.css +++ b/webroot/css/main.css @@ -17,7 +17,7 @@ border-radius: 0 6px 8px 0 } .header .search .input-group .btn-inline-search:hover { background: #1976d2 } .home-container-cell > .main > .title { font-family: 'adelle-sans', sans-serif; font-weight: bold; font-size: 280%; margin: 24px auto 24px auto; width: 600px; text-align: center; color: #333; cursor: default } -.home-container-cell .search-input { display: block; margin: 0 auto; padding: 8px; text-align: center; border: 3px solid #ddd; border-radius: 16px; width: 600px; font-size: 115%; font-weight: 300 } +.home-container-cell .search-input { display: block; margin: 0 auto; padding: 8px; text-align: center; border: 3px solid #ddd; border-radius: 16px; width: 720px; font-size: 115%; font-weight: 300 } .home-container-cell .ctls { width: 600px; text-align: center; margin: 24px auto; position: relative } .home-container-cell .ctls .btn-search { font-size: 115%; display: inline-block; padding: 12px 48px; background: #1e88e5; color: #fff; border-radius: 8px; border: none; font-weight: 300; cursor: pointer } .home-container-cell .ctls .btn-search:hover { background: #1976d2 } @@ -27,6 +27,31 @@ border-radius: 0 6px 8px 0 } .home-container-cell .recent-blocks { width: 1000px; margin: 48px auto 0 auto; box-shadow: 0 2px 6px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); padding: 24px 24px 36px 24px; cursor: default } .home-container-cell .recent-blocks h3 { font-weight: normal; margin: 0 0 12px 0; font-weight: 300 } +.home-container-cell .recent-claims { width: 1000px; margin: 48px auto 0 auto; box-shadow: 0 2px 6px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); padding: 24px 24px 36px 24px; cursor: default; position: relative } +.home-container-cell .recent-claims .claim-explorer-link { position: absolute; right: 32px; top: 24px; font-size: 80% } +.home-container-cell .recent-claims h3 { font-weight: normal; margin: 0 0 12px 0; font-weight: 300 } +.home-container-cell .recent-claims .claim-box { width: 184px; height: 330px; margin-right: 7px; float: left; box-shadow: 0 2px 4px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); cursor: default; overflow: hidden; position: relative } +.home-container-cell .recent-claims .claim-box.last { margin-right: 0 } +.home-container-cell .recent-claims .claim-box .tags { font-size: 65%; position: absolute; right: 0; top: 0; z-index: 505 } +.home-container-cell .recent-claims .claim-box .thumbnail { width: 100%; height: 120px; background: #f0f0f0; display: block; position: relative; overflow: hidden;} +.home-container-cell .recent-claims .claim-box .thumbnail img { width: 100%; position: absolute; left: 0; top: 0; border-bottom: 1px solid #eee } +.home-container-cell .recent-claims .claim-box .thumbnail.purple { background: #ab47bc } +.home-container-cell .recent-claims .claim-box .thumbnail.orange { background: #e91e63 } +.home-container-cell .recent-claims .claim-box .thumbnail.blue { background: #42a5f5 } +.home-container-cell .recent-claims .claim-box .thumbnail.teal { background: #4db6ac } +.home-container-cell .recent-claims .claim-box .thumbnail.green { background: #66bb6a } +.home-container-cell .recent-claims .claim-box .thumbnail.yellow { background: #fdd835 } +.home-container-cell .recent-claims .claim-box .thumbnail .autothumb { display: block; margin: 33px auto 0 auto; text-align: center; font-size: 240%; color: #fff; line-height: 54px } +.home-container-cell .recent-claims .claim-box .tags > div { display: inline-block; padding: 4px 12px; margin-left: 2px } +.home-container-cell .recent-claims .claim-box .tags .nsfw { background: #e53935; text-align: center; color: #fff; position: relative; left: 1px } +.home-container-cell .recent-claims .claim-box .tags .content-type { background: #880e4f; text-align: center; color: #fff; } +.home-container-cell .recent-claims .claim-box .metadata { padding: 12px; font-size: 90% } +.home-container-cell .recent-claims .claim-box .title { font-size: 120%; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis } +.home-container-cell .recent-claims .claim-box .desc { font-size: 80%; font-weight: 300; height: 100px; overflow: hidden; text-overflow: ellipsis; margin: 3px 0; line-height: 20px } +.home-container-cell .recent-claims .claim-box .link { font-size: 80%; font-weight: 300; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 20px } +.home-container-cell .recent-claims .claim-box .tx-link { font-size: 80%; font-weight: 300; color: #fff; background: #1e88e5; position: absolute; bottom: 0; width: 100%; display: block; line-height: 20px; height: 32px; padding: 6px 0; text-align: center; cursor: pointer } +.home-container-cell .recent-claims .claim-box .tx-link:hover { text-decoration: none; background: #1976d2 } + .home-container-cell .recent-claims { width: 1000px; margin: 48px auto 0 auto; box-shadow: 0 2px 6px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); padding: 24px 24px 36px 24px; cursor: default } .home-container-cell .recent-claims h3 { font-weight: normal; margin: 0 0 12px 0; font-weight: 300 } .home-container-cell .recent-claims .claim-box { width: 184px; height: 330px; margin-right: 7px; float: left; box-shadow: 0 2px 4px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); cursor: default; overflow: hidden; position: relative } @@ -51,6 +76,68 @@ border-radius: 0 6px 8px 0 } .home-container-cell .recent-claims .claim-box .tx-link { font-size: 80%; font-weight: 300; color: #fff; background: #1e88e5; position: absolute; bottom: 0; width: 100%; display: block; line-height: 20px; height: 32px; padding: 6px 0; text-align: center; cursor: pointer } .home-container-cell .recent-claims .claim-box .tx-link:hover { text-decoration: none; background: #1976d2 } +.claims-head h2 { font-weight: 300; margin-bottom: 0; font-size: 220% } +.claims-head { width: 1200px; margin: 0 auto 24px auto; cursor: default } +.claims-head h3, h4 { font-weight: 300; margin: 0 } +.claims-head h3 { font-size: 200%; margin-bottom: 3px } +.claims-head h4 { font-size: 125% } + +.claims-grid { width: 1200px; margin: 0 auto 0 auto; cursor: default } +.claims-grid .claim-grid-item { width: 360px; height: 560px; margin-right: 60px; margin-bottom: 60px; float: left; box-shadow: 0 2px 4px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); cursor: default; overflow: hidden; position: relative; cursor: pointer } +.claims-grid .claim-grid-item:hover { background: #fbfbfb } +.claims-grid .claim-grid-item.last-item { margin-right: 0 } +.claims-grid .claim-grid-item.last-row { margin-bottom: 0 } +.claims-grid .claim-grid-item .tags { font-size: 65%; position: absolute; right: 0; top: 0; z-index: 505 } +.claims-grid .claim-grid-item .thumbnail { width: 100%; height: 200px; background: #f0f0f0; display: block; position: relative; overflow: hidden;} +.claims-grid .claim-grid-item .thumbnail img { width: 100%; position: absolute; left: 0; top: 0; border-bottom: 1px solid #eee } +.claims-grid .claim-grid-item .thumbnail.purple { background: #ab47bc } +.claims-grid .claim-grid-item .thumbnail.orange { background: #e91e63 } +.claims-grid .claim-grid-item .thumbnail.blue { background: #42a5f5 } +.claims-grid .claim-grid-item .thumbnail.teal { background: #4db6ac } +.claims-grid .claim-grid-item .thumbnail.green { background: #66bb6a } +.claims-grid .claim-grid-item .thumbnail.yellow { background: #fdd835 } +.claims-grid .claim-grid-item .thumbnail .autothumb { display: block; margin: 73px auto 0 auto; text-align: center; font-size: 240%; color: #fff; line-height: 54px } +.claims-grid .claim-grid-item .tags > div { display: inline-block; padding: 4px 12px; margin-left: 2px } +.claims-grid .claim-grid-item .tags .nsfw { background: #e53935; text-align: center; color: #fff; position: relative; left: 1px } +.claims-grid .claim-grid-item .tags .content-type { background: #880e4f; text-align: center; color: #fff; } +.claims-grid .claim-grid-item .metadata { padding: 24px; font-size: 90% } +.claims-grid .claim-grid-item .title { font-size: 120%; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis } +.claims-grid .claim-grid-item .desc { font-size: 90%; font-weight: 300; height: 72px; overflow: hidden; text-overflow: ellipsis; margin: 8px 0 20px 0; line-height: 24px } +.claims-grid .claim-grid-item .link { font-size: 95%; font-weight: 300; margin-top: 3px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; height: 20px; margin-top: 6px } + +.claims-grid .claim-grid-item .label { font-size: 80%; color: #1e88e5 } +.claims-grid .claim-grid-item .value { font-weight: 300; word-break: break-word; word-wrap: break-word; font-size: 95%; line-height: 24px; height: 24px } +.claims-grid .claim-grid-item .half-width { width: 155px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 12px } +.claims-grid .claim-grid-item .spacer { height: 16px } + +.claims-body { width: 1200px; margin: 0 auto 0 auto; cursor: default } +.claims-body .claim-info { width: 400px; float: left; box-shadow: 0 2px 4px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); cursor: default } +.claims-body .claim-info .thumbnail { width: 100%; height: 220px; background: #f0f0f0; display: block; position: relative; overflow: hidden } +.claims-body .claim-info .thumbnail img { width: 100% } +.claims-body .claim-info .content { padding: 24px } +.claims-body .claim-info .content .label { font-size: 90%; color: #1e88e5 } +.claims-body .claim-info .content .value { font-weight: 300; margin-bottom: 24px; word-break: break-word; word-wrap: break-word } +.claims-body .claim-info .content .value:last-child { margin-bottom: 0 } +.claims-body .claim-info .thumbnail.purple { background: #ab47bc } +.claims-body .claim-info .thumbnail.orange { background: #e91e63 } +.claims-body .claim-info .thumbnail.blue { background: #42a5f5 } +.claims-body .claim-info .thumbnail.teal { background: #4db6ac } +.claims-body .claim-info .thumbnail.green { background: #66bb6a } +.claims-body .claim-info .thumbnail.yellow { background: #fdd835 } +.claims-body .claim-info .thumbnail .autothumb { display: block; margin: 93px auto 0 auto; text-align: center; font-size: 240%; color: #fff; line-height: 54px } + +.claims-body .claim-metadata { width: 750px; margin-left: 50px; float: left; box-shadow: 0 2px 4px rgba(0,0,0,.175); border: 1px solid rgba(0,0,0,.15); padding: 24px 36px 88px 36px; cursor: default; position: relative } +.claims-body .claim-metadata .title { font-weight: 300; font-size: 170%; margin-bottom: 16px; color: #1e88e5; padding: 0 8px } +.claims-body .claim-metadata .desc { font-weight: 300; font-size: 130%; line-height: 36px; padding: 0 12px } +.claims-body .claim-metadata .details { margin-top: 36px; border-top: 1px solid #ddd; padding: 36px 16px 0 16px } +.claims-body .claim-metadata .details .label { font-size: 90%; color: #1e88e5 } +.claims-body .claim-metadata .details .value { font-size: 110%; font-weight: 300; margin-bottom: 24px } +.claims-body .claim-metadata .details .half-width { width: 50%; padding-right: 36px; float: left; height: 25px; line-height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } +.claims-body .claim-metadata .open-lbry-link { position: absolute; right: 36px; bottom: 36px; padding: 10px 24px; color: #fff; font-weight: 300; font-size: 90%; background: #1e88e5 } +.claims-body .claim-metadata .open-lbry-link:hover { text-decoration: none; background: #1976d2 } +.claims-body .more-claims { margin-top: 64px } +.claims-body .more-claims h4 { color: #1e88e5; font-weight: 300; font-size: 160%; margin-bottom: 16px } + .table { width: 100%; cursor: default; border-collapse: collapse; font-size: 90% } .table thead tr th { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 12px 4px } .table tbody tr td { padding: 8px; border-bottom: 1px solid #eee; font-weight: 300; white-space: nowrap }