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: 321

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: 89

Re: Air mobile

Does this involve Javascript?

Offline

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

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

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: 321

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: 910

Re: Air mobile

tongue
75d3ddc14732b1a09f5fefc8a83c6ff5.jpg


My modification of FluxBB 1.5.7 - rev.66
I speak only Russian  tongue

Offline

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

seven
Member
From: Torino, Italy
Registered: 2010-08-19
Posts: 224
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: 321

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

#8 2014-10-26 14:45:31

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

Re: Air mobile

Full support mobile (99%) in Kokuto themes. But only problem 4K in phone heh, my idea user agent but chomeos .... heh.

This my code in air mobile is bad. heh

Last edited by 123 (2014-10-26 14:47:20)


[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.7