Click here to Skip to main content
15,886,578 members
Search within:


Articles / Web Development / HTML
 

sBlog.Net - A Minimalistic Blog Engine - Using ASP.NET MVC 3

Rate me:
Please Sign up or sign in to vote.
4.94/5 (55 votes)
16 Aug 2013CPOL51 min read 197.1K   6.4K   182  
sBlog.Net is a minimalistic blog engine created using the ASP.NET MVC 3 framework.
 
.setup-body-content
{
    background-color: #F2F2F2;
    border: 1px solid #6E6E6E;
    padding: 20px;
    margin: 30px 200px 60px 200px;
    font:16px/1.6em Tahoma, Helvetica, sans-serif !important;
}

/* ================================
 * !Messages
 * 
 * Note : The !important are used to avoid context inherit
 * ================================*/

/*
 * !Standard messages
 */
.message {
	background:no-repeat .84em .92em !important;
	border:2px solid !important;
	color:#000 !important;
	display:block !important;
	margin:10px !important;
	font:14px/1.6em Tahoma, Helvetica, sans-serif !important;
	padding:10px 10px 10px 32px !important;
	vertical-align:middle;
}

.message.confirm {
	background-color:#E6EFC2 !important;
	background-image:url(images/confirm.png) !important;
	border-color:#C6D880 !important;
}

.message.info {
	background-color:#D9ECF3 !important;
	background-image:url(images/info.png) !important;
	border-color:#AED7E6 !important;
}

.message.error {
	background-color:#FBE3E4 !important;
	background-image:url(images/error.png) !important;
	border-color:#FBC2C4 !important;
}

.message.warning {
	background-color:#FBE5C5 !important;
	background-image:url(images/warning.png) !important;
	border-color:#F8C680 !important;
}

/* !Messages content */
.message strong {
	display:block !important;
	font-weight:bold !important;
}

.message p {
	font-size:12px !important;
	margin:0 !important;
	padding:0 !important;
}

.message ul {
	border:0 !important;
	margin:0 0 0 20px !important;
	list-style:square !important;
}

.message li {
	background:none !important;
	margin:0 !important;
	padding:0 !important;
}

/*
 * !Inline messages
 */
.message.inline {
	background-color:transparent !important;
    background-position:.42em .1em !important;
    border:0 !important;
    display:inline-block !important;
    margin:0 0 0 10px !important;
    padding:0 0 0 27px !important;
}

.confirm.inline { color:#009900 !important; }
.info.inline { color:#5D84B2 !important; }
.warning.inline { color:#FF7000 !important; }
.error.inline { color:#CC0000 !important; }

/* ================================
 * !Buttons
 * ================================*/

button, .button, .button:visited {
	background:#EEE;
	background:   -moz-linear-gradient(top, #FFF, #DCDCDC);
	background:    -ms-linear-gradient(top, #FFF, #DCDCDC);
	background:     -o-linear-gradient(top, #FFF, #DCDCDC);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DCDCDC));
	background:-webkit-linear-gradient(top, #FFF, #DCDCDC);
	background:        linear-gradient(top, #FFF, #DCDCDC);
	
	border-radius:3px;
	border:1px solid #A6A6A6;
	
	-moz-box-shadow:   0 0 4px rgba(0, 0, 0, .2);
	-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .2);
	box-shadow:        0 0 4px rgba(0, 0, 0, .2);
	
	cursor:pointer;
	color:#3A568D;
	display:inline-block;
	font:bold 13px/1.6em "Trebuchet MS", Helvetica, Jamrul, sans-serif;
	padding:6px 14px;
	position:relative;
	
	-moz-transition:   200ms border-color;
	-ms-transition:    200ms border-color;
	-o-transition:     200ms border-color;
	-webkit-transition:200ms border-color;
	transition:        200ms border-color;
	
	vertical-align:middle;
}

button { padding:5px 11px; }

button:focus, button:hover, button:active,
.button:focus, .button:hover, .button:active {
	border-color:#5D84B2;
	
	-moz-box-shadow-color:   0 0 4px rgba(0, 157, 220, .5);
	-webkit-box-shadow-color:0 0 4px rgba(0, 157, 220, .5);
	box-shadow-color:        0 0 4px rgba(0, 157, 220, .5);
	
	text-decoration:none;
}

button:active, .button:active {
	background:   -moz-linear-gradient(top, #DCDCDC, #FFF);
	background:    -ms-linear-gradient(top, #DCDCDC, #FFF);
	background:     -o-linear-gradient(top, #DCDCDC, #FFF);
	background:-webkit-gradient(linear, left top, left bottom, from(#DCDCDC), to(#FFF));
	background:-webkit-linear-gradient(top, #DCDCDC, #FFF);
	background:        linear-gradient(top, #DCDCDC, #FFF);

	top:1px;
}

button[disabled], button[disabled]:focus, button[disabled]:hover, button[disabled]:active {
	background:#EEE;
	background:   -moz-linear-gradient(top, #FFF, #DCDCDC);
	background:    -ms-linear-gradient(top, #FFF, #DCDCDC);
	background:     -o-linear-gradient(top, #FFF, #DCDCDC);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DCDCDC));
	background:-webkit-linear-gradient(top, #FFF, #DCDCDC);
	background:        linear-gradient(top, #FFF, #DCDCDC);

	border-color:#A6A6A6;
	cursor:default;
	opacity:.4;
	top:0;
}

.ie7 button { padding:0; }

/* !Important */
button.important, .button.important, .button.important:hover {
	font-size:18px;
	padding: 20px 80px 20px 80px;
}

/* !NotImportant */
button.notimportant, .button.notimportant, .button.notimportant:hover {
	-moz-box-shadow:   none;
	-webkit-box-shadow:none;
	box-shadow:        none;
	
	font-size:11px;
	padding:5px 11px;
}

button.notimportant { padding:4px 8px; }

.inputBoxBig
{    
    width: 500px;
	padding: 6px 0 0 7px;
	border: 3px solid #E7E7E7;
	color:#3A568D;
	font-size: 1.6em;
}

.inputBoxBigConnStr
{
    width: 98%;
	padding: 6px 0 0 7px;
	border: 3px solid #E7E7E7;
	color:#3A568D;
	font-size: 1.6em;
}

.field-info
{
    display: none;
    color: green;
    font-size: small;
    font-weight: bold;
}

.left-align {
    text-align: left;
}

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    color: #ff0000;
}

.screen-options {
    float: right; 
    padding-right: 10px
}

#refreshPage {
    color: Gray; 
    border-bottom: 1px dashed Gray;
    text-decoration: none
}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Karthik. A
Software Developer (Senior)
United States United States
Just another passionate software developer!

Some of the contributions to the open source world - a blog engine written in MVC 4 - sBlog.Net. Check it out here. For the codeproject article regarding sBlog.Net click here!

(Figuring out this section!)

Comments and Discussions

Permalink
Advertise
Privacy
Cookies
Terms of Use
Layout: fixed | fluid

Posted 7 Jan 2013

Article Copyright 2013 by Karthik. A
Everything else Copyright © CodeProject, 1999-2024

Web01 2.8:2024-04-02:1