Css updated
This commit is contained in:
ang-st
88
public/images/bluuu2.svg
Normal file
88
public/images/bluuu2.svg
Normal file
@@ -0,0 +1,88 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="468.33334"
|
||||
height="26.875"
|
||||
id="svg4254"
|
||||
version="1.1"
|
||||
inkscape:version="0.48.2 r9819"
|
||||
sodipodi:docname="bluuu.svg">
|
||||
<defs
|
||||
id="defs4256">
|
||||
<marker
|
||||
inkscape:stockid="DotL"
|
||||
orient="auto"
|
||||
refY="0"
|
||||
refX="0"
|
||||
id="DotL"
|
||||
style="overflow:visible">
|
||||
<path
|
||||
id="path5674"
|
||||
d="m -2.5,-1 c 0,2.76 -2.24,5 -5,5 -2.76,0 -5,-2.24 -5,-5 0,-2.76 2.24,-5 5,-5 2.76,0 5,2.24 5,5 z"
|
||||
style="fill-rule:evenodd;stroke:#000000;stroke-width:1pt;marker-start:none;marker-end:none"
|
||||
transform="matrix(0.8,0,0,0.8,5.92,0.8)"
|
||||
inkscape:connector-curvature="0" />
|
||||
</marker>
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="1.6970563"
|
||||
inkscape:cx="409.27911"
|
||||
inkscape:cy="-25.962743"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:window-width="1261"
|
||||
inkscape:window-height="557"
|
||||
inkscape:window-x="230"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0" />
|
||||
<metadata
|
||||
id="metadata4259">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
id="layer1"
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
transform="translate(0.83333331,-34.166668)">
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:none"
|
||||
id="rect4329"
|
||||
width="468.33334"
|
||||
height="26.875"
|
||||
x="-0.83333331"
|
||||
y="34.166668" />
|
||||
<path
|
||||
style="fill:#f16237;fill-opacity:1"
|
||||
d="m -0.83333333,47.916676 0,-13.750004 47.87671433,0 47.876705,0 18.703694,13.750004 19.15458,13.16489 -67.03129,0.585107 -66.58040333,0 z"
|
||||
id="path6118"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="ccccccccc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.7 KiB |
64
public/images/logo_thsf.svg
Normal file
64
public/images/logo_thsf.svg
Normal file
@@ -0,0 +1,64 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="Calque_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="140.54px"
|
||||
height="135.811px"
|
||||
viewBox="0 0 140.54 135.811"
|
||||
enable-background="new 0 0 140.54 135.811"
|
||||
xml:space="preserve"
|
||||
inkscape:version="0.48.2 r9819"
|
||||
sodipodi:docname="LOGO THSF.svg"><metadata
|
||||
id="metadata2998"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs2996" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="640"
|
||||
inkscape:window-height="480"
|
||||
id="namedview2994"
|
||||
showgrid="false"
|
||||
inkscape:zoom="1.737709"
|
||||
inkscape:cx="70.269997"
|
||||
inkscape:cy="67.905502"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="Calque_1" />
|
||||
|
||||
|
||||
|
||||
<g
|
||||
id="g3019"
|
||||
transform="translate(-5.4811149,3.4528223)"><path
|
||||
id="path2986"
|
||||
d="m 85.389,19.665 v 12.103 c 0,1.849 -1.504,3.353 -3.354,3.353 -1.848,0 -3.352,-1.504 -3.352,-3.353 V 19.665 h 6.706 z"
|
||||
inkscape:connector-curvature="0" /><path
|
||||
id="path2988"
|
||||
d="m 74.682,19.665 v 12.103 c 0,4.054 3.299,7.353 7.354,7.353 4.054,0 7.354,-3.299 7.354,-7.353 V 19.665 h 7.354 v 22.057 c 0,3.778 -3.075,6.852 -6.853,6.852 H 54.01 c -3.778,0 -6.853,-3.074 -6.853,-6.852 V 19.665 h 27.525 z"
|
||||
inkscape:connector-curvature="0" /><path
|
||||
id="path2990"
|
||||
d="M 47.156,111.154 V 78.617 c 0,-3.777 3.074,-6.854 6.854,-6.854 h 45.784 c 3.778,0 6.851,3.076 6.851,6.854 v 32.537 H 47.156 z"
|
||||
inkscape:connector-curvature="0" /><path
|
||||
id="path2992"
|
||||
d="M 122.646,111.154 H 110.645 V 78.617 c 0,-5.984 -4.868,-10.854 -10.853,-10.854 H 54.01 c -5.984,0 -10.853,4.869 -10.853,10.854 v 32.537 H 31.156 V 19.666 h 12.001 v 22.056 c 0,5.984 4.868,10.852 10.853,10.852 h 35.881 c 5.984,0 10.853,-4.868 10.853,-10.852 V 19.666 h 0.864 l 21.039,21.039 v 70.449 z"
|
||||
inkscape:connector-curvature="0" /></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -1,3 +1,4 @@
|
||||
* { margin:0; padding:0; }
|
||||
|
||||
@font-face {
|
||||
font-family: 'Frontage';
|
||||
@@ -11,28 +12,84 @@
|
||||
}
|
||||
|
||||
|
||||
|
||||
.content_block_red{
|
||||
background-color: #f16237;
|
||||
min-width:100%;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
/* visited link */
|
||||
a:visited {
|
||||
color: #f16237;
|
||||
}
|
||||
|
||||
.red_back {
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(../images/bluuu.svg);
|
||||
background-color: #f16237;
|
||||
min-width:100%;
|
||||
min-height:10px;
|
||||
background-position: left bottom;
|
||||
background-clip: padding-box;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.section {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-width:70%;
|
||||
max-width:70%;
|
||||
padding-bottom:5em;
|
||||
}
|
||||
.section img{
|
||||
height:5%;
|
||||
width:5%;
|
||||
}
|
||||
|
||||
.section h3{
|
||||
text-align:right;
|
||||
margin-right:2%;
|
||||
}
|
||||
|
||||
body {
|
||||
padding: 50px;
|
||||
padding-bottom:0;
|
||||
padding-top: 120px;
|
||||
/*background-color: #f1623b;*/
|
||||
|
||||
}
|
||||
|
||||
#main {
|
||||
text-align:center;
|
||||
min-width: 30%;
|
||||
padding-bottom:10em;
|
||||
}
|
||||
/*
|
||||
padding-bottom: 0px;
|
||||
background-color: #f1623b;
|
||||
background-color: #000000;
|
||||
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
|
||||
color: #ffffff;
|
||||
margin-left: auto;
|
||||
|
||||
/*
|
||||
margin-right: auto;
|
||||
background-image: url(../images/logo1.png) ;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center top;
|
||||
background-size: contain;
|
||||
background-clip: padding-box;*/
|
||||
/*
|
||||
background-clip: padding-box;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
background-size: cover;
|
||||
*/
|
||||
}
|
||||
*/
|
||||
@media screen and (max-width: 768px) {
|
||||
body { padding-top: 0px; }
|
||||
}
|
||||
@@ -43,17 +100,17 @@ a {
|
||||
|
||||
.navbar-fixed-top {
|
||||
font-family: 'Frontage-regular';
|
||||
background-color: #000000;
|
||||
background-color: #ffffff;
|
||||
font-size:1vw;
|
||||
border-color: #f1623b;;
|
||||
}
|
||||
|
||||
.navbar-default .navbar-nav>li>a{
|
||||
color:#ffffff;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
#home {
|
||||
display:block;
|
||||
/*display:block;*/
|
||||
}
|
||||
.img-logo{
|
||||
padding-top:30%;
|
||||
@@ -71,66 +128,43 @@ h3 {
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/*a.anchor{display: block; position: relative; top: -10px; visibility: hidden;}*/
|
||||
|
||||
.content_box{
|
||||
background-color: #ffffff;
|
||||
color: #000000;
|
||||
padding: 5%;
|
||||
margin: 3%;
|
||||
padding-top: 30px;
|
||||
margin-bottom:30px;
|
||||
min-width:0%;
|
||||
min-height:0%;
|
||||
opacity: 0.85;
|
||||
#main h3{
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.content_box h3 {
|
||||
font-family: 'Frontage';
|
||||
text-align:center
|
||||
}
|
||||
|
||||
.content_box h4 {
|
||||
font-family: 'Frontage';
|
||||
text-align:center
|
||||
}
|
||||
|
||||
.content_box img {
|
||||
margin:10px;
|
||||
max-width:100px;
|
||||
}
|
||||
.content_box table {
|
||||
.section table {
|
||||
/*display: table;*/
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
min-width:80%;
|
||||
border-collapse : collapse;
|
||||
text-align:center;
|
||||
|
||||
}
|
||||
.content_box table th,
|
||||
.content_box table td {
|
||||
.section table th,
|
||||
.section table td {
|
||||
padding : 4px 8px;
|
||||
border : 1px solid #aaa;
|
||||
min-width:30px;
|
||||
}
|
||||
.content_box ul {
|
||||
.section ul {
|
||||
padding-left: 2em;
|
||||
}
|
||||
/*
|
||||
|
||||
#logo {
|
||||
display: block;
|
||||
margin-top: 50px;
|
||||
/*margin-top: 50px;*/
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width:25%;
|
||||
padding: 15%;
|
||||
background-image: url(../images/logo.png);
|
||||
width:40%;
|
||||
padding: 10%;
|
||||
background-image: url(../images/logo_thsf.svg);
|
||||
background-size: contain;
|
||||
filter: invert(100%);
|
||||
background-position: top center;
|
||||
/* filter: invert(100%);
|
||||
-webkit-filter: invert(100%);
|
||||
*/
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
*/
|
||||
|
||||
#title_text{
|
||||
|
||||
font-family: "andale mono", "lucida console", monospace;
|
||||
@@ -143,5 +177,21 @@ h3 {
|
||||
|
||||
}
|
||||
|
||||
.content_box:before{
|
||||
content:<p/>;
|
||||
z-index:-1;
|
||||
margin:0;
|
||||
padding-top:50px;
|
||||
width:20%;
|
||||
margin-bottom:-20px;
|
||||
border-bottom: 10px solid rgb(0,0,0);
|
||||
border-right: 10px solid transparent;
|
||||
}
|
||||
|
||||
.content_box:nth-of-type(odd):before{
|
||||
|
||||
border-bottom: 10px solid rgb(255,255,255);
|
||||
border-right: 10px solid transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user