Commit ba7fd2da authored by Seth Meranda's avatar Seth Meranda
Browse files

cleaned up CSS file a bit, moved actionbar to individual file as an example.

parent a5eeff1b
<?php header("Content-type: text/css"); ?>
/* ***************************************
Action Notice Box and Login Colorbox displayed to help users either register or login
*************************************** */
#actionBar {
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#3B5998;
display:inline-block;
padding:15px;
height:64px;
min-width:910px;
}
#actionBar #casOption {
float:left;
width:690px;
color:#fff;
position:relative;
}
#actionBar #casLogin, #actionBar .submit_button {
padding:15px;
font-size:1.6em;
font-weight:bold;
background:#90C048;
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.39, rgb(144,192,72)),
color-stop(0.75, rgb(120,168,48))
);
background-image:-moz-linear-gradient(
center top,
rgb(144,192,72) 39%,
rgb(120,168,48) 75%
);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:8px 0 0 8px;
display:inline-block;
}
#actionBar #casLogin {float:left;}
#actionBar .submit_button {
padding:0 10px;
font-size:1.4em;
margin-top:17px;
}
#actionBar #casLogin:hover, #actionBar .submit_button:hover {
background-image:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.39, rgb(144,192,72)),
color-stop(0.85, rgb(120,168,48))
);
background-image:-moz-linear-gradient(
center bottom,
rgb(144,192,72) 39%,
rgb(120,168,48) 85%
);
}
#actionBar #casOption .loginMessage {
float:left;
color:#D8D8D8;
padding:15px;
}
#actionBar #casOption span {
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
}
#maincontent #actionBar #casLogin {
color:#fff;
text-shadow: 1px 1px 1px #828282;
filter: dropshadow(color=#828282, offx=1, offy=1);
}
#actionBar #elggOption {
float:right;
width:220px;
color:#fff;
margin:-15px 0 -15px 0;
}
#actionBar #elggOption > a.switchAction {
display:inline-block;
float:left;
height:94px;
width:58px;
background:url('<?php echo $vars['url']; ?>/mod/unl_theme/views/default/images/loginTabSlider.png') no-repeat;
background-position: 0 0;
}
#actionBar #elggOption .optionMessage{
padding:20px 0;
color:#D8D8D8;
line-height:1em;
}
#actionBar #elggOption ul {
padding:0px;
list-style:none;
margin-top:15px;
}
#actionBar #elggOption ul li {
display:inline;
}
#actionBar #elggOption ul li a {
padding:5px;
color:#D8D8D8;
background:#1D4088;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-transform:uppercase;
font-weight:bold;
}
#actionBar #elggOption ul li a:hover {
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.33, rgb(23,55,120)),
color-stop(0.58, rgb(29,65,136))
);
background-image:-moz-linear-gradient(
center top,
rgb(23,55,120) 33%,
rgb(29,65,136) 58%
);
color:#D8D8D8;
}
#actionBar .elggLoginForm {display:none;}
/* User selected Elgg authentication */
#actionBar.elggLogin #casOption {
width:120px;
}
#actionBar.elggLogin #casOption .loginMessage {
display:none;
}
#actionBar.elggLogin #casLogin { opacity:0.3;}
#actionBar.elggLogin #elggOption {
width:790px;
}
#actionBar.elggLogin .elggLoginForm {
margin:20px 0;
}
#actionBar.elggLogin .elggLoginForm div.element {
float:left;
display:inline-block;
margin:2px 10px 0 0;
}
#actionBar.elggLogin .elggLoginForm div.element label {
display:block;
color:#D8D8D8;
}
#actionBar.elggLogin #elggOption .optionMessage {display:none;}
#actionBar.elggLogin .elggLoginForm ul {
float:right;
position:relative;
top:2px;
}
#actionBar.elggLogin #elggOption > a.switchAction {
background-position:0 -97px;
}
\ No newline at end of file
<?php
?>
/* this is the UNL css.php file */
/************************************ begin copied default theme styles (with anything we don't need/want removed) ******/
<?php
/**
......@@ -28,183 +15,12 @@
* @uses $vars['wwwroot'] The site URL
*/
//Any elements which appear differently (or only for) non-logged in users should be imported here.
if (!isloggedin()) {
echo "@import url('".$vars['url']."mod/unl_theme/css/actionNotice.php');";
}
?>
/* removed: RESETS */
/* removed: DEFAULTS */
<?php
if (!isloggedin()) { //The styles for the information box to be displayed if a non-authenticated user has arrived.
?>
/* ***************************************
Action Notice Box and Login Colorbox displayed to help users either register or login
*************************************** */
#actionBar {
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
background:#3B5998;
display:inline-block;
padding:15px;
height:64px;
min-width:910px;
}
#actionBar #casOption {
float:left;
width:690px;
color:#fff;
position:relative;
}
#actionBar #casLogin, #actionBar .submit_button {
padding:15px;
font-size:1.6em;
font-weight:bold;
background:#90C048;
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.39, rgb(144,192,72)),
color-stop(0.75, rgb(120,168,48))
);
background-image:-moz-linear-gradient(
center top,
rgb(144,192,72) 39%,
rgb(120,168,48) 75%
);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
margin:8px 0 0 8px;
display:inline-block;
}
#actionBar #casLogin {float:left;}
#actionBar .submit_button {
padding:0 10px;
font-size:1.4em;
margin-top:17px;
}
#actionBar #casLogin:hover, #actionBar .submit_button:hover {
background-image:-webkit-gradient(
linear,
left bottom,
left top,
color-stop(0.39, rgb(144,192,72)),
color-stop(0.85, rgb(120,168,48))
);
background-image:-moz-linear-gradient(
center bottom,
rgb(144,192,72) 39%,
rgb(120,168,48) 85%
);
}
#actionBar #casOption .loginMessage {
float:left;
color:#D8D8D8;
padding:15px;
}
#actionBar #casOption span {
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
}
#maincontent #actionBar #casLogin {
color:#fff;
text-shadow: 1px 1px 1px #828282;
filter: dropshadow(color=#828282, offx=1, offy=1);
}
#actionBar #elggOption {
float:right;
width:220px;
color:#fff;
margin:-15px 0 -15px 0;
}
#actionBar #elggOption > a.switchAction {
display:inline-block;
float:left;
height:94px;
width:58px;
background:url('<?php echo $vars['url']; ?>/mod/unl_theme/views/default/images/loginTabSlider.png') no-repeat;
background-position: 0 0;
}
#actionBar #elggOption .optionMessage{
padding:20px 0;
color:#D8D8D8;
line-height:1em;
}
#actionBar #elggOption ul {
padding:0px;
list-style:none;
margin-top:15px;
}
#actionBar #elggOption ul li {
display:inline;
}
#actionBar #elggOption ul li a {
padding:5px;
color:#D8D8D8;
background:#1D4088;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
text-transform:uppercase;
font-weight:bold;
}
#actionBar #elggOption ul li a:hover {
background-image:-webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.33, rgb(23,55,120)),
color-stop(0.58, rgb(29,65,136))
);
background-image:-moz-linear-gradient(
center top,
rgb(23,55,120) 33%,
rgb(29,65,136) 58%
);
color:#D8D8D8;
}
#actionBar .elggLoginForm {display:none;}
/* User selected Elgg authentication */
#actionBar.elggLogin #casOption {
width:120px;
}
#actionBar.elggLogin #casOption .loginMessage {
display:none;
}
#actionBar.elggLogin #casLogin { opacity:0.3;}
#actionBar.elggLogin #elggOption {
width:790px;
}
#actionBar.elggLogin .elggLoginForm {
margin:20px 0;
}
#actionBar.elggLogin .elggLoginForm div.element {
float:left;
display:inline-block;
margin:2px 10px 0 0;
}
#actionBar.elggLogin .elggLoginForm div.element label {
display:block;
color:#D8D8D8;
}
#actionBar.elggLogin #elggOption .optionMessage {display:none;}
#actionBar.elggLogin .elggLoginForm ul {
float:right;
position:relative;
top:2px;
}
#actionBar.elggLogin #elggOption > a.switchAction {
background-position:0 -97px;
}
/* End Action Notification Box*/
<?php } //end if not logged in ?>
/*UNL Overrides*/
#wdn_navigation_bar {display:none; visibility:hidden;}
#titlegraphic, .nav_collapsed #titlegraphic {margin-top:10px;margin-bottom:20px;}
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment