Versions

Neo is finally done. Since the last time I've fixed a few bugs and cleaned the code, and it's ready to shine on blogs everywhere on My Opera.

If you'd like to tinker with the source code, grab the latest copy after the jump. All existing users of Neo will already be using the latest version.

Read more...

Neo is beginning to look complete. A bunch of bugs have been squished, and I skipped having to override the in line style sheet by importing only the style sheets I need. Because of that, you'll need to change to "Only use my custom style sheet" in the custom style sheet settings.

While it's a release candidate, its functionality isn't going to stay frozen. In fact, I want as much feedback as possible from you, my users. I want as many bug reports as possible and feature requests. After I've implemented the requests I approve, I'm going to release a Neo RC2, and If I'm satisfied, I'm going to clean up the source code and release the final version.

Source code:

/* # Neo 0.7 RC1 - Copyright DrLaunch - CC-GNU LGPL (http://creativecommons.org/licenses/LGPL/2.1/) # */

@import url(http://my.opera.com/community/css/users/115/main.css) screen, projection, tv, print;
@import url(http://my.opera.com/community/css/themes/forum2.css) screen, projection, tv, print;
@import url(http://my.opera.com/community/css/themes/common-2.css) screen, projection, tv, print;


/* ## Various selectors ## */

#shoutbox blockquote p, #shoutbox li, #shoutbox blockquote, #albumlist li a, .preview a:link, .preview a:visited, .preview a:active {
background: none;
}

#albumlist li a {
border: none;
}

#albumlist li.even a {
background: none;
}

.content pre {
width: 594px;
}

.onecol #content pre {
width: 605px;
}

#wrap1 {
width: 960px !important;
min-width: 960px !important;
max-width: 960px !important;
}

#wrap3 {
width: 920px !important;
min-width: 920px !important;
max-width: 920px !important;
}

.onecol #wrap4 {
width: 630px !important;
min-width: 630px !important;
max-width: 630px !important;
}

#wrap4 {
background: transparent url(http://files.myopera.com/drlaunch/themes/neo/content.jpg) repeat-y 0px 0px;
width: 920px !important;
min-width: 920px !important;
max-width: 920px !important;
}

#top, #footer {
width: 660px !important;
min-width: 660px !important;
max-width: 660px !important;
}

.onecol #content {
width: 630px !important;
min-width: 630px !important;
max-width: 630px !important;
padding-left: 15px;
padding-right: 15px;
}


#content {
width: 915px !important;
min-width: 915px !important;
max-width: 915px !important;
}

#mainwrap {
width: 660px !important;
min-width: 660px !important;
max-width: 660px !important;
}

#main {
width: 620px !important;
min-width: 620px !important;
max-width: 620px !important;
}

/* ## Behind user page ## */

body {
font-family: Tahoma, Verdana, Arial, "lucida grande", "Lucida Sans Unicode", "bitstream vera sans", "dejavu sans", "Trebuchet MS", sans-serif;
background: #F80000;
}

#wrap0 {
background: #380000 url(http://files.myopera.com/drlaunch/themes/neo/body.jpg) bottom center repeat-x;
}

#wrap1, .jsHelp {
font-family: Tahoma, Verdana, "lucida grande", "Lucida Sans Unicode", Arial, "helvetica", "Trebuchet MS", sans-serif;
}

#wrap1[id], #wrap2[id] {
background: none;
}


/* ### Top bar ### */

#myo {
background: none !important;
margin-bottom: 50px;
}

#myo-nav a:link, #myo-nav a:visited, #myo-nav a:active {
background: transparent !important;
}

#myo-nav ul {
margin-top: 0 !important;
}

#myo-nav a {
line-height: 50px !important;
}

/* ## User page ## */

.onecol #wrap4 {
background: black url(http://files.myopera.com/drlaunch/themes/neo/wrap4.jpg) bottom left no-repeat;
}


/* ### Top area ### */

#top {
background: #ff0000 url(http://files.myopera.com/drlaunch/themes/neo/top.jpg) bottom center;
height: 262px;
}

#top #menu a:hover, #menu #selected:link, #menu #selected:visited {
background-position: 0px -54px;
}

#top2 {
position: relative;
top: 46px;
}

#menu {
background: #010101 url(http://files.myopera.com/drlaunch/themes/neo/menu.png) top left no-repeat;
height: 52px;
position: relative;
bottom: 170px;
padding-left: 8px;
border-bottom: none;
text-align: center;
}

menu ul {
margin-left: 28px !important;
}

#menu li {
font-size: 1.3em;
line-height: 32px;
}

#menu a:link, #menu a:visited, #menu a:active {
background: #ff0000 url(http://files.myopera.com/drlaunch/themes/neo/menu.png) 50% 50%;
padding: 10px;
width: 64px;
}

#top #menu a:hover, #menu #selected:link, #menu #selected:visited {
background: url(http://files.myopera.com/drlaunch/themes/neo/menuh.png) 0% 0%;
}

#menu a:link, #menu a:visited, #menu a:active {
border: none;
}


/* ### Content area ### */

#content {
background: transparent url(http://files.myopera.com/drlaunch/themes/neo/wrap4.jpg) bottom left no-repeat;
margin-left: -15px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0;
}

#mainwrap {
padding-top: 0px;
padding-left: 15px;
padding-bottom: 0px;
margin-bottom: 15px;
}

#main {
padding-bottom: 0px;
}

#sidewrap {
position: relative;
top: -216px;
}

#side h2, #side .h2, #side caption {
background: none;
font-size: 1.3em;
}

#friendz li, #friendz a:link, #friendz a:visited, #friendz a:active, #visitors li, #visitors a:link, #visitors a:visited, #visitors a:active, #myfavs a:link, #myfavs a:visited, #myfavs a:active {
background: none !important;
}

#myphoto, #albumslides, #qp li {
border: none;
}

#calendar {
background: none;
border: none;
}

#calendar td {
border: none;
}

#footer2 {
width: 620px;
}

#footer {
margin-left: 15px;
}

#footer2 {
padding-top: 15px;
}

#footer2 #meta {
width: 200px;
}

body {
background-color: #F80000;
background-image: none;
}

#wrap0 {
background: #380000 url(http://files.myopera.com/drlaunch/themes/neo/body.jpg) bottom center repeat-x;
}

#wrap1[id], #wrap2[id] {
background: none;
}


#wrap3, #top, #content, #footer {
min-width: 660px;
}

#myo {
background: none !important;
margin-bottom: 50px;
}

#myo-nav a:link, #myo-nav a:visited, #myo-nav a:active {
background: transparent !important;
}

#myo-nav ul {
margin-top: 0 !important;
}

#myo-nav a {
line-height: 50px !important;
}

#wrap4 {
background: transparent url(http://files.myopera.com/drlaunch/themes/neo/wrap4.jpg) bottom left no-repeat;
}

#top {
width: 660px;
background: #ff0000 url(http://files.myopera.com/drlaunch/themes/neo/top.jpg) bottom center;
height: 262px;
}

#top #menu a:hover, #menu #selected:link, #menu #selected:visited {
background-position: 0px -54px;
}

#top2 {
position: relative;
top: 46px;
}

#menu {
background: #010101 url(http://files.myopera.com/drlaunch/themes/neo/menu.png) top left no-repeat;
height: 52px;
position: relative;
bottom: 170px;
padding-left: 8px;
border-bottom: none;
text-align: center;
}

menu ul {
margin-left: 28px !important;
}

#menu li {
font-size: 1.3em;
line-height: 32px;
}

#menu a:link, #menu a:visited, #menu a:active {
background: #ff0000 url(http://files.myopera.com/drlaunch/themes/neo/menu.png) 50% 50%;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
width: 64px;
}

#top #menu a:hover, #menu #selected:link, #menu #selected:visited {
background-image: url(http://files.myopera.com/drlaunch/themes/neo/menuh.png);
background-position: 0px 0px;
}

#menu a:link, #menu a:visited, #menu a:active {
border: none;
/*border-left-color: #000000;
border-left-width: 1px;
border-left-style: solid;
border-right-color: #333333;
border-right-width: 1px;
border-right-style: solid;*/
}

#content {
width: 915px;
margin-left: -15px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0;
}

#mainwrap {
background: transparent url(http://files.myopera.com/drlaunch/themes/neo/content.jpg) repeat-y 0px 0px;
width: 660px;
padding-top: 0px;
padding-left: 15px;
padding-bottom: 0px;
margin-bottom: 15px;
min-height: 600px;
}

#main {
padding-bottom: 0px;
}

#sidewrap {
position: relative;
top: -222px;
}

#footer, #footer2 {
width: 620px;
}

#footer {
margin-left: 15px;
}

#footer2 {
padding-top: 15px;
}

#footer2 #meta {
width: 200px;
}

body {
background-color: #F80000;
background-image: none;
}

#wrap0 {
background: #380000 url(http://files.myopera.com/drlaunch/themes/neo/body.jpg) bottom center repeat-x;
}

#wrap1[id], #wrap2[id] {
background: none;
}


#wrap3, #top, #content, #footer {
min-width: 660px;
}

#myo {
background: none !important;
margin-bottom: 50px;
}

#myo-nav a:link, #myo-nav a:visited, #myo-nav a:active {
background: transparent !important;
}

#myo-nav ul {
margin-top: 0 !important;
}

#myo-nav a {
line-height: 50px !important;
}

#wrap4 {
background: transparent url(http://files.myopera.com/drlaunch/themes/neo/wrap4.jpg) bottom left no-repeat;
}

#top {
width: 660px;
background-position: 0% 100%;
}

#top2 {
position: relative;
top: 46px;
}

#menu {
height: 48px;
position: relative;
bottom: 170px;
padding-left: 8px;
}

menu ul {
margin-left: 28px !important;
}

#menu li {
font-size: 1.3em;
}

#menu a:link, #menu a:visited, #menu a:active {
padding-top: 10;
padding-right: 10px;
padding-bottom: 10;
padding-left: 10px;
width: 64px;
}

#content {
width: 915px;
margin-left: -15px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0;
}

#mainwrap {
background: transparent url(http://files.myopera.com/drlaunch/themes/neo/content.jpg) repeat-y 0px 0px;
width: 660px;
padding-top: 0px;
padding-left: 15px;
padding-bottom: 0px;
margin-bottom: 15px;
min-height: 600px;
}

#main {
padding-bottom: 0px;
}

#sidewrap {
position: relative;
top: -170px;
}

#footer, #footer2 {
width: 620px;
}

#footer {
margin-left: 15px;
}

#footer2 {
padding-top: 15px;
}

#footer2 #meta {
width: 200px;
}

body {
background-image: none;
background-color: darkred;
}


#wrap0, #wrap1, #wrap2, #wrap3 {
width: 100%;
min-width: 100%;
max-width: 100%;
}

#myo {
margin-bottom: 50px;
}

#myo2 {
width: 960px !important;
min-width: 960px !important;
max-width: 960px !important;
margin: 0 auto;
}

#wrap1[id], #wrap2[id] {
background: none;
}

#wrap4 {
background: none;
margin: 0 auto;
width: 650px;
padding-right: 250px;
padding-left: 0px;
}

#top, #content {
min-width: 650px;
width: 650px;
}

#top {
margin: 0 auto;
height: 199px;
background-position: bottom center;
}

#top2 {
position: relative;
top: 28px;
}

#menu {
position: relative;
bottom: 170px;
background: none;
}

#content {
background: black;
margin: 0 auto;
width: 650px !important;
max-width: 650px !important;
min-width: 650px !important;
margin-bottom: 120px;
}

#content h2, #content p, #content form {
padding-left: 15px;
padding-right: 15px;
}

#content #mainwrap {
margin-left: 15px;
margin-right: 15px;
}

#mainwrap {
min-height: 1144px;
}

#sidewrap {
position: absolute;
top: 0px;
right: -250px;
width: 250px;
}

#side {
width: 240px;
max-width: 240px;
margin-left: 5px;
margin-right: 5px;
}

#side h2, #side caption {
background: none;
}

#myphoto {
border: none;
}

#friendz li, #friendz a:link, #friendz a:visited, #friendz a:active {
background: none;
}

#calendar {
background-color: transparent;
}

#visitors li, #visitors a:link, #visitors a:visited, #visitors a:active, #myfavs a:link, #myfavs a:visited, #myfavs a:active {
background: none;
}

#footer {
position: absolute;
bottom: -90px;
}

.onecol content{
padding: 15px;
}