elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-21 02:18:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #531 from jcalado/master

Browse Source 
extract card styles to its own class
This commit is contained in:
Steve Seguin 2020-11-27 09:17:24 -05:00 committed by GitHub
commit b0bfebc451
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@ -139,7 +139,7 @@
<i style="float: right; bottom: 0px; cursor: pointer; position: fixed; right: 2px; color: #d9e4eb; padding: 2px; margin: 2px 2px 0 0; font-size: 140%;" class="las la-language" aria-hidden="true"></i>
</span>
<div id="mainmenu" class="row" style="opacity: 0; align: center;">
<div id="container-1" class="column columnfade pointer" style=" overflow-y: auto;">
<div id="container-1" class="column columnfade pointer card" style=" overflow-y: auto;">
<h2>
<span data-translate="add-group-chat">Add Group Chat to OBS</span>
</h2>
@ -197,7 +197,7 @@
</div>
</div>
</div>
<div id="container-3" class="column columnfade pointer" onclick="previewWebcam()" style=" overflow-y: auto;">
<div id="container-3" class="column columnfade pointer card" onclick="previewWebcam()" style=" overflow-y: auto;">
<h2 id="add_camera">
<span data-translate="add-your-camera">Add your Camera to OBS</span>
</h2>
@ -278,7 +278,7 @@
</div>
</div>
<div id="container-2" class="column columnfade pointer" style=" overflow-y: auto;">
<div id="container-2" class="column columnfade pointer card" style=" overflow-y: auto;">
<h2 id="add_screen">
<span data-translate="remote-screenshare-obs">Remote Screenshare into OBS</span>
</h2>
@ -351,7 +351,7 @@
</div>
</div>
</div>
<div id="container-4" class="column columnfade pointer" style=" overflow-y: auto;">
<div id="container-4" class="column columnfade pointer card" style=" overflow-y: auto;">
<h2>
<span data-translate="create-reusable-invite">Create Reusable Invite</span>
</h2>
@ -455,7 +455,7 @@
</div>
</div>
</div>
<div id="container-5" class="column columnfade pointer advanced" style=" overflow-y: auto;">
<div id="container-5" class="column columnfade pointer advanced card" style=" overflow-y: auto;">
<h2><span data-translate="share-local-video-file">Stream Media File</span></h2>
<div class="container-inner">

7
main.css
View File

@ -800,6 +800,11 @@ label {
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
background-color: #ddd;
}
/* Create four equal columns that floats next to each other */
.column {
@ -815,8 +820,6 @@ label {
text-align: center;
font-size: 100%;
/* Add shadows to create the "card" effect */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1);
background-color: #ddd;
transition: box-shadow 0.1s ease-in-out;
}