layout
This commit is contained in:
parent
4b2a0adf29
commit
a60b3e5a12
4 changed files with 31 additions and 27 deletions
|
@ -1,4 +1,4 @@
|
||||||
<h4>Raumliste</h4><a id="userlist" style="font-size:8px;">(schließen)</a>
|
<h4>Raumliste</h4><a id="userlist" class="chatlink" style="font-size:8px;">(schließen)</a>
|
||||||
<div id="users" class="mousescroll" style="padding:5px; height: 250px;">
|
<div id="users" class="mousescroll" style="padding:5px; height: 250px;">
|
||||||
{if $users==""}
|
{if $users==""}
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -2,7 +2,7 @@
|
||||||
<div class="wrapper col4">
|
<div class="wrapper col4">
|
||||||
<div id="container">
|
<div id="container">
|
||||||
<div id="content" style="height: 80vh;">
|
<div id="content" style="height: 80vh;">
|
||||||
<div class="topbar"><a id="notchan">Ding</a> | <a href="//funch.at/forum/help-8.html" target="_blank" onclick="return popup('//funch.at/forum/help-8.html','width=800, height=800, resizeable,scrollbars=yes');">Hilfe</a> | <a href="//funch.at/forum/misc.php?action=smilies&popup=true" target="_blank" onclick="return popup('//funch.at/forum/misc.php?action=smilies&popup=true','width=600, height=600, resizeable,scrollbars=yes');">Smilies</a> | <a id="notsw">Benachrichtigung: An</a> | <a id="scrolling">Scrolling: An</a> | <a id="whwindow">{$whtext}</a> | <a id="submit">{$submit}</a> | <a id="logout">Logout</a></div>
|
<div class="topbar"><a id="notchan" class="chatlink">Ding</a> | <a href="//funch.at/forum/help-8.html" target="_blank" onclick="return popup('//funch.at/forum/help-8.html','width=800, height=800, resizeable,scrollbars=yes');">Hilfe</a> | <a href="//funch.at/forum/misc.php?action=smilies&popup=true" target="_blank" onclick="return popup('//funch.at/forum/misc.php?action=smilies&popup=true','width=600, height=600, resizeable,scrollbars=yes');">Smilies</a> | <a id="notsw" class="chatlink">Benachrichtigung: An</a> | <a id="scrolling" class="chatlink">Scrolling: An</a> | <a id="whwindow" class="chatlink">{$whtext}</a> | <a id="submit" class="chatlink">{$submit}</a> | <a id="logout" class="chatlink">Logout</a></div>
|
||||||
<div id="chatlog" style="overflow-y:auto; height: 95%; z-index:1; position:relative;"></div>
|
<div id="chatlog" style="overflow-y:auto; height: 95%; z-index:1; position:relative;"></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="column">
|
<div id="column">
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<h4>Userliste</h4>
|
<h4>Userliste</h4>
|
||||||
<span id="curroom" style="font-weight:bold;">{$room}</span> <a id="allrooms" style="font-size:8px;">(Raumliste)</a>
|
<span id="curroom" style="font-weight:bold;">{$room}</span> <a id="allrooms" class="chatlink" style="font-size:8px;">(Raumliste)</a>
|
||||||
<div id="users" class="mousescroll" style="padding:5px; height: 250px;">
|
<div id="users" class="mousescroll" style="padding:5px; height: 250px;">
|
||||||
{if $users==""}
|
{if $users==""}
|
||||||
<p>
|
<p>
|
||||||
|
|
|
@ -49,29 +49,33 @@ body {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rb-anim{
|
.chatlink {
|
||||||
position: relative;
|
cursor: pointer;
|
||||||
letter-spacing: 0.05em;
|
}
|
||||||
font-weight: 500;
|
|
||||||
background: linear-gradient(
|
.rb-anim {
|
||||||
#fd004c 16.7%,
|
position: relative;
|
||||||
#fe9000 16.7%,
|
letter-spacing: 0.05em;
|
||||||
#fe9000 33.4%,
|
font-weight: 500;
|
||||||
#fff020 33.4%,
|
background: linear-gradient(
|
||||||
#fff020 50.1%,
|
#fd004c 16.7%,
|
||||||
#3edf4b 50.1%,
|
#fe9000 16.7%,
|
||||||
#3edf4b 66.8%,
|
#fe9000 33.4%,
|
||||||
#3363ff 66.8%,
|
#fff020 33.4%,
|
||||||
#3363ff 83.5%,
|
#fff020 50.1%,
|
||||||
#b102b7 83.5%
|
#3edf4b 50.1%,
|
||||||
);
|
#3edf4b 66.8%,
|
||||||
color: transparent;
|
#3363ff 66.8%,
|
||||||
-webkit-background-clip: text;
|
#3363ff 83.5%,
|
||||||
background-clip: text;
|
#b102b7 83.5%
|
||||||
-webkit-text-stroke: 0.04em white;
|
);
|
||||||
margin-bottom: 0.5em;
|
color: transparent;
|
||||||
line-height: 1.1em;
|
-webkit-background-clip: text;
|
||||||
animation: rainbow 50s linear infinite;
|
background-clip: text;
|
||||||
|
-webkit-text-stroke: 0.04em white;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
line-height: 1.1em;
|
||||||
|
animation: rainbow 50s linear infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes rainbow {
|
@keyframes rainbow {
|
||||||
|
@ -93,6 +97,7 @@ a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #feac46;
|
color: #feac46;
|
||||||
background-color: #0a2145;
|
background-color: #0a2145;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mimg {
|
.mimg {
|
||||||
|
@ -623,4 +628,3 @@ div.wrapper h2 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue