Click here to Skip to main content
12,348,451 members (71,258 online)
Click here to Skip to main content
Articles » Web Development » ASP.NET » General » Downloads

Stats

225.8K views
13.9K downloads
305 bookmarked
Posted

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.bak
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
Program Manager
Romania Romania
I am Project Manager with about 20 years working experience in software development and about 15 years as Software Project Manager and Architect.

You may also be interested in...

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.160621.1 | Last Updated 25 Oct 2013
Article Copyright 2013 by Raul Iloc
Everything else Copyright © CodeProject, 1999-2016
Layout: fixed | fluid