Matan merge
This commit is contained in:
55
app/assets/css/global.css
Executable file
55
app/assets/css/global.css
Executable file
@@ -0,0 +1,55 @@
|
||||
|
||||
@font-face {
|
||||
font-family: ringbearer;
|
||||
src: url('../fonts/ringbearer.ttf');
|
||||
}
|
||||
|
||||
/* Logger font, found on https://fonts.google.com/specimen/Inconsolata?selection.family=Inconsolata */
|
||||
@font-face {
|
||||
font-family: inconsolata;
|
||||
src: url('../fonts/Inconsolata-Bold.ttf');
|
||||
}
|
||||
|
||||
|
||||
html , body{
|
||||
background: url('../images/BrownWithWignette.jpg') no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
a, a:hover
|
||||
{
|
||||
color: black;
|
||||
text-decoration:none;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
pre {border: 0; background-color: transparent;}
|
||||
|
||||
|
||||
|
||||
input{
|
||||
width: 100%;
|
||||
padding-left: 3px;
|
||||
border: none;
|
||||
border-bottom: 3px solid #ECECEC;
|
||||
font-size: 20px;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
|
||||
p, img, pre, span, label, h1 ,h2 ,h3 {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-user-drag: none;
|
||||
-khtml-user-drag: none;
|
||||
-moz-user-drag: none;
|
||||
-o-user-drag: none;
|
||||
user-drag: none;
|
||||
}
|
||||
46
app/assets/css/header.css
Executable file
46
app/assets/css/header.css
Executable file
@@ -0,0 +1,46 @@
|
||||
#header_container {
|
||||
background-color: black;
|
||||
padding: 5px;
|
||||
font-size: 0px;
|
||||
text-align: center;
|
||||
border-bottom: thick solid #a02d2a;
|
||||
border-bottom-width: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Div container for the seal image. */
|
||||
#header_seal_container {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Div container for the header image. */
|
||||
#header_img_container {
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Seal and header images. */
|
||||
#header_seal,
|
||||
#header_img {
|
||||
height: 75px;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Div container for the social buttons. */
|
||||
#header_social_container {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Social buttons. */
|
||||
.header_social_img {
|
||||
height: 25px;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
48
app/assets/css/nav.css
Executable file
48
app/assets/css/nav.css
Executable file
@@ -0,0 +1,48 @@
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
float: left;
|
||||
display: block;
|
||||
padding: 12px;
|
||||
padding-top: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
li:hover {
|
||||
background-color: #a02d2a;
|
||||
}
|
||||
|
||||
a{
|
||||
font-size: 20px;
|
||||
font-family: 'ringbearer';
|
||||
}
|
||||
.player_icon{
|
||||
margin-top: 120px;
|
||||
margin-left: -15px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.input_text{
|
||||
font-size: 20px;
|
||||
font-family: 'bitter', italic;
|
||||
color: black;
|
||||
text-align: center;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.input{
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
border: none;
|
||||
border-bottom: 3px solid #bdc3c7;
|
||||
outline: none;
|
||||
font-size: 20px;
|
||||
|
||||
}
|
||||
|
||||
121
app/assets/css/styles.css
Normal file
121
app/assets/css/styles.css
Normal file
@@ -0,0 +1,121 @@
|
||||
/*******************************************************************************
|
||||
* *
|
||||
* Fonts *
|
||||
* *
|
||||
******************************************************************************/
|
||||
|
||||
/* Primary font for the application, found on http://www.dafont.com/ringbearer.font */
|
||||
@font-face {
|
||||
font-family: ringbearer;
|
||||
src: url('../fonts/ringbearer.ttf');
|
||||
}
|
||||
|
||||
/* Logger font, found on https://fonts.google.com/specimen/Inconsolata?selection.family=Inconsolata */
|
||||
@font-face {
|
||||
font-family: inconsolata;
|
||||
src: url('../fonts/Inconsolata-Bold.ttf');
|
||||
}
|
||||
|
||||
/*******************************************************************************
|
||||
* *
|
||||
* Body *
|
||||
* *
|
||||
******************************************************************************/
|
||||
|
||||
/* Reset body, html, and div presets. */
|
||||
body, html, div {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
html {
|
||||
background: url('../images/BrownWithWignette.jpg') no-repeat center center fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
/*******************************************************************************
|
||||
* *
|
||||
* Header *
|
||||
* *
|
||||
******************************************************************************/
|
||||
|
||||
/* Main div header container. */
|
||||
#header_container {
|
||||
background-color: black;
|
||||
padding: 5px;
|
||||
font-size: 0px;
|
||||
text-align: center;
|
||||
border-bottom: thick solid #a02d2a;
|
||||
border-bottom-width: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Div container for the seal image. */
|
||||
#header_seal_container {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Div container for the header image. */
|
||||
#header_img_container {
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* Seal and header images. */
|
||||
#header_seal,
|
||||
#header_img {
|
||||
height: 75px;
|
||||
width: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Div container for the social buttons. */
|
||||
#header_social_container {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Social buttons. */
|
||||
.header_social_img {
|
||||
height: 25px;
|
||||
width: auto;
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/*******************************************************************************
|
||||
* *
|
||||
* Left Body Container *
|
||||
* *
|
||||
******************************************************************************/
|
||||
|
||||
#body_left_container {
|
||||
width: 25%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/*******************************************************************************
|
||||
* *
|
||||
* Right Body Container *
|
||||
* *
|
||||
******************************************************************************/
|
||||
|
||||
#body_right_container {
|
||||
width: 75%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.mtoggle_button {
|
||||
text-align:centre;
|
||||
margin:5px 2px;
|
||||
padding:0.4em 3em;
|
||||
color:#000;
|
||||
background-color:#FFF;
|
||||
border-radius:10px;
|
||||
display:inline-block;
|
||||
border:solid 1px #CCC;
|
||||
cursor:pointer;
|
||||
}
|
||||
Reference in New Issue
Block a user