button style

This commit is contained in:
Nael 2013-11-11 02:00:29 +01:00
parent d4cd806c27
commit 11f28e8e34
10 changed files with 26 additions and 10 deletions

View File

@ -26,13 +26,18 @@
}
.fadeout {
opacity: 0.2;
opacity: 0.3;
}
.fadein {
opacity: 0.7;
opacity: 0.9;
-webkit-filter: brightness(80%);
}
.selected {
opacity: 1.0;
opacity: 1.0;
-webkit-filter: sepia(0%);
-webkit-filter: brightness(160%);
-webkit-filter: contrast(120%);
}

View File

@ -2,6 +2,9 @@
font-family: "Life-Craft";
src: url(http://www.mojotrollz.eu/web/mojotrollz/mojotrollz/page/default_page/css/LifeCraft_Font.ttf) format("truetype");
}
.lifecraft { font-family: "Life-Craft", sans-serif }
h3 { font-family: "Life-Craft", sans-serif;
text-shadow: 0.4em 0.2em 0.6em black;
}

View File

@ -10,8 +10,8 @@
<body style="color: gold; background: url(${PICPATH}wall.jpg);">
<div id="logo" style="text-align: center"><img src="${PICPATH}World-Of-Warcraft-Logo.png"/></div>
<div id="wrapper"style="width: 1000px; margin: auto; -webkit-box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); box-shadow: 3px 3px 4px 2px rgba(0, 0, 0, 1); border-radius: 5px;">
<div id="wizard_navbar" class="navbar" style="background: black; height:48px;">
<div class="navbar-inner" style="background-image: url(${PICPATH}navbar_background.png);">
<div id="wizard_navbar" class="navbar" style="background: black; height:48px; font-size: 22px;">
<div class="navbar-inner" style="background-image: url(${PICPATH}nav_test.png);">
<ul id="nav" class="nav">
<a class="brand active" href=""><font color="gold">Welcome</font></a>
@ -24,8 +24,16 @@
<div id="frame_left" class="left" style="background: url(${PICPATH}border_left.png) repeat-y;"></div>
<div id="content_wrapper" style="padding-left: 10px; padding-right: 10px; padding-bottom: 75px;">
<div id="content" >
<div>
welcome
<div style="float: left; color: black;">
<h4>Welcome to Endgame WoW.
<br>
This site is under construction.
<br>
Feel free to snoop around.
</h4>
<div style="">
<img src="${PICPATH}help_gnome.png" width="200px;" />
</div>
</div>
<div class="lifecraft" style="float: right; padding-right: 10px;">
<h3>Login</h3>
@ -36,9 +44,9 @@
</div>
<div style="clear: both;"></div>
<div id="back" style="float: left; display: none;"><a href="#"><img src="${PICPATH}arrow_left.png"/></a></div>
<div id="start" style="float: left;"><a href="#">start</a></div>
<div id="start" style="float: left;"><a href="#"><img src="${PICPATH}button.png"/></a></div>
<div id="next" style="float: right; display: none;"><a href="#"><img src="${PICPATH}arrow_right.png"/></a></div>
<div id="register" style="float: right; display: none;"><a href="#">REG NOW BUTTON</a></div>
<div id="register" style="float: right; display: none;"><a href="#"><img src="${PICPATH}register_button.png"/></a></div>
</div>
<div class="right" style="background: url(${PICPATH}border_right.png) repeat-y;"></div>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB