basic iPhone theme

Click to preview

Name: basic iPhone theme

Author: graphmastur
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags:

Supports top bar menu *: no
Supports side bar menu *: no
* depends on tags: topbar and sidebar

Description:

This is a basic iPhone/iPod theme. To actually use with an iPod on a mobile device, you have to click "Options", and then "Edit Meta". Click "add a new meta tag". Click on the drop-down list and select "viewport" for the name. In the content box, add "minimum-scale=1.0, width=device-width, user-scalable=no". (Without quotes) You can save that to all pages, or to the current page only. This makes the web page the device width.

This theme has some issues with editing, and things like that. That's why it is the "basic" version of it.

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/basic-iphone-theme

Code

+ show the code

#container-wrap {
    background-image:url(http://themes.wdfiles.com/local--files/basic-iphone-theme/backgroundStripes.png);
}
#footer-bar{
    Display:none;
}
#search-top-box {
    display:none;
}
 
#navi-bar .share {
    display:none;
}
#navi-bar .random-site {
    display:none;
}
#navi-bar .action-buttons {
    display: none;
}
#login-status {
    top: -5px;
    position: relative;
}
#page-info{
    display:none;
}
#page-content {
   height:auto;
}
.page-watch-options {
    display:none;
}
#header {
    background:url(http://themes.wikidot.com/local--files/basic-iphone-theme/header.png);
    background-repeat:repeat-x;
    text-align:center;
    margin-top:0px;
    height: 4em;
    align: center;
}
#header h2 {
    display: none;
}
#top-bar {
    display:none;
}
#lock-info {
    display:none;
}
#form {
    display:block;
}
#edit-page-bottomtable {
    display:block;
}
#side-bar {
    display:none;
}
#main-content {
    margin: 0px;
    background-repeat: repeat;
    min-height: 326px;
    height: auto;
    -webkit-margin-top-collapse: separate;
    -webkit-margin-bottom-collapse: separate;
    position: relative;
    width: auto;
}
#action-area-top {
    display:none;
}
#container {
    margin:0;
}

Notes

Similar themes

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep

Comments