2017-12-20 20:49:11 +00:00
* {
border : 0 ;
margin : 0 ;
padding : 0 ;
}
2018-10-30 21:58:37 +00:00
html {
height : 100 % ;
}
2017-12-20 20:49:11 +00:00
body {
font-family : "Fira Sans" , "Open Sans" , Helvetica , Arial , sans-serif ;
color : # 333 ;
background : # ddd ;
padding-top : 65px ;
2018-10-30 21:58:37 +00:00
height : calc ( 100 % - 65px )
2017-12-20 20:49:11 +00:00
}
a {
text-decoration : none ;
color : blue ;
}
a : hover {
color : # 212121 ;
text-decoration : none ;
}
2021-08-19 16:24:52 +00:00
input , textarea {
font-family : "Fira Sans" , "Open Sans" , Helvetica , Arial , sans-serif ;
2017-12-20 20:49:11 +00:00
border-bottom-left-radius : 3px ;
border-bottom-right-radius : 3px ;
}
textarea {
resize : vertical ;
}
small {
font-weight : 500 ;
}
. button {
padding : 5px 10px ;
margin : 5px 10px ;
border : 1px solid blue ;
border-radius : 5px ;
background : # ddddff ;
}
. button : hover {
background : # eeeeff ;
}
/* FONTS */
@ font-face {
font-family : 'Fira Sans' ;
font-weight : 700 ;
src : url ( '../fonts/FiraSans-Bold.eot' ) ;
src : local ( 'Fira-Sans-Bold' ) , local ( 'Fira Sans Bold' ) , url ( '../fonts/FiraSans-Bold.otf' ) format ( 'otf' ) , url ( '../fonts/FiraSans-Bold.ttf' ) format ( 'truetype' ) ;
}
@ font-face {
font-family : 'Fira Sans' ;
font-weight : 600 ;
src : url ( '../fonts/FiraSans-Medium.eot' ) ;
src : local ( 'Fira-Sans-Medium' ) , local ( 'Fira Sans Medium' ) , url ( '../fonts/FiraSans-Medium.otf' ) format ( 'otf' ) , url ( '../fonts/FiraSans-Medium.ttf' ) format ( 'truetype' ) ;
}
@ font-face {
font-family : 'Fira Sans' ;
font-weight : 500 ;
src : url ( '../fonts/FiraSans-Regular.eot' ) ;
src : local ( 'Fira-Sans' ) , local ( 'Fira Sans' ) , url ( '../fonts/FiraSans-Regular.otf' ) format ( 'otf' ) , url ( '../fonts/FiraSans-Regular.ttf' ) format ( 'truetype' ) ;
}
@ font-face {
font-family : 'Fira Sans' ;
font-weight : 400 ;
src : url ( '../fonts/FiraSans-Light.eot' ) ;
src : local ( 'Fira-Sans-Light' ) , local ( 'Fira Sans Light' ) , url ( '../fonts/FiraSans-Light.otf' ) format ( 'otf' ) , url ( '../fonts/FiraSans-Light.ttf' ) format ( 'truetype' ) ;
}
@ font-face {
font-family : 'Fira Sans' ;
font-weight : 300 ;
src : url ( '../fonts/FiraSans-ExtraLight.eot' ) ;
src : local ( 'Fira-Sans-ExtraLight' ) , local ( 'Fira Sans ExtraLight' ) , url ( '../fonts/FiraSans-ExtraLight.otf' ) format ( 'otf' ) , url ( '../fonts/FiraSans-ExtraLight.ttf' ) format ( 'truetype' ) ;
}
/*********************************/
header {
position : fixed ;
top : 0 ;
width : 100 % ;
background : black ;
height : 65px ;
color : white ;
box-shadow : 0 0 3px black ;
z-index : 1000 ;
}
header ul {
float : right ;
position : relative ;
}
header li {
display : inline-block ;
height : 65px ;
vertical-align : middle ;
}
header li a {
color : white ;
padding : 25px 15px 15px ;
height : 20px ;
display : block ;
vertical-align : middle ;
}
2021-06-02 19:22:49 +00:00
header li a : hover , header li a : focus-within {
color : white ;
}
2017-12-20 20:49:11 +00:00
2021-06-02 19:10:12 +00:00
header li : hover a , header li : focus-within a {
2017-12-20 20:49:11 +00:00
border-bottom : 6px solid blue ;
background : # 212121 ;
}
header . icon {
border : 1px solid white ;
border-radius : 3px ;
margin : -5px 0 ;
padding : 4px 0 ;
line-height : 20px ;
text-align : center ;
width : 28px ;
}
header . icon . avatar {
2020-05-16 10:12:45 +00:00
margin : -4px 0 ;
2017-12-20 20:49:11 +00:00
padding : 0 ;
height : 28px ;
}
2021-06-02 19:10:12 +00:00
header li . has-sub : hover a , header li . has-sub : focus-within a {
2017-12-20 20:49:11 +00:00
border-bottom : 6px solid # 212121 ;
}
2021-06-02 19:10:12 +00:00
header li . has-sub : hover > ul , header li . has-sub : focus-within > ul {
2017-12-20 20:49:11 +00:00
display : block ;
}
header li . has-sub ul {
display : none ;
position : absolute ;
right : 0px ;
margin-top : -1px ;
background : # 212121 ;
}
header li . has-sub ul li {
display : block ;
height : 46px ;
border-left : 6px solid # 212121 ;
}
header # connectform {
height : 127px ;
}
header li . has-sub ul li a {
float : none ;
padding : 15px 25px 15px 10px ;
height : 10px ;
border-bottom : none ;
}
2021-06-02 19:10:12 +00:00
header li . has-sub ul li : hover , header li . has-sub ul li : focus-within {
2017-12-20 20:49:11 +00:00
border-left : 6px solid blue ;
border-bottom : none ;
}
header form {
display : block ;
width : 200px ;
padding : 15px 15px 0 15px ;
}
header input {
margin : 0 0 10px -5px ;
padding : 5px ;
background : # 333 ;
border-bottom : 1px solid # 555 ;
display : block ;
width : 100 % ;
color : # bbb ;
}
header input [ type = submit ] {
position : relative ;
margin-left : 0 ;
}
header input [ type = submit ] {
background : # 555 ;
border-bottom : 1px solid # 777 ;
}
2021-06-02 19:10:12 +00:00
header input : hover , header input : focus-within {
2017-12-20 20:49:11 +00:00
background : # DDD ;
color : # 222 ;
}
# Hcontent {
width : 850px ;
margin : 0 auto ;
}
# logo {
float : left ;
padding : 8px 15px ;
margin : 2px 0 ;
opacity : 0 . 85 ;
}
# logo : hover {
opacity : 1 ;
}
# logo img {
height : 44px ;
}
/*********************************/
section {
position : relative ;
background : white ;
margin : auto ;
width : 820px ;
2020-05-16 08:05:04 +00:00
min-height : calc ( 100 % - 98px ) ;
2017-12-20 20:49:11 +00:00
z-index : 10 ;
padding : 15px ;
text-align : justify ;
}
2020-05-16 08:05:04 +00:00
section # index {
min-height : calc ( 100 % - 98px - 320px ) ;
}
2017-12-20 20:49:11 +00:00
section h1 {
font-weight : 300 ;
font-size : 43px ;
margin-top : 20px ;
border-bottom : 1px solid # bbb ;
}
section . subtitle {
font-variant : small-caps ;
font-weight : 500 ;
background : # ddd ;
margin : 0 20px 20px 0 ;
display : inline-block ;
padding : 3px 5px ;
float : right ;
}
section p {
margin : 20px 0 ;
}
/***************************************/
footer {
background : # 212121 ;
width : 820px ;
padding : 15px ;
margin : 15px auto 0 auto ;
color : # c1c1c1 ;
text-align : left ;
}
2020-05-16 16:42:19 +00:00
footer {
}
2017-12-20 20:49:11 +00:00
footer # footernav {
float : right ;
padding : 0 ;
margin : 0 ;
}
footer a {
color : white ;
padding : 0 8px ;
}
footer a : hover {
color : white ;
}
/*********************************/
/** Index page **/
/*********************************/
# indexFullW {
position : relative ;
background : url ( '../img/aside.jpg' ) center center no-repeat # 070707 ;
width : 100 % ;
height : 320px ;
z-index : 100 ;
box-shadow : inset 0 -1px 0 # 444 , 0 1px 5px black ;
}
# AScontent {
height : 320px ;
width : 850px ;
margin : auto ;
}
# spacebeforesponsors {
height : 238px ;
}
# sponsors {
height : 70px ;
background : rgba ( 0 , 0 , 0 , 0 . 5 ) ;
padding : 5px 30px ;
}
# sponsors a {
float : right ;
display : block ;
padding-top : 5px ;
padding-left : 5px ;
padding-right : 5px ;
}
# sponsors a img {
height : 60px ;
display : inline ;
}
# sponsors p {
float : left ;
color : white ;
font-size : 20px ;
font-variant : small-caps ;
line-height : 70px ;
}
section . thumb {
margin : 0 10px ;
border : 1px solid # aaa ;
2020-05-16 09:52:43 +00:00
}
/*********************************/
/** Community portal page **/
/*********************************/
. action {
clear : both ;
margin : 50px auto 0 auto ;
width : 90 % ;
background : # efefef ;
}
. action p {
margin : 0 ;
}
. action . title {
background : # ccc ;
cursor : pointer ;
font-weight : 500 ;
font-size : 1 . 1em ;
2021-06-04 18:44:35 +00:00
line-height : 56px ;
2020-05-16 09:52:43 +00:00
}
. action . title a , . action . title p {
2021-06-04 18:44:35 +00:00
padding : 0 10px 0 71px ;
2020-05-16 09:52:43 +00:00
margin : 0 ;
color : inherit ;
display : block ;
}
2020-05-16 13:32:59 +00:00
. action . title i {
float : left ;
width : 56px ;
line-height : 56px ;
text-align : center ;
font-size : 30px ;
background : # 333 ;
color : # ccc ;
}
2020-05-16 09:52:43 +00:00
. action . description {
display : none ;
2020-05-16 13:32:59 +00:00
border : solid # ccc ;
border-width : 0px 1px 3px 1px ;
2020-05-16 09:52:43 +00:00
}
. action . description p {
padding : 10px 20px ;
2017-12-20 20:49:11 +00:00
}