Click here to Skip to main content
Click here to Skip to main content
Articles » Web Development » ASP.NET » General » Downloads
 
Add your own
alternative version

MVC Basic Site: Step 1 – Multilingual Site Skeleton

, 25 Oct 2013 Ms-PL
This article is intended to be the first one from this series and is focused mainly in the creation of a multilingual MVC web site skeleton.
MvcBasicSiteDatabase.zip
MvcBasicSiteDatabase.bak
MvcBasicSiteSourceCode.zip
MvcBasicSiteSourceCode
MvcBasicSite
MvcBasic.Logic
MvcBasicSiteModel.edmx
Properties
MvcBasicSite
app_code
App_Data
App_GlobalResources
ClassDiagramUI.cd
Content
Images
dd_arrow.gif
flag_De.png
flag_En.png
flag_Ro.png
HeaderLogo.png
icon-arrow.gif
themes
base
images
ui-bg_flat_0_aaaaaa_40x100.png
ui-bg_flat_75_ffffff_40x100.png
ui-bg_glass_55_fbf9ee_1x400.png
ui-bg_glass_65_ffffff_1x400.png
ui-bg_glass_75_dadada_1x400.png
ui-bg_glass_75_e6e6e6_1x400.png
ui-bg_glass_95_fef1ec_1x400.png
ui-bg_highlight-soft_75_cccccc_1x100.png
ui-icons_222222_256x240.png
ui-icons_2e83ff_256x240.png
ui-icons_454545_256x240.png
ui-icons_888888_256x240.png
ui-icons_cd0a0a_256x240.png
Controllers
Global.asax
Models
MvcBasicSite.csproj.user
Properties
Scripts
Views
Account
Home
Shared
/*----------------------------------------------------------
The base color for this template is #0078ae. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #C0C0C0; /* #FFCC66;  #5c87b2; */
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}

a:visited
{
    color: #505abc;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #12eb87;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

.headerTitle
{
    font-size: 2.5em;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #FFCC66;
    text-align: left;
    width: 100%;
    padding-left: 10px;
}

h2
{
    padding: 0 0 10px 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    min-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 10px 10px 10px;
}

header, #header
{
    position: relative;
    margin-bottom: 4px;
    margin-top: 0px;
    color: #000;
    padding: 2px 8px 0px 8px;
    background-color: #0078ae;
    border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

#main
{
    min-height: 600px;
    height: auto;
    padding: 4px 4px 4px 4px;
    background-color: #e8eef4;
    border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

footer, #footer
{
    background-color: #0078ae;
    color: #FFCC66;
    height: 20px;
    text-align: center;
    vertical-align: bottom;
    padding: 8px 0 4px 0;
    line-height: normal;
    margin: 4px 0px 0 0;
    font-size: .9em;
    font-weight: bold;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
}


/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #0078ae solid;
    padding: 0 0 2px 0px;
    position: relative;
    margin: 0;
    text-align: left;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

nav, #menucontainer
{
    margin-top: 0px;
    width: 100%;
}

#logindisplay
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    display: block;
    text-align: right;
    margin: 0px;
    color: #FFCC66;
}

#logindisplay a:link
{
    color: #FFCC66;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #FFCC66;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #fff;
    text-decoration: none;
}

div#_quickSearch
{
    display: block;
    text-align: right;
    font-size: 1.2em;
    color: #FFCC66;
}

.currentCulture
{
    font-size: 14px;
    display: block;
    text-align: right;
    color: Black;
    width: 100px;
}

.quickSearch
{
    border: none;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

img#_leftImage
{
    height: 80px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

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

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

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

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

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.submitButton
{
    height: 26px;
    font-size: 14px;
    margin-right: 4px;
}

.actionFinalized
{
    color: #CC9900;
}

.addressDropDown
{
    height: 26px;
    width: 206px;
}

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 Microsoft Public License (Ms-PL)

Share

About the Author

Raul Iloc
Architect Nagarro Software SR
Romania Romania
I am a software project manager with about 19 years working experience in software development and about 14 years as Project Manager and Architect.
 
I am working at Nagarro Software SRL (the former SoftCon IT Services SRL), member of Nagarro division (www.nagarro.com) a subsidiary of German-based Allgeier Holding AG (www.allgeier.com) - an integrated IT service group with more than 5,200 salaried employees and around 1,500 freelance IT experts.
 
I am Project Manager and Software Architect for .NET Development and I am responsible for the management of: the software development projects, the projects teams (building, mentoring, leading and supervising), the requirements, the deliverables, the estimations of the projects costs, the project plans, the risk plans, and others project management tasks. I play also the role of lead developer for the software products developed by my teams.
Follow on   LinkedIn

| Advertise | Privacy | Mobile
Web03 | 2.8.141015.1 | Last Updated 25 Oct 2013
Article Copyright 2013 by Raul Iloc
Everything else Copyright © CodeProject, 1999-2014
Terms of Service
Layout: fixed | fluid