SANDSKRIT
THEME
original
code just for reference
/*BODY*/
body {
background:transparent url(http://images.multiply.com/multiply/style/sand/sandback.jpg)
repeat scroll 0%;
color:#887766;
}
/*HEADER*/
/*user ID - upper right*/
span.signoutid a, span.signoutid a:link, span.signoutid a:visited {
color:#776655;
}
/*global navigation*/
.header .globalnav ul.gnopt a {
color:#776655;
}
/*TITLE*/
div.owner_nav {
background:transparent url(http://images.multiply.com/multiply/style/sand/top4.jpg)
repeat scroll 0%;
border:medium none;
height:195px;
margin:0pt auto;
width:780px;
}
h1#page_owner_title {
background:transparent none repeat scroll 0%;
border:medium none;
color:#776655;
font-size:45px;
margin:0pt auto;
padding:46px 0pt 0pt;
text-align:center;
width:655px;
}
/*NAVIGATION BAR*/
a.toptsel, a.toptsel:visited {
background:transparent none repeat scroll 0%;
color:#776655;
display:block;
float:left;
font-size:13px;
font-weight:bold;
height:auto;
line-height:1.2em;
margin-left:5px;
margin-right:5px;
padding:2px;
padding-top:6px;
text-align:center;
width:auto;
}
a.topt, a.topt:visited {
background:transparent none repeat scroll 0%;
color:#776655;
display:block;
float:left;
font-size:13px;
height:auto;
line-height:1.2em;
margin-left:5px;
margin-right:5px;
padding:2px;
text-align:center;
width:auto;
}
/*ITEM BOX*/
div#page_start {
background:transparent url(http://images.multiply.com/multiply/style/sand/mid.jpg)
repeat scroll 0%;
margin:0pt auto;
padding-left:50px;
padding-right:10px;
width:720px;
}
.itemboxsub {
color: #765;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
background: url(http://images.multiply.com/multiply/style/sand/sep.jpg)
repeat-x bottom left;
/* display: none; */
max-width: 520px;
}
/*item boxes date*/
.itemsubsub {
color:#776655;
font-size:12px;
font-weight:normal;
line-height:12px;
text-align:right;
}
/*Tags:*/
div.relatedlinks {
color:#999999;
font-size:11px;
text-align:left;
}
/*RIGHT RAIL*/
.railsep {
background:#776655 none repeat scroll 0%;
height:1px;
margin:12px 0pt;
}
/*user logo ID*/
.userlogoside a, .userlogo a:visited {
color:#0000CC;
}
/*FOOTER*/
div#ownedfooter {
background:transparent url(http://images.multiply.com/multiply/style/sand/bot3.jpg)
no-repeat scroll left bottom;
border:medium none;
color:#776655;
font-size:10px;
height:55px;
line-height:10px;
margin:0pt;
padding:55px 0pt 0pt;
text-align:center;
}
/*VIEWING HISTORY*/
div.stats div.infobox .boxbody {
border:1px solid #DDDDDD;
}
div.infobox .boxbody {
background-color:#DDCCAA;
color:#776655;
}
div.stats .infobox {
background-color:#F5F5F5;
}
/* Links in viewing History */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#0B5EB4;
}
/*ALL THE LINKS*/
a, a:visited, a:link {
color:#776655;
}
/*OTHER PAGES*/
/*other pages - owner post administration*/
a.mine, a.mine:link, a.mine:visited {
color:#776655;
font-size:11px;
padding:0pt 2px;
background:transparent none repeat scroll 0%;
float:right;
margin:0pt 0pt 0pt 4px;
}
.litemactions a, .litemactions a:visited, .litemactions a:link {
background-color:transparent;
border:medium none;
margin-top:1px;
}
/*other pages - visitor post functions*/
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited
{
color:#776655;
font-size:11px;
padding:0pt 2px;
background:transparent none repeat scroll 0%;
border:medium none;
float:right;
margin:0pt 0pt 0pt 4px;
}
/*table view*/
bodysummary {
color:#666666;
}
/*REPLY BOX*/
.replybox {
background:#DDCCAA none repeat scroll 0%;
border:1px solid #776655;
color:#776655;
margin:0pt 0pt 10px;
padding:5px;
}
.replyboxread {
background:#FFFFFF url(http://images.multiply.com/common/misc/gray-white-fade.gif)
repeat-x scroll -25px;
border-color:#DDDDDD;
border-style:solid none none;
border-width:1px medium medium;
color:#888888;
margin:0pt 0pt 10px;
padding:5px;
}
.quotet {
background:transparent none repeat scroll 0%;
border:1px solid #DDDDDD;
color:#666666;
margin:5px 5px 5px 20px;
padding:5px;
}
.replyboxstamp {
color:#888888;
float:none;
font-size:12px;
font-weight:normal;
margin-bottom:5px;
padding:0pt;
text-align:left;
}
/*other pages - owner reply administration*/
div.actionlinks a.mine, div.actionlinks a.mine:link, div.actionlinks a.mine:visited
{
color:#B40B0B;
font-size:13px;
margin:0pt;
padding:0pt 10px 0pt 0pt;
}
.replydeleted {
color:#999999;
margin:-5px 0pt 5px;
}
/*replies visualisation mode*/
a.vopt, a.vopt:link, a.vopt:visited {
color:#776655;
padding:0pt 5px;
}
a.voptsel, a.voptsel:link, a.voptsel:visited {
background-color:#DDCCAA;
border:1px solid #776655;
color:#776655;
}
.voptlabel {
color:black;
font-weight:bold;
margin-right:10px;
}
SANDSKRIT
THEME
Code for make all the backgrounds and borders transparent
and all the reference for text and links color
Note:
I think the best way for to make a customization from a choosen customized
theme is:
realize the site totally transparent, by using the code below in this
table;
subsequently you can put new colors and borders in any box of the layout
to make some change different by the transparencies
you can to change
in the background-color properties: transparent with
a valid color code, such as #010101
in the background-image properties: none with
url(Here_the_URL ), where Here_the_URL is a valid
URL
in the border-style properties: none with solid
in the assignement border:1px none #010101; change none with solid
in the assignement background:transparent none ; change none with
a valid color such as #123456 and transparent with
url(Here_the_Url )
about the text color properties (such as color: #123456; )
I report below all the lines where to change the text and links color (all
text and links colors are changed to white (#FFFFFF) or gray).
(for other possible assignements like font-family look the CSS
basilar syntax rules )
/*BODY*/
body {
background-color: #666666;
background-image: none;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
font-family: "Trebuchet MS", Arial;
font-size: 13px;
color: #FFFFFF;
}
/*HEADER*/
/*user ID - upper right*/
span.signoutid a, span.signoutid a:link, span.signoutid a:visited {
color:#FFFFFF;
}
/*global navigation*/
.header .globalnav ul.gnopt a {
color:#FFFFFF;
}
/*TITLE*/
div.owner_nav {
background:transparent none repeat scroll 0% 50%;
}
h1#page_owner_title {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
}
/*ITEM BOX*/
div#page_start {
background:transparent none repeat scroll 0%;
color: #FFFFFF;
}
.itemboxsub {
background-image:none;
color: #FFFFFF;
}
/*item boxes date*/
.itemsubsub {
color:#FFFFFF;
}
/*Tags:*/
div.relatedlinks {
color:#FFFFFF;
}
/*NAVIGATION BAR*/
a.toptsel, a.toptsel:visited {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
}
a.topt, a.topt:visited {
background:transparent none repeat scroll 0%;
color:#FFFFFF;
}
/*RIGHT RAIL*/
.railsep {
background:transparent none repeat scroll 0%;
}
/*user logo ID*/
.userlogoside a, .userlogoside a:link, .userlogo a:visited {
color:#FFFFFF;
}
/*FOOTER*/
div#ownedfooter {
background:transparent none no-repeat scroll left bottom;
color:#FFFFFF;
}
/*VIEWING HISTORY*/
div.stats div.infobox .boxbody {
border:1px none #DDDDDD;
}
div.infobox .boxbody {
background-color:transparent;
color:#FFFFFF;
}
div.stats .infobox {
background-color:transparent;
}
/* Links in viewing History */
div.infobox a, div.infobox a:link, div.infobox a:visited {
color:#FFFFFF;
}
/* Visitor's User_ID */
div.infobox .userlogo a, div.infobox .userlogo a:link, div.infobox .userlogo
a:visited {
color:#999999;
}
/*ALL THE LINKS*/
a, a:visited, a:link {
color:#FFFFFF;
}
/*OTHER PAGES*/
/*other pages - owner post administration*/
a.mine, a.mine:link, a.mine:visited {
color:#FFFFFF;
}
/*other pages - visitor post functions*/
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited
{
color:#FFFFFF;
}
/*table view*/
bodysummary {
color:#aaaaaa;
}
/*REPLY BOX*/
.replybox {
background:transparent none repeat scroll 0%;
border:1px none #776655;
color:#FFFFFF;
}
.replyboxread {
background:transparent none repeat-x scroll -25px;
border-style:none;
color:#cccccc;
}
.quotet {
border:1px none #DDDDDD;
color:#cccccc;
}
.replyboxstamp {
color:#cccccc;
}
/*other pages - owner reply administration*/
div.actionlinks a.mine, div.actionlinks a.mine:link, div.actionlinks a.mine:visited
{
color:#FFFFFF;
}
.replydeleted {
color:#999999;
}
/*replies visualisation mode*/
a.vopt, a.vopt:link, a.vopt:visited {
color:#FFFFFF;
}
a.voptsel, a.voptsel:link, a.voptsel:visited {
background-color:transparent;
border:1px none #776655;
color:#FFFFFF;
}
/* [View replies:] */
.voptlabel {
color:#FFFFFF;
}
Chronological Reverse Threaded
what is the difference with the other one ?
mariatv wrote on Feb 25, '07, edited on Feb 25, '07
2 differences # 1 it is in my site. I maintain the group clean and I'll make the index and the FAQ in the home page to all my posts so it will be possible to find this post past some month in different ways. posts I'm putting in modify are untraceable past one month. # 2 the post in modify content only the code for the main page, This is complete, with all the colors for text and links and all the boxex (see for example reply box) for the entire site .. (I hope)
all the replies I'll put in modify I'll make a post here too I want to create a valide reference .. without the need of having a user replying to the questions. It will be enough to read the FAQ.
mariatv wrote on Feb 26, '07, edited on Feb 26, '07
if u are asking difference with the othr one theme I've posted here or with the other customized themes ,.,.,I don't know what are the differences I dont look this; I only know that for every customized theme change the css. what are the difference is possible to say only after having created the css code for the transparencies of the other theme,, and at that point it is unnecessary searching for the differences ,,.
nonio wrote on Mar 1, '07
what is the difference with the other one ? tnx for your observation darling effectively there is some common thing to all the themes ,., it is more simple make the tutorials :-)
Hi! I would like to ask something about my site... I don't know why my homepage got exapanded? I really don't have any idea in customizing theme, i just follow instructions... and also, why can't i change my fonts and text color? are there any site where i could generatee cutomized theme instead?
the problem is due to some width and max-width property you have in the code no I dont know any site where to generate a customized theme
first start with this
in custom.css (line 14)
search the itemboxsub
and change that at this manner
.itemboxsub {
border-bottom:1px dotted #E56717;
margin:0pt;
padding-left:10px;
padding-right:10px;
padding-top:4px;
width:auto;
background:transparent url(
http://images.multiply.com/multiply/style/petals/rail.gif ) repeat-y scroll left top;
border-color:#E7D3D2 ;
border-style:solid solid none;
border-width:1px 1px medium;
color:#843B47;
font-size:18px;
font-weight:bold;
}
otherwise you can reorder the boxes view by using only onbe columna
I think the problem go away
if you give a width of 500pixel to the title boxes and trhen put the boxes in two column you get 1000 pixel for the page .. more the rail width ..
i'll try it out... thanks mariatv! Ü
Maria, can you pretty please update this code as I've recently discovered that multiply has updated the sandskrit code. I would do it myself but I kind of rely on your wonderful labeling of the parts to figure out where everything goes. Please?
sure can you say me what's the changed part?
here's the code:
body {
background: none;
color: #876;
background: url(
http://images.multiply.com/multiply/style/sand/sandback.jpg );
}
a, a:visited, a:link { color: #765; }
.rail {
width: 139px;
}
.railstart {
width: 139px;
height: 0;
background-color: #fff;
background: none;
border: none;
margin-top: -20px;
}
.railbody {
width: 119px;
background-color: #fff;
font-size: 12px;
background: none;
border: none;
z-index: 1000;
position: relative;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #765;
}
.railend {
width: 139px;
height: 10px;
background: none;
margin: 0 0 8px 0;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
border: none;
background-color: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: none;
border: none;
}
div.owner_nav {
background-color: #fff;
border: none;
margin: 0;
/* -moz-border-radius: 10px; */
background: none;
width: 780px;
height: 195px;
background: url(
http://images.multiply.com/multiply/style/sand/top4.jpg );
margin: 0 auto;
}
div#subnavc {
width: auto;
margin: 0 auto;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
div#subnav {
padding: 1px;
padding-left: 85px;
background-color: #fff;
background: none;
height: auto;
margin: 0 auto;
text-align: center;
border: none;
background: none;
}
h1#page_owner_title {
width: 655px;
margin: 0 auto;
padding: 46px 0 0 0;
background-color: none;
background: none;
color: #765;
border: none;
font-size: 45px;
text-align: center;
}
div#page_start {
width: 720px;
margin: 0 auto;
padding-left: 50px;
padding-right: 10px;
background: url(
http://images.multiply.com/multiply/style/sand/mid.jpg );
}
td#maincontent { padding: 0 40px 0 10px; }
div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
background: url(
http://images.multiply.com/multiply/nav/tselo-84.gif );
}
div#ownedfooterc {
width: 784px;
margin: 0 auto;
padding: 0;
}
div#ownedfooter {
margin: 0;
height: 55px;
padding: 55px 0 0 0;
line-height: 10px;
border: none;
color: #765;
text-align: center;
font-size: 10px;
background: url(
http://images.multiply.com/multiply/style/sand/bot3.jpg ) no-repeat bottom left;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
color: #765;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
background: url(
http://images.multiply.com/multiply/style/sand/sep.jpg ) repeat-x bottom left;
/* display: none; */
max-width: 520px;
}
.rolloverfordnd {
color: #765;
font-weight: bold;
font-size: 24px;
border: none;
padding: 0;
margin: 0;
background: none;
max-width: 520px;
background: url(
http://images.multiply.com/multiply/style/sand/sepdnd.jpg ) repeat-x bottom left;
/* display: none; */
}
.itemsubsub {
font-size: 12px;
font-weight: normal;
line-height: 12px;
text-align: right;
color: #765;
}
.itemstamp {
float: right;
font-size: 12px;
font-weight: normal;
margin: 0;
color: #765;
}
.itembox {
border: 1px solid #ccc;
border-top: none;
background-color: #eee;
background-color: #fff;
padding: 5px 0 0 0;
margin: 0px;
overflow: visible;
background: none;
border: none;
}
.itemactionspacer {
height: 30px;
}
.itemboxalbum {
border: 1px solid #ccc;
background-color: #eee;
padding: 5px 0 10px 0;
text-align: center;
}
.rail .userlogo {
border: 1px solid #999;
}
.caldiv1 { background-color: #ccc; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #fff; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #ccc; width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #fff; }
.caldiv1 th {
background-color: #ccc;
color: #765;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff; }
.compose img {display: none}
.icon { visibility: hidden; display: none; }
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: #765;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #765;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
div.header {
width: 760px;
margin: 0 auto;
background: none;
}
table.globalnav {
width: 760px;
border: none;
background: none;
}
.album {
margin: 0 10px 10px 0;
}
.album img {
border: 1px solid #765;
}
table.indextitle {display: none}
.header .globalnav ul.gnopt a, .header .globalnav a.select { color: #765; }
.litemactions a, .litemactions a:visited, .litemactions a:link { border: none; background-color: transparent; margin-top: 1px; color: #765; }
div.viewmore {
text-align: left;
margin-bottom: 20px;
}
div.itemshadow { margin-bottom: 5px; max-width: 520px;}
div.itemboxalbum { margin-bottom: 0}
.navinput {
-moz-border-radius: 4px;
border: 1px solid #765;
background-color: #dca;
color: #765;
}
div.infobox .boxbody {
border: 1px solid #765;
}
div.infobox .boxbody {
color: #765;
background-color: #dca;
}
a.voptsel, a:link.voptsel, a:visited.voptsel {
background-color: #dca;
border: 1px solid #765;
color: #765;
}
a.vopt, a:link.vopt, a:visited.vopt {
color: #765;
}
div.vopt {
color: #765;
}
.voptlabel {
color: black;
font-weight: bold;
margin-right: 10px;
}
div.gndd {
background-color: #dca;
border: 1px solid #765;
}
div.ddsep { background-color: #765; }
div.gndd a {
border: 1px solid #dca;
}
a.mine, a:link.mine, a:visited.mine {
font-size: 11px;
padding: 0 2px 0 2px;
color: #765;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
font-size: 11px;
padding: 0 2px 0 2px;
color: #765;
}
.replybox {
border: 1px solid #765;
background: none;
background-color: #dca;
color: #765;
}
.quotet {
background: none;
}
div.openbox {
margin: 0 0 5px 0;
}
div.guidebox {
color: #765;
background: none;
background-color: #dca;
border: 1px solid #765;
}
div.add_sublabel {
color: #987;
}
div.add_sublabel a, div.add_sublabel a:link, div.add_sublabel a:visited {
color: #987;
}
div.add_sublabel a:hover {
color: #987;
}
span.signoutid a, span.signoutid a:link, span.signoutid a:visited {
color: #765;
}
div.header table.globalnav h3 { color: #765; }
nonio wrote on Apr 5, '07
,,,,, lol hey I know this code !!! I NEVER look at the code at this manner I 'd take too much time I look the code directly running in the page you must tell me where you have found a change ! anyway I have found a change in the links for the viewing history I have made this change .. more a little add for the Title
eventually tell me where you find other changes
I don't quite understand the code myself. but I think they've added the last bits. everything after .itembox (in the new code posted earlier) I think.
and where in the code can I change the color of the font of my blog dates?
http://geli13.multiply.com/ (move down and check the blog and take a look at the dates.)
Those were the only things I haven't been able to change.
mariatv wrote on Apr 7, '07, edited on Apr 7, '07
the blog date in main page and in all the blog posts is in your custom.css (line 83) .itemsubsub { color:#D2EAC8; font-size:12px; font-weight:normal; line-height:12px; text-align:right; }
mariatv wrote on Apr 7, '07, edited on Apr 7, '07
I don't quite understand the code myself. but I think they've added the last bits. everything after .itembox (in the new code posted earlier) I think. I don't know all the code for the layouts for that I know and I have posted here I have found only the change in the links for the viewing history
Thnxs a lot..it really help me !!
Oh, sandskrit for a change. been using Avlack for my layouts :p i will try this, thank you!:)
mariatv wrote on May 17, '07, edited on May 17, '07
yeah there is an inflation of avlack :-)
i'm trying to, but i don't know what the header size for sandskrit is.. haha :p i'm trying to distinguish the parts first xD
here's what I have so far:
http://bettizzle.multiply.com
the original is 799 X 195 pixel
mariatv wrote on May 19, '07, edited on May 19, '07
anyway you can easily to change the height
or you can also to reduce the width
,,
the image is
799X195
but the visible image in the layout is
780 X 195
just observing this block
div.owner_nav {
background:transparent url(
http://images.multiply.com/multiply/style/sand/top4.jpg ) repeat scroll 0%;
border:medium none;
height:195px;
margin:0pt auto;
width:780px;
}
i'll try that, thanks so much ;D
ok i will try that,,, thanks for the solution
,,, nope .. anyway in the post about the replies boxes there is a part of the code (title footer and body) for all the themes I'll make the other themes .. but I have not time now I hope soon
I love it, very useful for me, i have already changed my theme! Thanks Thi Han
Comment deleted at the request of the author.
i will start to INNOVATE the codes. thank you so much. :)
d4niboyz wrote on Jul 22, '07, edited on Jul 22, '07
Thanks for sharing, i just still confusing about how to change menu position ( home, blog, photos, ..etc ) to bottom right. could u pls tell me which one of css code i have to change..so i can see the menu on bottom right position..many thanks for helping me..for my case i used SANDSKRIT as based theme
use this div#subnavc { background-color:transparent; border-top:0px solid transparent; height:30px; margin:170px 0px 0px 380px; padding:0px; position:absolute; width:auto; } I have assigned to all the padding: 0 and added position absolute and margin top and margin left. more use the width to auto in general to move the nav bar you can to use div#subnavc { margin-top:XXXpx; margin-left:YYYpx; position:absolute; }
Hello. I am encountering problems with my CSS: 1) How do I change the font color for the main body of my site. I don't which part of the CSS changes the color from gray to black. 2) I can't fit the footer to my site. What should i do? Please take time to look at my site to see the problems. Thanks a lot!!!
dear Maria, I followed your last instruction and I got blank background. I tried to add URL for background with the appropiate form but the pic came only in the beginning and then replaced by blank solid color background.
.... ok ... but u have the default skyline now... wath could say u ? I have to see the theme with the code of your attempt to find the problem
Comment deleted at the request of the author.
can someone please tell me what is the size of the banner and the menu of sandskrit theme?
hi... can anyone help me? I have designed my theme and somethings wrong at my item box, the contents doesn't fit, and also my navigation. please help. you can visit my site to view my problem. Thanks!
may i use the code? *^^* or edit it???
inkah wrote on Apr 13, edited on Apr 13
Hi Maria how come I can't able to change my font size in my item box? what ever size I put in, it's seems same size. Here is my code. } /*ITEM BOX*/ div#page_start { background:transparent none repeat scroll 0%; color: #8B0A50; font-size: 22px; font-weight:bold; }
i cant line-up my "header", "item-box", and "footer" properly...and one more thing, the user logo in the "right-rail"..i cant make it appear transparent...hope someone can help!..cheers!
+ may i know whats the size of the upper banner? thanks!