Forums

Unfortunately no one can be told what FluxBB is - you have to see it for yourself.

You are not logged in.

#1 2014-08-24 13:29:00

123
Member
From: Poland
Registered: 2012-07-24
Posts: 308

Air mobile

profile.php?section=personality&id=2
UUHJRg.png
this one error

post view error
az7HPc.png
base Template air is bad

sxkVm8.png
3OHsW0.png
9xa0N3.png
pdXIXh.png

Adding air.css code

Status API Training Shop Blog About © 2014 GitHub, Inc. Terms Privacy Security Contact
{}
@media (max-width: 716px) {
*
.pun {
	padding: 0 0;
        margin: 30px auto;
        width: 100%;
}
#brdtitle{display:none;}
#punredirect, #punmaint {
	width:318px;
        margin: 60px auto;
        padding: 0 185px;
}
/*****************************************************************
3. COMMON BOARD ELEMENTS
*****************************************************************/

/* Logo, Description and Main Menu
----------------------------------------------------------------*/

#brdtitle h1 {
	padding: 0 0 10px 0;
}

#brdtitle {
        width: 100%;
	height:80px;
	background: #fff;
}

#brdtitle:hover{
        background: #fff;
}

#brddesc {
	padding: 0;
	color: #333;
    width: 100%;
	margin-top:0px;
	background:#fff;
	font-size: 1em;
}

#brdtitle h1 a:link, #brdtitle h1 a:visited {
	color: #333;
	background:#fff;
	padding-left:5px;
	padding-top:5px;
}

#brdtitle h1 a:hover, #brdtitle h1 a:active, #brdtitle h1 a:focus{
	color: #333;
	background:#f5f5f5;
}

#brddesc p {
	padding-bottom: 12px;
}

#brdmenu ul {
	padding: 0;
}

#brdmenu li {
        float:none;
}

#brdmenu a:link, #brdmenu a:visited {
	display: block;
	padding: 9px 6px 3px 6px;
	min-height: 1px;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
	text-decoration: none;
}

#brdmenu{
	text-align: left;
	margin-right:2px;
float:center;
margin-top:-6px;
z-index:1;
display:block;
}
.pun .blockpost .postleft .postavatar {
        display: none;
}

.pun .blockpost .postright {
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    padding: 9px 21px 7px 18px;
}

.pun .blockmenu {
	width: 100%;
	padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
	margin-left: 0;
}

.pun .blockmenu .block2 {
	padding-top: 19px;
}

.pun .blockmenu ul {
	padding: 0;
}

.pun .blockmenu li {
	font-weight: normal;
	padding: 0;
}
.pun .blockmenu a:link, .pun .blockmenu a:visited {
	display: block;
	padding: 9px 6px 3px 6px;
	min-height: 1px;
	text-decoration: none;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
	height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
	text-decoration: none;
}
.pun label input, .pun label select, .pun label textarea {width: 100%;}
.pun fieldset label {width: 100%;}
.pun #quickpost legend, #punpost legend, #punedit legend {width: 100%;}
.pun .infldset {
	padding: 12px 18px;
}

.pun input[type=text] {
	font-family: "Open Sans", Helvetica, sans-serif;
	border:1px solid #eee;
	border-radius:2px;
	padding: 2px;
	max-width: 380px;
}

.pun input[type=text]:hover {
        border:1px solid #ddd;
}

.pun select {
       font-family: "Open Sans", Helvetica, sans-serif;
       max-width: 380px;
}

.pun .blocktable .tc3, .pun .blocktable .tc2 {
    display: none;
}

.pun #postpreview .postright {
    padding-top:23px;
	margin-left: 200px;
}

.pun .subscribelink {
	position: absolute;
	right: 0;
	text-align: right;
	top: 85px;
	z-index:9999999;
}

#brdwelcome li span,.pun .blocktable td .byuser ,.pun .blocktable td  {
     white-space: normal;
}
	 
.pun .blockpost .postfootright {
	margin-left: -400px;
}

}

and main tpl code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<pun_head>
</head>
<body>

<div id="pun<pun_page>" class="pun">
<div class="punwrap">

<div id="brdheader" class="block">
	<div class="box">
		<div id="brdtitle" class="inbox">
			<pun_title>
			<pun_desc>
		</div>
		<pun_navlinks>
		<pun_status>
	</div>
</div>

<pun_announcement>

<div id="brdmain">
<pun_main>
</div>

<pun_footer>

</div>
</div>

</body>
</html>

Mobile theme support in progress.
View post - in progress.
View new topic/post - in progress.
Menu hide - in progress


[img]http://imagizer.imageshack.com/img633/7813/XjQh8f.png[/img]
https://github.com/123s   My profile in github
Ach, lekceważyłaś wolę króla
a w nocy naszego spotkania, śmiałaś się do łez

Offline

#2 2014-08-25 00:05:46

Sxderp
Member
Registered: 2012-11-02
Posts: 49

Re: Air mobile

Does this involve Javascript?

Offline

#3 2014-08-25 06:38:33

123
Member
From: Poland
Registered: 2012-07-24
Posts: 308

Re: Air mobile

I would not give js. Only css


[img]http://imagizer.imageshack.com/img633/7813/XjQh8f.png[/img]
https://github.com/123s   My profile in github
Ach, lekceważyłaś wolę króla
a w nocy naszego spotkania, śmiałaś się do łez

Offline

#4 2014-08-25 13:47:52

123
Member
From: Poland
Registered: 2012-07-24
Posts: 308

Re: Air mobile

Update new code css adding air.css

Status API Training Shop Blog About © 2014 GitHub, Inc. Terms Privacy Security Contact
{}
@media (max-width: 716px) {
*
.pun {
	padding: 0 0;
    margin: 30px auto;
    width: 100%;
}

#brdtitle, .pun .icon, .pun .blockpost .postleft .postavatar, .pun .blocktable .tc3, .pun .blocktable .tc2 {
    display:none;
}

#punredirect, #punmaint {
	width:318px;
    margin: 60px auto;
    padding: 0 185px;
}

#brdtitle h1 {
	padding: 0 0 10px 0;
}

.pun .infldset {
	max-width: 100%;
}

.pun select {
    max-width:80%;
}

.pun .blockpost .postright {
    border-left: 0px;
    border-top:1px solid #ddd;
    margin-left: 0em;
}

.pun #postpreview .postbody {
    padding: 4px 10px;
    margin-left: 0px;
}

.pun .blockpost .postleft {
	float: left;
	background:#EBF1F5;
	width:100%;
	margin-left:0px;
    position: relative;
    margin-bottom: 0px;
}

#punviewtopic .blockpost dt, #punmoderate .blockpost dt {
    top: -3.315em;
	white-space:pre-wrap;
}

.pun #postpreview .postbody {
    margin-left:10px;
}

fieldset{
    margin:auto 0;
	border:none;
}

.pun .blockpost .postfootright {
    padding: 7px 20px 7px 18px;
}

.pun .blockpost h2 {
    border:none;
	background:none;
	white-space:pre-wrap;
	height:35px;
	margin-left:-40px;
	padding-bottom:10px;
}

.pun .blockpost h2 .conr, .pun .blockpost .postbody, .pun .blockpost .postfoot, #brdmenu li  {
    float:none;
}

.pun .postmsg p, .pun .postmsg li, #punhelp p samp { 
    font-size: 18px;
    line-height: 1.65em;
    font-weight: 400;
}

.pun .blockpost .postfootright {
    margin-left:-200px;
}

.pun .blockpost .postright {
	margin-left: 0em;
}

#brdmenu ul {
	padding: 0;
}

#brdmenu a:link, #brdmenu a:visited {
	display: block;
	padding: 9px 6px 3px 6px;
	min-height: 1px;
}

#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus {
	text-decoration: none;
}

#brdmenu{
	text-align: left;
	margin-right:2px;
    float:center;
    margin-top:-6px;
    z-index:1;
    display:block;
}

.pun .blockpost .postright {
    position: relative;
    margin-top: 0px;
    margin-left: 0px;
    padding: 9px 21px 7px 18px;
}

.pun .blockmenu {
	width: 100%;
	padding-bottom: 12px;
}

.pun .block2col .blockform, .pun .block2col .block {
	margin-left: 0;
}

.pun .blockmenu .block2 {
	padding-top: 19px;
}

.pun .blockmenu ul {
	padding: 0;
}

.pun .blockmenu li {
	font-weight: normal;
	padding: 0;
}
.pun .blockmenu a:link, .pun .blockmenu a:visited {
	display: block;
	padding: 9px 6px 3px 6px;
	min-height: 1px;
	text-decoration: none;
}

* html .pun .blockmenu a:link,  * html .pun .blockmenu a:visited {
	height: 1%;
}

.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus {
	text-decoration: none;
}
.pun label input, .pun label select, .pun label textarea, .pun fieldset label, .pun #quickpost legend, #punpost legend, #punedit legend  {
    width: 100%;
}

.pun .infldset {
	padding: 12px 18px;
}

.pun input[type=text] {
	font-family: Helvetica, sans-serif;
	padding: 2px;
	max-width: 380px;
}

.pun select {
    font-family:Helvetica, sans-serif;
    max-width: 380px;
}

.pun #postpreview .postright {
    padding-top:23px;
}

#postpreview h2, #punsearch .blockpost h2 {
    padding-left:60px;
}

#punsearch .blockpost .postfootright li span {
    background:none;
}

.pun .subscribelink {
	position: absolute;
	right: 0;
	text-align: right;
	top: 85px;
	z-index:9999999;
}

#brdwelcome li span,.pun .blocktable td .byuser ,.pun .blocktable td  {
    white-space: normal;
}

}

Example
3GJjlX.png
UDQmd5.png
WXLfY2.png
PiPRuY.png
jt5wx5.png

Tadam.


[img]http://imagizer.imageshack.com/img633/7813/XjQh8f.png[/img]
https://github.com/123s   My profile in github
Ach, lekceważyłaś wolę króla
a w nocy naszego spotkania, śmiałaś się do łez

Offline

#5 2014-08-25 13:59:15

Visman
Member
From: Siberia
Registered: 2010-07-10
Posts: 878
Website

Re: Air mobile

tongue
75d3ddc14732b1a09f5fefc8a83c6ff5.jpg


My modification of FluxBB 1.5.6 - rev.65
I speak only Russian  tongue

Offline

#6 2014-08-25 13:59:55

seven
Member
From: Torino, Italy
Registered: 2010-08-19
Posts: 184
Website

Re: Air mobile

Could you please release this theme as "air responsive" or "air mobile"? It would be easier to plug it in existing sites.

Thanks a lot for your effort, we hope this gets merged in core.


gamezoo.org - serious gaming services for serious gamers.

Offline

#7 2014-08-25 15:59:49

123
Member
From: Poland
Registered: 2012-07-24
Posts: 308

Re: Air mobile

Only css. Heh


[img]http://imagizer.imageshack.com/img633/7813/XjQh8f.png[/img]
https://github.com/123s   My profile in github
Ach, lekceważyłaś wolę króla
a w nocy naszego spotkania, śmiałaś się do łez

Offline

Board footer

Powered by FluxBB 1.5.6